/* Reference-led homepage. All labels and controls are HTML, not a screenshot. */
body{background:radial-gradient(ellipse at 50% 0,#fffdf6 15%,#fcf5e6 70%);color:#143d2d}.topbar{min-height:73px;padding:12px 5%;gap:22px;background:#032f25;border-bottom:1px solid #977a35}.topbar .wordmark{font-size:23px}.topbar .wordmark small{margin-top:3px;font-size:10px;letter-spacing:1px}.topbar .brand-mark{font-size:37px}.topbar nav{gap:27px}.topbar .compact{display:none}.topbar .language-picker{margin-left:auto;order:2}.topbar .language-picker label{font-size:10px}.topbar .language-picker select{font-size:12px;min-height:30px;background:transparent;color:#f5e5bf;border-color:#b19760}.topbar .language-picker select option{color:#173d2e;background:#fff8e9}
.living-hero.reference-hero{display:grid;grid-template-columns:56% 44%;width:100%;max-width:1600px;margin:0 auto;padding:0;gap:0;min-height:0;isolation:isolate;overflow:hidden;border:0;border-radius:0;background:#03382b;box-shadow:none;text-align:center}.reference-hero:before{display:none}.reference-hero .divine-stage{grid-row:auto;display:block;border:0;background:none;border-radius:0;max-width:none;width:100%;height:auto;margin:0;padding:0;box-shadow:none;align-self:stretch}.reference-hero .divine-image{display:block;aspect-ratio:3/2;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}.reference-hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 30px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#0b4a3433,transparent 70%),#03382b}.reference-hero-content:before{position:absolute;content:'';left:-1px;top:0;bottom:0;width:45px;background:linear-gradient(90deg,#03382b00,#03382b00);pointer-events:none}.celestial-seal{position:absolute;color:#c19a45;opacity:.21;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.celestial-seal svg{width:100%;height:100%;stroke-width:.6}.celestial-seal>span{position:absolute;top:12%;left:45%;font-size:22px}.reference-hero .living-hero-copy{padding:0;margin:0;align-self:auto;width:100%}.reference-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#fff6de;line-height:1.13;font-size:clamp(32px,3.15vw,54px);letter-spacing:-.025em;margin:0 0 19px}.reference-systems{font-size:13px;letter-spacing:.2em;color:#eddfbd;margin:0}.reference-divider{width:76%;max-width:330px;display:flex;align-items:center;gap:10px;margin:19px 0;color:#d0ab5e;font-size:15px}.reference-divider:before,.reference-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#c5a15b)}.reference-divider:after{transform:scaleX(-1)}.reference-hero .living-hero-actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:320px;width:80%;margin:0;padding:0;align-self:auto}.reference-hero .living-hero-actions:before{display:none}.reference-hero .button{border-radius:5px;min-height:43px;font:16px Georgia,serif;padding:12px 18px;justify-content:center;gap:24px}.reference-hero .button:not(.outline){background:linear-gradient(180deg,#f6d585,#cd962e);color:#173625;border:1px solid #e7c275;box-shadow:inset 0 1px #ffe9af,0 4px 10px #001f1722}.reference-hero .button.outline{color:#f6e7c5;background:#012d2488;border-color:#b99b57}
.tool-directory{width:90%;max-width:1280px;padding:23px 0 0;margin:0 auto;box-shadow:none;background:none;border:0}.tool-directory-heading{margin:0 0 20px;display:flex;justify-content:center;align-items:center}.tool-directory-heading>div{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.tool-directory-heading>div:before,.tool-directory-heading>div:after,.reference-heading:before,.reference-heading:after{content:'';height:1px;flex:1;max-width:110px;background:linear-gradient(90deg,transparent,#c6a368)}.tool-directory-heading>div:after,.reference-heading:after{transform:scaleX(-1)}.tool-directory-heading h2{font:29px/1.25 Georgia,serif;margin:0;color:#153a2c;text-align:center}.tool-directory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.tool-shortcut{min-height:130px;padding:18px 12px 15px;gap:8px;border-radius:12px;border:1px solid #e5d9bf;background:linear-gradient(150deg,#fffdf7,#fbf4e6);box-shadow:0 4px 9px #6e4b1710,inset 0 1px #fff;text-align:center}.tool-shortcut .tool-shortcut-icon{height:40px;width:40px;min-width:40px}.tool-shortcut-icon svg{height:40px;width:40px}.tool-shortcut strong{font-size:17px;line-height:1.2}.tool-shortcut>span:nth-child(2){flex:0}.reference-day.section{padding-top:25px;padding-bottom:0}.reference-heading{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 0 20px}.reference-heading h2{font:28px/1.25 Georgia,serif;color:#163b2c;margin:0}.reference-day .my-day-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.reference-day .my-day-card{min-height:243px;padding:24px;border:1px solid #d9c7a0;border-radius:9px;gap:10px;box-shadow:0 5px 10px #66471d0d;position:relative}.reference-day .my-day-card h3{font:25px/1.18 Georgia,serif;margin:0 0 10px}.reference-day .my-day-card p{font-size:13px;line-height:1.55;margin:0 0 12px;max-width:230px}.reference-day .my-day-calendar{background:radial-gradient(circle at 100% 90%,#175e3c55,transparent 60%),#043e2b;color:#f7edd3}.reference-day .my-day-calendar:before{right:-10px;top:12px;width:150px;height:150px;opacity:.5}.day-sun-symbol{position:absolute;right:22px;top:77px;color:#e7c060;font-size:38px;pointer-events:none;opacity:.8}.reference-city-picker{margin-top:auto!important;position:relative;font-size:13px}.reference-city-picker>summary{border:1px solid #b39a60;border-radius:4px;padding:9px 12px;list-style:none;display:flex;justify-content:space-between;gap:10px;color:#f6e5b9!important;background:#002d2488;min-height:40px}.reference-city-picker>summary::-webkit-details-marker{display:none}.reference-city-picker[open]{background:#fff9e9;color:#214b34;border-radius:5px;padding-bottom:12px}.reference-city-picker .my-day-city{padding:14px 12px 0}.reference-city-picker label{color:#244632}.reference-city-picker input,.reference-city-picker select{max-width:100%;background:#fffdf5;color:#173d2d;border:1px solid #ccb88c}.reference-city-picker .location-results{color:#173d2d;background:#fffaf0}.reference-calendar-controls{display:flex;gap:8px;flex-wrap:wrap}.reference-day .reference-calendar-controls .button{font-size:10px;padding:7px 9px;min-height:29px;border:0;box-shadow:none;background:transparent;color:#ead4a4}.reference-day .my-day-card .actions{gap:6px}.reference-day .my-day-card .button{font-size:12px;padding:10px 12px;border-radius:4px}.reference-learning{background:linear-gradient(90deg,#321c0beF,#42240bc7 55%,#42240b16),url('/imagery/astrology-study-640.webp') center/cover!important;color:#fff2d3}.reference-learning h3,.reference-learning p,.reference-learning small{color:#fff2d3!important}.reference-card-copy{max-width:230px}.reference-lesson{margin-top:18px!important}.reference-lesson>summary{display:inline-block;padding:8px 11px;cursor:pointer;border:1px solid #d7bc82;border-radius:4px;font-size:12px;background:#28160977;list-style:none}.reference-lesson[open]{background:#2a190beF;padding:12px;border-radius:6px}.reference-lesson #glance-learning{margin-top:15px}.reference-lesson #glance-learning h3{font-size:20px}.reference-lesson #glance-learning p{font-size:12px}.reference-saved{background:linear-gradient(90deg,#fff9e8 15%,#fff9e8ef 48%,#fff9e844 76%),url('/imagery/astrology-study-640.webp') right center/cover!important}.reference-saved #glance-saved{max-width:66%;overflow-wrap:anywhere}.reference-saved .actions{position:relative;flex-wrap:wrap}.reference-saved .button.ghost{font-size:10px;padding:5px 0;min-height:25px}.reference-saved .my-day-period{padding:10px;margin-top:10px}.reference-day-status{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#63705e;padding-top:8px}.reference-day-status p{font-size:10px;margin:0}.reference-services.section{padding-top:21px;padding-bottom:20px}.reference-services .domain-grid{gap:18px}.reference-services .domain-card{padding:0 0 17px;display:flex;flex-direction:column;border:1px solid #e0d0ae;border-radius:9px;box-shadow:0 4px 10px #73532412;background:#fff9ed;overflow:hidden}.reference-services .domain-photo{width:100%;height:160px;object-fit:cover;margin:0 0 14px;max-width:100%;border:0}.reference-services .domain-card>span{display:none}.reference-services .domain-card h3{font:22px Georgia,serif;margin:0 18px 10px}.reference-services .domain-card p{font-size:12px;line-height:1.6;margin:0 18px 15px}.reference-services .domain-card .button{align-self:flex-start;font-size:12px;padding:8px 0;margin:0 18px;background:none;border:0;border-radius:0;box-shadow:none;min-height:35px}.reference-services .domain-card .button span{color:#a0782b}.tool-directory~#my-day{scroll-margin-top:85px}html[lang=hi] .reference-hero h1{font-family:NavchetanaHindi,serif;line-height:1.5;font-size:clamp(27px,3vw,44px)}html[lang=hi] .reference-systems{letter-spacing:.03em}
@media(min-width:1600px){.reference-hero h1{font-size:54px}}
@media(min-width:701px) and (max-width:1000px){.reference-hero-content{padding:22px 20px}.reference-hero h1{font-size:31px}.reference-systems{font-size:10px}.reference-divider{margin:12px 0}.reference-hero .button{font-size:14px;min-height:39px;padding:10px}.tool-directory-grid{gap:10px}.tool-shortcut{padding:15px 8px;min-height:120px}.tool-shortcut strong{font-size:14px}.reference-day .my-day-card{padding:18px;min-height:245px}.reference-day .my-day-card h3{font-size:22px}.reference-day .my-day-card p{font-size:12px}.reference-day .my-day-calendar{grid-column:auto}}
@media(max-width:700px){.topbar{min-height:63px;padding:9px 4%;gap:10px}.topbar .wordmark{font-size:19px;gap:7px}.topbar .brand-mark{font-size:28px}.topbar .wordmark small{font-size:9px;letter-spacing:1px}.topbar .language-picker label{display:none}.topbar .language-picker select{max-width:93px;min-height:32px;font-size:11px}.living-hero.reference-hero{display:block;border-radius:0 0 12px 12px}.reference-hero .divine-stage{display:block;max-width:none;width:100%;height:auto;margin:0;padding:0}.reference-hero .divine-image{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}.reference-hero-content{padding:19px 22px 23px}.reference-hero .living-hero-copy{padding:0}.reference-hero h1{font-size:30px;line-height:1.12;margin:0 0 12px;letter-spacing:-.02em}.reference-systems{font-size:10px;letter-spacing:.18em}.reference-divider{margin:13px 0;width:85%}.reference-hero .living-hero-actions{width:100%;max-width:430px;margin:0;gap:8px;padding:0;display:grid}.reference-hero .button{font-size:16px;min-height:44px;padding:11px 14px}.celestial-seal{width:320px;height:320px;opacity:.12}.tool-directory{width:92%;padding:20px 0 0;margin:0 auto}.tool-directory-heading{margin-bottom:14px}.tool-directory-heading>div{gap:8px}.tool-directory-heading h2{font-size:22px;line-height:1.22}.tool-directory-heading>div:before,.tool-directory-heading>div:after{max-width:28px}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-shortcut{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;min-height:68px;padding:11px 12px;text-align:left;border-radius:8px}.tool-shortcut .tool-shortcut-icon{height:32px;width:32px;min-width:32px;margin:0}.tool-shortcut-icon svg{height:32px;width:32px}.tool-shortcut strong{font:14px/1.25 Georgia,serif}.tool-shortcut>span:nth-child(2){flex:1}.reference-day.section{padding-top:23px}.reference-heading{gap:10px;margin-bottom:15px}.reference-heading h2{font-size:23px}.reference-heading:before,.reference-heading:after{max-width:48px}.reference-day .my-day-grid{grid-template-columns:1fr;gap:14px}.reference-day .my-day-card{min-height:205px;padding:21px}.reference-day .my-day-card h3{font-size:25px}.reference-day .my-day-card p{font-size:13px;max-width:250px}.reference-day .my-day-calendar{grid-column:auto}.reference-day .reference-learning{min-height:215px}.reference-day .reference-saved{min-height:205px}.reference-day-status{font-size:10px;gap:4px}.reference-services.section{padding-top:22px}.reference-services .domain-grid{grid-template-columns:1fr;gap:17px}.reference-services .domain-photo{height:190px}.reference-services .domain-card p{font-size:13px}.mobile-nav{background:#fff8eafa;backdrop-filter:blur(12px);border-top:1px solid #c9b17e;box-shadow:0 -5px 20px #48391d10;border-radius:16px 16px 0 0}.mobile-nav button{color:#214b35;min-height:44px}.mobile-nav span{font:11px Georgia,serif}html[lang=hi] .reference-hero h1{font-size:28px;line-height:1.4}html[lang=hi] .tool-shortcut strong{font-family:NavchetanaHindi,sans-serif;font-size:13px}html[lang=hi] .tool-directory-heading h2{font-family:NavchetanaHindi,serif;font-size:20px}}
@media(max-width:360px){.reference-hero h1{font-size:27px}.tool-shortcut{gap:8px;padding:10px 8px}.tool-shortcut strong{font-size:12px}}
.reference-city-picker[open] .form-note,.reference-city-picker[open] p,.reference-city-picker[open] small{color:#36543d!important}.reference-city-picker[open] button:not(.button){color:#214b34}.reference-hero .button:focus-visible{outline:3px solid #ffe4a4;outline-offset:4px}.reference-lesson summary:focus-visible,.reference-city-picker summary:focus-visible{outline:3px solid #e9c77c;outline-offset:4px}
