/* JYOTISH.info — the look of the static guide pages (learn, nakshatra, rashi, Sade Sati, festivals, panchang, landing, method, FAQ).
   Same tokens, header, buttons and panels as the app (copied from head.html so these pages work without the app's JavaScript or its inline CSS);
   a night sky of CSS stars behind a single column of glass panels, brass accents, Cormorant + IBM Plex Sans + Tiro Devanagari, phone first.
   build-seo.mjs copies this file to dist/public/learn.css. © SellnShip Solutions Pvt. Ltd. */
@font-face{font-family:'Plex Fallback';src:local('Arial'),local('Roboto'),local('Liberation Sans');size-adjust:91.96%;ascent-override:111.46%;descent-override:29.9%;line-gap-override:0%}
@font-face{font-family:'Cormorant Fallback';src:local('Times New Roman'),local('Noto Serif'),local('Liberation Serif');size-adjust:88.92%;ascent-override:103.92%;descent-override:32.28%;line-gap-override:0%}
@font-face{font-family:'Tiro Fallback';src:local('Noto Sans Devanagari');size-adjust:120.62%;ascent-override:62.59%;descent-override:20.31%;line-gap-override:27.36%}
:root{
  --bg:#070a13; --bg2:#0d1220; --glass:rgba(12,17,31,.84); --glass2:rgba(18,25,44,.62);
  --fg:#ece6d6; --fg2:#b1b4c4; --fg3:#8f93a9;
  --line:#263150; --line2:#1a2238;
  --brass:#c9a24e; --brass2:#ecd38b; --brass-dim:rgba(201,162,78,.16); --brass-line:rgba(201,162,78,.45);
  --sky:#8fb6ff; --wa:#25d366;
  --f-display:'Cormorant Garamond','Cormorant Fallback','Tiro Devanagari Hindi',Georgia,'Times New Roman',serif;
  --f-dev:'Tiro Devanagari Hindi','Tiro Fallback','Cormorant Garamond',Georgia,serif;
  --f-body:'IBM Plex Sans','Plex Fallback','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --radius:14px; --radius-s:8px; --max:1080px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{height:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;overflow-x:clip}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;overflow-x:hidden;min-height:100%}
html[lang="hi"] body{font-family:'Noto Sans Devanagari',var(--f-body);line-height:1.7}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3,html[lang="hi"] .tiles b,html[lang="hi"] .facts dd.big{font-family:var(--f-dev)}
::selection{background:rgba(201,162,78,.35);color:var(--fg)}
a{color:var(--brass2);text-decoration:none}
a:hover{text-decoration:underline}
.doc p a,.doc li a,.doc dd a,.doc .note a,.doc summary a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(236,211,139,.6)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.15;text-wrap:balance}
p{margin:0}
img{max-width:100%}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--brass);color:#120d02;padding:10px 14px;border-radius:0 0 10px 0;font-weight:500}
.skip:focus{left:0}
.eyebrow{font-family:var(--f-body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-weight:500;margin:0}
html[lang="hi"] .eyebrow{letter-spacing:.06em;font-size:.8rem}
.muted{color:var(--fg2)}
.small{font-size:.86rem}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* the sky: CSS stars only (the app draws a live WebGL sky; these pages stay light) */
#sky{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#141b33 0%,#0a0f1d 45%,#070a13 100%)}
#sky.fallback::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 28% 62%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 47% 31%,#dfe6f5 60%,transparent 61%),radial-gradient(1px 1px at 63% 77%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 71% 12%,#ecd38b 60%,transparent 61%),radial-gradient(1px 1px at 84% 44%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 92% 81%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 8% 86%,#8fb6ff 60%,transparent 61%),radial-gradient(1px 1px at 36% 92%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 55% 55%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 19% 41%,#dfe6f5 60%,transparent 61%),radial-gradient(1px 1px at 77% 66%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 41% 8%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 96% 27%,#dfe6f5 60%,transparent 61%);opacity:.7}
.nebula{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 35% at 70% 30%,rgba(76,61,150,.28),transparent 70%),radial-gradient(30% 30% at 25% 70%,rgba(31,96,130,.22),transparent 70%),radial-gradient(25% 25% at 55% 85%,rgba(140,80,120,.14),transparent 70%);filter:blur(10px)}
.sky-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,10,19,0) 0%,rgba(7,10,19,.25) 55%,rgba(7,10,19,.75) 100%)}

/* shell + header (as in the app) */
.wrap{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding-inline:16px;padding-block:0 40px}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;margin-inline:-16px;padding-inline:16px;background:linear-gradient(180deg,rgba(7,10,19,.92),rgba(7,10,19,.6));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(38,49,80,.5)}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;min-height:44px}
.logo:hover{text-decoration:none}
.logo svg{width:34px;height:34px;flex:none}
.logo .wm{display:flex;flex-direction:column;line-height:1}
.logo .wm .lat{font-family:var(--f-display);font-size:1.2rem;letter-spacing:.08em;color:var(--fg)}
.logo .wm .lat b{font-weight:600}
.logo .wm .dev{font-family:var(--f-dev);font-size:.8rem;color:var(--brass2);letter-spacing:.02em;margin-top:2px}
.nav{display:flex;gap:4px;font-size:.86rem}
.nav a{color:var(--fg2);padding:8px 10px;border-radius:999px}
.nav a:hover{color:var(--brass2);text-decoration:none;background:var(--brass-dim)}
.top .right{display:flex;align-items:center;gap:8px}
.lang{display:inline-flex;align-items:center;border:1px solid var(--line);background:#0a0f1d;color:var(--fg);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:.84rem;min-height:36px;font-family:var(--f-dev);text-decoration:none}
.lang:hover{border-color:var(--brass);text-decoration:none}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.76rem;color:var(--fg2);background:var(--glass2);white-space:nowrap;min-height:36px}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--wa);box-shadow:0 0 8px var(--wa)}
a.pill:hover{text-decoration:none;border-color:var(--wa);color:var(--fg)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#0a0f1d;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger i{display:block;width:18px;height:2px;background:var(--fg);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#mobileMenu{display:none;position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:29;margin-inline:-16px;padding:8px 16px 14px;background:rgba(7,10,19,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
#mobileMenu[data-open="true"]{display:grid;gap:4px}
#mobileMenu a{display:block;padding:12px 10px;border-radius:8px;color:var(--fg);font-size:1rem}
#mobileMenu a:hover{background:var(--brass-dim);text-decoration:none}
#mobileMenu .row{display:flex;gap:8px;flex-wrap:wrap;padding:8px 6px 0}
#mobileMenu .row a{display:inline-flex;padding:0 20px}
@media(max-width:900px){.nav,.top .pill{display:none}.burger{display:flex}}

/* buttons, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--brass-line);background:linear-gradient(180deg,rgba(201,162,78,.22),rgba(201,162,78,.08));color:var(--brass2);padding:12px 20px;font-weight:500;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease;text-decoration:none;min-height:44px;text-align:center;font-family:inherit;font-size:1rem}
.btn:hover{background:linear-gradient(180deg,rgba(201,162,78,.32),rgba(201,162,78,.14));border-color:var(--brass);text-decoration:none;transform:translateY(-1px)}
.btn.primary{background:var(--brass);color:#120d02;border-color:var(--brass2)}
.btn.primary:hover{background:var(--brass2)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--fg2)}
.btn.ghost:hover{border-color:var(--fg3);color:var(--fg)}
.btn.sm{padding:8px 14px;min-height:36px;font-size:.9rem}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.chip{border:1px solid var(--line);background:#0a0f1d;color:var(--fg2);border-radius:999px;padding:8px 14px;font-size:.9rem;min-height:40px;display:inline-flex;gap:8px;align-items:center;text-decoration:none}
.chip:hover{border-color:var(--brass);color:var(--brass2);text-decoration:none}
.chip[aria-pressed="true"],.chip.on{border-color:var(--brass);color:var(--brass2);background:var(--brass-dim)}
button.chip{cursor:pointer;font-family:inherit}

/* the page */
.crumbs ol{display:flex;flex-wrap:wrap;gap:2px 8px;list-style:none;margin:0;padding:14px 0 0;font-size:.8rem;color:var(--fg3)}
.crumbs li+li::before{content:"›";margin-right:8px;color:var(--fg3)}
.crumbs a{color:var(--fg2)}
.crumbs [aria-current]{color:var(--fg3)}
.doc-h{display:grid;gap:18px;padding-block:22px 6px}
.doc-h.with-fig{grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:center;gap:28px}
@media(max-width:760px){.doc-h.with-fig{grid-template-columns:1fr}.doc-h.with-fig .hero-fig{order:-1}}
.doc-h h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.1rem,6.4vw,3.5rem);letter-spacing:-.01em;line-height:1.08;margin:6px 0 12px}
html[lang="hi"] .doc-h h1{font-size:clamp(1.8rem,5.4vw,3rem);line-height:1.25}
.lead{color:var(--fg2);font-size:1.06rem;max-width:62ch}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero-fig{margin:0;text-align:center}
.hero-fig img{width:100%;max-width:340px;height:auto;aspect-ratio:600/430;object-fit:contain;filter:drop-shadow(0 0 26px rgba(201,162,78,.16))}
.hero-fig figcaption{font-size:.8rem;color:var(--fg3);margin-top:2px;letter-spacing:.04em}
.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:18px;min-width:0}
@media(max-width:640px){.panel{padding:18px 14px}}
.panel h2{font-family:var(--f-display);font-size:1.75rem;font-weight:500;margin-bottom:12px}
.panel h3{font-family:var(--f-display);font-size:1.3rem;font-weight:500;margin:20px 0 8px}
.panel p,.panel li{color:var(--fg2)}
.panel p{max-width:72ch}
.panel p+p,.panel p+ul,.panel ul+p,.panel p+ol,.panel p+.tbl-wrap,.panel .tbl-wrap+p,.panel p+.tiles,.panel .facts+p{margin-top:12px}
.panel p b,.panel li b{color:var(--fg);font-weight:500}
.panel ul.list,.panel ol.list{margin:0;padding-left:20px;max-width:72ch}
.panel li{margin:5px 0}
.note{margin-top:24px;padding-top:14px;border-top:1px solid var(--line2);max-width:78ch}
.facts{display:grid;margin:0}
.facts>div{display:grid;grid-template-columns:minmax(120px,36%) 1fr;gap:4px 16px;padding:9px 0;border-bottom:1px solid var(--line2)}
.facts>div:first-child{padding-top:0}
.facts dt{color:var(--fg3);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.facts dd{margin:0;color:var(--fg)}
@media(max-width:480px){.facts>div{grid-template-columns:1fr;gap:0}}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.panel table{width:100%;border-collapse:collapse;font-size:.92rem}
.panel caption{caption-side:top;text-align:left;color:var(--fg3);font-size:.8rem;padding-bottom:8px}
.panel th{text-align:left;font-weight:500;color:var(--fg3);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:normal;vertical-align:bottom}
html[lang="hi"] .panel th{letter-spacing:.02em;text-transform:none;font-size:.78rem}
.panel td,.panel tbody th{padding:8px 10px 8px 0;border-bottom:1px solid var(--line2);vertical-align:top;color:var(--fg2)}
.panel tbody th{color:var(--fg);font-weight:500;font-size:.92rem;letter-spacing:0;text-transform:none;white-space:normal}
.panel td:first-child{color:var(--fg)}
.panel table.wide{min-width:560px}
.tiles{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.tiles li{margin:0;min-width:0}
.tiles a{display:grid;gap:3px;align-content:start;height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--glass2);color:var(--fg);text-decoration:none;transition:border-color .2s ease,transform .15s ease}
.tiles a:hover{border-color:var(--brass);text-decoration:none;transform:translateY(-1px)}
.tiles img{width:100%;height:auto;aspect-ratio:600/430;object-fit:contain;margin-bottom:4px}
.tiles b{font-family:var(--f-display);font-size:1.3rem;font-weight:500;line-height:1.15}
.tiles span{font-size:.82rem;color:var(--fg2)}
.tiles .s2{color:var(--fg3);font-size:.78rem}
.tiles.naks{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
@media(max-width:480px){.tiles.naks{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles.naks a{padding:10px}.tiles.naks b{font-size:1.15rem}}
.faq details{border-top:1px solid var(--line2);padding:0}
.faq details:last-of-type{border-bottom:1px solid var(--line2)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--fg);font-weight:500;padding:13px 0;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--brass);font-family:var(--f-mono);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details>p{margin:0;padding-bottom:14px;color:var(--fg2);font-size:.95rem;max-width:68ch}
.related h2{font-size:1.3rem}

/* forms (Sade Sati, festival and city selectors) */
.form{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}
.f{display:grid;gap:6px;min-width:0}
.f label{font-size:.78rem;color:var(--fg2);letter-spacing:.04em}
.f input,.f select{width:100%;background:#0a0f1d;border:1px solid var(--line);border-radius:var(--radius-s);color:var(--fg);padding:11px 12px;font-family:inherit;font-size:1rem;min-height:48px;min-width:0}
.f input:focus,.f select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-dim)}
.f .hint{font-size:.76rem;color:var(--fg3)}
.out{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--glass2)}
.out[hidden]{display:none}
.out h3{margin-top:0}
.out .big{font-family:var(--f-display);font-size:1.6rem;line-height:1.15;color:var(--fg)}
.phase{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.phase span{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.84rem;color:var(--fg2)}
.phase span.on{border-color:var(--brass);color:var(--brass2);background:var(--brass-dim)}
.live-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:12px}
.live-grid div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--glass2)}
.live-grid dt{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg3)}
html[lang="hi"] .live-grid dt{letter-spacing:.02em;text-transform:none;font-size:.78rem}
.live-grid dd{margin:2px 0 0;font-family:var(--f-display);font-size:1.15rem;color:var(--fg);line-height:1.25;overflow-wrap:anywhere}
html[lang="hi"] .live-grid dd{font-family:var(--f-dev)}
.status{font-size:.86rem;color:var(--fg3);margin-top:8px}

/* footer (as in the app) */
footer.foot{margin-top:34px;border-top:1px solid var(--line2);padding-top:18px;font-size:.8rem;color:var(--fg3);display:grid;gap:10px}
footer.foot .links{display:flex;flex-wrap:wrap;gap:0 16px}
footer.foot .links a{color:var(--fg2);display:inline-block;padding:9px 0}
footer.foot .row{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
@media print{#sky,.nebula,.sky-vignette,.top,#mobileMenu,.cta-row,footer.foot{display:none}body{background:#fff;color:#000}.panel{background:none;border-color:#999}}

/* city selector, folded tables, inline calculator link, two-sign result blocks */
.picker{display:grid;gap:6px;margin:6px 0 14px;max-width:440px}
.picker label{font-size:.78rem;color:var(--fg2);letter-spacing:.04em}
.picker select{width:100%;background:#0a0f1d;border:1px solid var(--line);border-radius:var(--radius-s);color:var(--fg);padding:11px 12px;font-family:inherit;font-size:1rem;min-height:48px;min-width:0}
.picker select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-dim)}
.nojs{color:var(--fg3);font-size:.86rem}
.cta-inline a{font-weight:500}
.fold{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--glass2)}
.fold>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;min-height:48px;color:var(--fg);font-weight:500}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::after{content:"+";color:var(--brass);font-family:var(--f-mono);flex:none}
.fold[open]>summary::after{content:"\2013"}
.fold>.tbl-wrap{padding:0 14px 12px}
.out-block+.out-block{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2)}
.sun-tbl td+td{white-space:nowrap}

/* v7.1: calculators (dosha checks, your anchor, baby names, muhurat preview), verdict chips, the rule box, the rashifal pages, name lists, product pictures */
.calc-form{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.calc-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.calc-form{grid-template-columns:minmax(0,1fr)}}
.calc-form .f .chk{display:block;margin-top:2px}
.calc-form .f .chk label{display:flex;gap:10px;align-items:center;cursor:pointer;color:var(--fg2);font-size:.92rem;letter-spacing:0;min-height:40px}
.calc-form .f .chk input{width:20px;min-height:0;height:20px;padding:0;accent-color:var(--brass);flex:none;margin:0}
.calc-form .go,.calc-form .wide{grid-column:1/-1}
.panel .calc-form .wide{margin:0;max-width:none}
.calc-form input:disabled{opacity:.45;cursor:not-allowed}
.f input[type="date"],.f input[type="time"]{color-scheme:dark}
.widget.browse{display:block;max-width:440px;margin-top:14px}
.panel .out+p{margin-top:14px}
.out.is-error{border-color:var(--brass-line)}
.out h4{font-family:var(--f-body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);font-weight:500;margin:16px 0 4px}
html[lang="hi"] .out h4{letter-spacing:.02em;text-transform:none;font-size:.82rem}
.out>.status:only-child{margin-top:0}
.out .headline{color:var(--fg);font-size:1.05rem}
.out .headline b{font-weight:500}
.out .facts{margin-top:10px}
.vrow{margin:6px 0 10px}
.vchip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:5px 14px 5px 11px;font-size:.88rem;font-weight:500;border:1px solid var(--line);line-height:1.3}
.vchip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.vchip.t-present{color:var(--brass2);border-color:var(--brass-line);background:var(--brass-dim)}
.vchip.t-mid{color:var(--sky);border-color:rgba(143,182,255,.4);background:rgba(143,182,255,.1)}
.vchip.t-none{color:#9fd8b4;border-color:rgba(109,191,140,.45);background:rgba(109,191,140,.12)}
.basis{margin-top:14px;padding-top:10px;border-top:1px dashed var(--line2)}
.basis ul{margin:0;padding-left:18px}
.result-cta{margin-top:16px}
.share-fallback{margin-top:10px}
.share-fallback label{display:grid;gap:6px;font-size:.8rem;color:var(--fg2)}
.share-fallback textarea{width:100%;background:#0a0f1d;border:1px solid var(--line);border-radius:var(--radius-s);color:var(--fg);padding:10px 12px;font:inherit;font-size:.92rem}
.panel .rule{display:grid;gap:10px;max-width:72ch;padding:14px 16px;border:1px solid var(--brass-line);border-left-width:3px;border-radius:12px;background:rgba(201,162,78,.06)}
.panel .rule p{margin:0;color:var(--fg2)}

/* rashifal */
.panel .rf-area{padding:12px 0;border-bottom:1px solid var(--line2)}
.panel .rf-area:first-of-type{padding-top:0}
.panel .rf-area h3{margin:0 0 4px;font-size:1.2rem}
.panel .rf-area p{margin:0}
.tiles.rf-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.day-row{display:grid;grid-template-columns:minmax(150px,32%) 1fr;gap:6px 14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line2)}
.day-h{font-weight:500;color:var(--fg);font-size:.95rem;font-family:var(--f-body)}
.dchips{display:flex;flex-wrap:wrap;gap:6px}
.dchip{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#0a0f1d;color:var(--fg);font-family:var(--f-mono);font-size:.88rem;font-variant-numeric:tabular-nums}
.day-row[data-rf-row="good"] .dchip{border-color:rgba(109,191,140,.45);color:#cfeedb}
.day-row[data-rf-row="gentle"] .dchip{border-color:var(--brass-line);color:var(--brass2)}
.dnone{color:var(--fg3)}
@media(max-width:560px){.day-row{grid-template-columns:1fr}}
.panel table.rf-table{min-width:520px}

/* baby names */
.syl-d{font-family:var(--f-dev);color:var(--fg)}
.syl-r{color:var(--fg3);font-size:.88em}
.panel table.syl-table{min-width:520px}
.panel table.syl-table td{white-space:nowrap}
.panel table.names-table td{min-width:180px}
.syl-big{font-size:1.1rem;margin-top:6px}
.syl-big b.syl-d{font-size:2rem;color:var(--brass2);font-weight:400;line-height:1.2}
.syl-names{margin-top:8px}
.syl-names h4{margin:10px 0 6px}
.name-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
@media(max-width:480px){.name-cols{grid-template-columns:1fr}}
.name-cols b{color:var(--fg);font-weight:500;font-size:.9rem}
.panel ul.names{padding-left:18px;margin:4px 0 0}
.near{color:var(--fg3);font-size:.85em;white-space:nowrap}

/* muhurat preview */
.mh-days{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.mh-days>li{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--glass2)}
.mh-days>li>b{color:var(--fg);font-weight:500}
.mh-meta{display:block;margin-top:2px;font-size:.9rem}
.mh-window{margin-top:6px;color:var(--brass2)}
.mh-more{margin-top:10px;color:var(--fg)}

/* the pictures of the product pages: screenshots of the app, shown whole */
.doc-h.with-fig:has(.hero-fig.shot){grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.hero-fig.shot img{aspect-ratio:auto;max-width:100%;border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 44px rgba(0,0,0,.5);filter:none}
.hero-fig.shot.tall img{max-width:230px}
@media(max-width:760px){.hero-fig.shot img{max-width:min(100%,420px)}.hero-fig.shot.tall img{max-width:200px}}

/* footer: a second row for the newer pages */
footer.foot .links.seo-links-more{margin-top:-6px}
html[lang="hi"] .panel h2,html[lang="hi"] .panel h3{line-height:1.3}
/* v7.4: what the admin panel can change on these pages (learn.js applies GET /api/site): the banner, the switches, a paused product */
.announce{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 16px;background:rgba(201,162,78,.14);border-bottom:1px solid var(--brass-line);color:var(--fg);font-size:.9rem}.announce button{background:none;border:0;color:var(--fg2);font-size:1.2rem;cursor:pointer}
html.no-reports a[href$="/reports/"],html.no-reports a[href="/#reports"],html.no-reports a[href="/hi/#reports"]{display:none!important}
.paused{padding:14px 16px;border:1px solid var(--brass-line);border-radius:12px;background:rgba(201,162,78,.08);margin:10px 0 18px}
html.no-reports [data-feature="reports"] .cta-row,html.no-reports [data-feature="reports"] .panel.price,html.no-plus [data-feature="ask"] .plus-row{display:none!important}
/* v7.5 — Learn from your own chart: In short, In your chart, does-not-mean, can-do, sources and byline, share, the reviewer's draft banner, sign-change table */
.inshort{margin:18px 0 6px;padding:14px 16px;border:1px solid var(--brass-line);border-left:3px solid var(--brass);border-radius:10px;background:var(--brass-dim)}
.inshort .ins-h{margin:0 0 4px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.inshort p:last-child{margin:0}
.yourchart{border-color:var(--brass-line)}
.yourchart .yc-src{margin:0 0 6px}
.yourchart .yc-say{font-size:1.02rem;margin:0 0 8px}
.yourchart .yc-links{margin:0 0 6px;font-size:.92rem}
.yourchart.has-chart{background:linear-gradient(180deg,rgba(201,162,78,.10),rgba(201,162,78,.03))}
.notmean ul.list li::marker{content:"✕  ";color:var(--brass)}
.cando ul.list li::marker{content:"→  ";color:var(--brass)}
.sources .byline{margin-top:10px}
.share-row{margin:6px 0 18px}
.draft-banner{margin:12px 0;padding:10px 14px;border:1px dashed var(--brass);border-radius:10px;color:var(--brass2);background:rgba(201,162,78,.08);font-size:.9rem}
table.ing-t tr.past td{opacity:.5}
table.ing-t tr.now td{color:var(--brass2);font-weight:600}