@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:block;src:url(../fonts/nn-icons.woff2?v=3) format("woff2")}
/* Base reset */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Planner styles */
:root{
  --bg:#F6F2EA; --panel:#FFFDF8; --ink:#231D17; --muted:#6A6055; --line:#E6DDCF;
  --accent:#A8510E; --accent-soft:#FBEBDC; --good:#2C7550; --good-soft:#E2F1E6;
  --avoid:#B0352C; --avoid-soft:#FBE5E1; --mixed:#86650F; --mixed-soft:#F5ECD3; --chip:#EFE8DC;
  --shadow:0 1px 2px rgba(60,40,20,.05),0 4px 14px rgba(60,40,20,.05);
  --f-display:"Catamaran","Noto Sans Tamil",system-ui,sans-serif;
  --f-body:"Hind Madurai","Noto Sans Tamil",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#15120E; --panel:#1F1B16; --ink:#F0EAE0; --muted:#AA9F90; --line:#342D25;
  --accent:#EE9B55; --accent-soft:#3B2716; --good:#6FC995; --good-soft:#16301F;
  --avoid:#F0877D; --avoid-soft:#3B1C19; --mixed:#E2C46C; --mixed-soft:#332B15; --chip:#2A251E; --shadow:none; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#15120E; --panel:#1F1B16; --ink:#F0EAE0; --muted:#AA9F90; --line:#342D25;
  --accent:#EE9B55; --accent-soft:#3B2716; --good:#6FC995; --good-soft:#16301F;
  --avoid:#F0877D; --avoid-soft:#3B1C19; --mixed:#E2C46C; --mixed-soft:#332B15; --chip:#2A251E; --shadow:none; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
a{color:var(--accent)}a:hover{color:var(--ink)}
button,select,input{font:inherit;color:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
p{margin:0;text-wrap:pretty}
h1{font-family:var(--f-display);font-weight:800;font-size:1.45rem;line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}
.sub{color:var(--muted);font-size:.85rem;margin-top:6px;line-height:1.45}

/* ---------- Shell: mobile first ---------- */
.app{max-width:1280px;margin:0 auto}
.side{display:contents}
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:10px 14px 8px;display:flex;flex-direction:column;gap:8px}
.brand,.jumplab,.panlab{display:none}
.datecard{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;gap:6px;align-items:center}
.ibtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.ibtn:hover{border-color:var(--muted)}
.dayhead{position:relative;min-width:0;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer;overflow:hidden}
.dayhead:hover{border-color:var(--muted)}
#dh{display:flex;flex-direction:column;align-items:center;line-height:1.15;min-width:0;pointer-events:none}
.dh-w{font-family:var(--f-display);font-weight:800;font-size:1rem;white-space:nowrap}
.dh-y{display:none}
.dh-t{font-size:.76rem;color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.dh-p{display:none}
.dayhead input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;margin:0;padding:0;-webkit-appearance:none;appearance:none}
.todaybtn{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-family:var(--f-display);font-weight:700;cursor:pointer}
.todaybtn.on{background:transparent;color:var(--muted);border-color:var(--line)}
.todaybtn .tbs{display:none}@media (max-width:600px){.todaybtn .tbl{display:none}.todaybtn .tbs{display:inline}}
.row2{display:flex;gap:8px;align-items:center}
.views{display:flex;flex:1;min-width:0;background:var(--chip);border-radius:12px;padding:3px;gap:2px}
.vbtn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.2;font-family:var(--f-display);font-weight:700;font-size:.92rem;border:0;background:transparent;color:var(--muted);padding:6px 10px;border-radius:9px;cursor:pointer;white-space:nowrap}
.vbtn .ta{font-weight:600;font-size:.72rem;opacity:.85}
.vbtn[aria-pressed="true"]{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.locsel{display:flex;align-items:center;gap:6px;min-width:0;flex:0 1 38%}
.locsel .lab{display:none}
.locsel select{width:100%;min-width:0;height:44px;text-overflow:ellipsis;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:0 8px;font-size:.88rem;cursor:pointer}
.jump{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px}
.jump::-webkit-scrollbar{display:none}
.jump a{flex:none;font-size:.8rem;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 11px}
.jump a:hover,.jump a:focus-visible{color:var(--ink);border-color:var(--accent)}
.top:has(.jump[hidden]) .jumplab{display:none!important}

/* person bar — bottom on phones */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;min-width:0;border:0;background:transparent;color:var(--muted);border-radius:12px;padding:4px 2px;cursor:pointer;font-family:var(--f-display);font-weight:700;font-size:.78rem;line-height:1.1}
.tab .nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;padding-block:1px}
.tab .tl{display:none}
.av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--chip);color:var(--ink);font-family:var(--f-display);font-weight:800;font-size:.9rem;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--line)}
.av.good{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--good)}
.av.avoid{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--avoid)}
.av.mixed{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--mixed)}
.tab[aria-selected="true"]{background:var(--accent-soft);color:var(--ink)}
.tab[aria-selected="true"] .av{background:var(--ink);color:var(--bg)}
.tl.good{color:var(--good)}.tl.avoid{color:var(--avoid)}.tl.mixed{color:var(--mixed)}

.panch{padding:12px 14px 0}
.content{padding:14px 14px calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px;min-width:0}
#main{display:flex;flex-direction:column;gap:14px;min-width:0}
section[id],div[id^="sec-"],details[id]{scroll-margin-top:150px}

/* panchangam strip */
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.strip>div{background:var(--panel);padding:10px 14px;min-width:0}
.stripsum{display:none}
@media (max-width:640px){
 .stripsum{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font-size:.88rem;line-height:1.4;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer}
 .stripsum span{flex:1;min-width:0}
 .stripsum::after{content:"▾";color:var(--muted)}
 .stripsum[aria-expanded="true"]{border-radius:14px 14px 0 0;border-bottom-color:transparent}
 .stripsum[aria-expanded="true"]::after{content:"▴"}
 .strip{display:none;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:0 0 14px 14px}
 .strip.open{display:grid}
 .strip>div{padding:8px 10px}
}
.lab{font-family:var(--f-display);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}
.val{font-family:var(--f-display);font-weight:700;font-size:1rem;line-height:1.3}
.small{font-size:.85rem;color:var(--muted)}

/* ---------- Content ---------- */
.verdict{border-radius:18px;padding:18px 20px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.verdict.good{background:var(--good-soft)}.verdict.avoid{background:var(--avoid-soft)}.verdict.mixed{background:var(--mixed-soft)}
.verdict .big{flex-basis:100%;font-family:var(--f-display);font-weight:800;font-size:clamp(1.35rem,3.4vw,1.75rem);line-height:1.15;text-wrap:balance}
.verdict.good .big{color:var(--good)}.verdict.avoid .big{color:var(--avoid)}.verdict.mixed .big{color:var(--mixed)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.grid>.col{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (max-width:760px){.grid{grid-template-columns:1fr}}
.panel,.biz,.remedy,.ccard,.timing,.fcard,.gt,.nowline{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.panel{padding:16px 18px;min-width:0;display:flex;flex-direction:column;gap:10px}
.panel h2,.biz h2,.remedy h2{font-family:var(--f-display);font-weight:800;font-size:1.12rem;line-height:1.25;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px}
.ta{font-weight:600;color:var(--muted);font-size:.88rem}
ul.items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
ul.items li{padding-left:12px;border-left:3px solid var(--line);text-wrap:pretty}
ul.items li.hi{border-left-color:var(--accent)}
ul.items li.good{border-left-color:var(--good)}
ul.items li.avoid{border-left-color:var(--avoid)}
.why{display:block;font-size:.82rem;color:var(--muted);margin-top:1px}
.chip{display:inline-block;font-size:.74rem;font-weight:600;line-height:1.5;padding:1px 8px;border-radius:999px;background:var(--chip);color:var(--muted);margin-left:4px;white-space:nowrap;vertical-align:1px}
.chip.hi{background:var(--accent-soft);color:var(--accent)}
.chip.good{background:var(--good-soft);color:var(--good)}
.chip.avoid{background:var(--avoid-soft);color:var(--avoid)}
.chip.mixed{background:var(--mixed-soft);color:var(--mixed)}
.vhtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 6px}
.vhtile{background:var(--good-soft);border-radius:12px;padding:10px 8px;text-align:center}.vhn{font-size:1.5rem;font-weight:800;color:var(--good);line-height:1.1}.vhl{font-size:.75rem;color:var(--muted)}
.vhrow .vhtop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vhcount{margin-left:auto;font-weight:800;color:var(--good);font-size:.9rem}
.vhdates{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 3px}.vhd{position:relative;font-size:.75rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer}.vhd.nd{font-style:italic;color:var(--muted)}
.vhd.open::after{content:attr(title);position:absolute;left:0;top:calc(100% + 4px);z-index:5;min-width:180px;max-width:260px;white-space:normal;background:var(--ink);color:var(--bg);padding:6px 8px;border-radius:8px;font-size:.75rem;font-style:normal}
.vhsort{align-items:center}
@media (max-width:600px){.vhtiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
details{border-top:1px dashed var(--line);padding-top:8px}
summary{cursor:pointer;font-size:.88rem;color:var(--muted);font-weight:600}
.remedy{border-left:4px solid var(--avoid);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.remedy.mixed{border-left-color:var(--mixed)}
ol.steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
ol.steps li::marker{font-family:var(--f-display);font-weight:800;color:var(--accent)}
.src{font-size:.68rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 5px;margin-left:4px;white-space:nowrap;vertical-align:1px}
.biz{padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.bizgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.bizgrid{grid-template-columns:1fr}}
.check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.check li{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:start}
.check .m{font-weight:800;text-align:center}
.check .ok{color:var(--good)}.check .no{color:var(--avoid)}.check .eh{color:var(--mixed)}
.btag{font-family:var(--f-body);font-size:.74rem;font-weight:700;padding:2px 10px;border-radius:999px;white-space:nowrap}
.btag.good{background:var(--good-soft);color:var(--good)}.btag.mixed{background:var(--mixed-soft);color:var(--mixed)}.btag.neutral{background:var(--chip);color:var(--muted)}.btag.avoid{background:var(--avoid-soft);color:var(--avoid)}
.week{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.wd{text-align:left;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:12px;padding:9px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;scroll-snap-align:start}
.wd:hover{border-color:var(--muted)}
.wd.good{border-top-color:var(--good)}.wd.avoid{border-top-color:var(--avoid)}.wd.mixed{border-top-color:var(--mixed)}
.wd.cur{outline:2px solid var(--accent);outline-offset:-2px}
.wd .dd{font-family:var(--f-display);font-weight:800}
.wd .fl{font-size:.72rem;color:var(--muted);line-height:1.35}
.wd .fl b{color:var(--accent);font-weight:700}
.dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:760px){.dgrid{grid-template-columns:1fr}}
.dcard{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.dcard p{margin:4px 0 0}
.vnote{font-size:.85rem;color:var(--muted);margin:0}
.ccard{padding:16px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 18px}
.ccard h2{grid-column:1/-1;font-family:var(--f-display);font-weight:800;font-size:1.25rem;margin:0}
.glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:1100px){.glance{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gt{padding:12px 14px;min-width:0;display:flex;flex-direction:column;gap:4px}
.gt .why{display:none}
a.gt{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s}a.gt:hover,a.gt:focus-visible{border-color:var(--accent)}
.gt .lab{color:var(--accent)}
.gt .gv{font-weight:600;line-height:1.35;font-size:.93rem}
.gt .gv .chip{display:none}
.nowline{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.88rem;padding:10px 14px}
.nowline .dotlive{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block;margin-right:6px;box-shadow:0 0 0 3px var(--good-soft)}
.nowline .warn{color:var(--avoid);font-weight:600}
.nowline>span{white-space:nowrap}
details.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:28px;color:var(--ink);font-size:inherit}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary h2{flex:1}
.fold>summary h2 .ta{white-space:nowrap}.fold:not([open]){gap:0}
details.fold>summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--chip) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23887' stroke-width='1.6'/%3E%3C/svg%3E");transition:transform .15s}
details.fold:not([open])>summary::after{transform:rotate(-90deg)}
details.fold{border-top:none;padding-top:16px}
.timing{padding:16px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.t{font-variant-numeric:tabular-nums}
.family{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:760px){.family{grid-template-columns:1fr}}
.fcard{padding:12px 14px;min-width:0;display:flex;flex-direction:column;gap:4px}
.fcard .name{font-family:var(--f-display);font-weight:800;font-size:1.05rem}
footer{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.ctl{display:flex;flex-wrap:wrap;gap:8px;margin:0}.ctl label{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.ctl select{max-width:100%;font-size:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:8px 10px;min-width:150px}
.fdday{cursor:pointer;border-radius:0 8px 8px 0;padding-block:4px}.fdday:hover{background:color-mix(in srgb,var(--line) 40%,transparent)}

/* ---------- Laptop: sidebar layout ---------- */
@media (min-width:900px){
 .app{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;padding:0 28px}
 .side{display:flex;flex-direction:column;gap:18px;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;padding:28px 6px 28px 0;scrollbar-width:thin}
 .top{display:contents}
 .brand{display:block;order:0;padding-bottom:4px}
 .datecard{order:1;grid-template-columns:44px minmax(0,1fr) 44px}
 .dayhead{grid-column:1/-1;grid-row:1;height:auto;justify-content:flex-start;padding:14px 16px;border-radius:16px;box-shadow:var(--shadow)}
 #dh{align-items:flex-start}
 .dh-w{font-size:1.45rem;line-height:1.15}
 .dh-y{display:inline;color:var(--muted);font-weight:700}
 .dh-p{display:inline}
 .dh-t{white-space:normal}
 .dh-t{font-size:.85rem;margin-top:4px}
 #prev{grid-row:2;grid-column:1}.todaybtn{grid-row:2;grid-column:2}#next{grid-row:2;grid-column:3}
 .row2{order:2;flex-direction:column;align-items:stretch}
 .locsel{max-width:none;flex:none}
 .vbtn{flex-direction:column;justify-content:center;gap:1px;align-items:center;padding:7px 4px}
 .locsel .lab{display:block;flex:none}
 .tabs{order:3;position:static;display:flex;flex-direction:column;gap:2px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;padding:0}
 .tab{flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:8px 10px;font-size:.98rem;color:var(--ink);text-align:left}
 .tab:hover{background:var(--chip)}
 .tab .nm{flex:1}
 .tab .tl{display:block;font-family:var(--f-body);font-size:.78rem;font-weight:600;color:var(--muted)}
 .tab .tl.good{color:var(--good)}.tab .tl.avoid{color:var(--avoid)}.tab .tl.mixed{color:var(--mixed)}
 .panch{order:4;padding:0;display:flex;flex-direction:column;gap:8px}
 .panlab,.jumplab{display:block}
 .strip{grid-template-columns:1fr}
 .jumplab{order:5;margin-bottom:-10px}
 .jump{order:6;flex-direction:column;gap:0;overflow:visible;margin:0;padding:0}
 .jump a{border:0;background:none;border-radius:8px;padding:5px 10px;font-size:.88rem}
 .jump a:hover{background:var(--chip)}
 .content{padding:28px 0 56px;gap:18px}
 #main{gap:16px}
 section[id],div[id^="sec-"],details[id]{scroll-margin-top:20px}
}
@media (prefers-reduced-motion:no-preference){.verdict{transition:background .2s}}
/* ---------- Colour: temple-wall palette, one hue per kind of guidance ---------- */
:root{--c-teal:oklch(0.50 0.10 210);--c-kumkum:oklch(0.52 0.18 27);--c-leaf:oklch(0.50 0.12 148);--c-turmeric:oklch(0.55 0.12 75);--c-plum:oklch(0.48 0.14 345);--c-indigo:oklch(0.47 0.14 278);--c-stripe-b:#FBF3E4}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--c-teal:oklch(0.76 0.10 210);--c-kumkum:oklch(0.74 0.15 27);--c-leaf:oklch(0.76 0.12 148);--c-turmeric:oklch(0.80 0.12 80);--c-plum:oklch(0.76 0.12 345);--c-indigo:oklch(0.76 0.11 278);--c-stripe-b:#2A231B}}
:root[data-theme="dark"]{--c-teal:oklch(0.76 0.10 210);--c-kumkum:oklch(0.74 0.15 27);--c-leaf:oklch(0.76 0.12 148);--c-turmeric:oklch(0.80 0.12 80);--c-plum:oklch(0.76 0.12 345);--c-indigo:oklch(0.76 0.11 278);--c-stripe-b:#2A231B}
:root{--accent:var(--c-kumkum);--accent-soft:color-mix(in srgb,var(--c-kumkum) 12%,var(--panel))}
/* temple-wall stripe */
.brand h1{color:var(--c-kumkum)}
.todaybtn{background:var(--c-kumkum);border-color:var(--c-kumkum);color:#fff}
.todaybtn.on{background:transparent;color:var(--muted);border-color:var(--line)}
.vbtn[aria-pressed="true"]{color:var(--c-kumkum)}
/* people */
.tabs>.tab:nth-child(1):not(#tab-all):not(#tab-add){--pc:var(--c-teal)}.tabs>.tab:nth-child(2):not(#tab-all):not(#tab-add){--pc:var(--c-plum)}.tabs>.tab:nth-child(3):not(#tab-all):not(#tab-add){--pc:var(--c-indigo)}#tab-all{--pc:var(--c-turmeric)}
.tab .av{background:color-mix(in srgb,var(--pc,var(--muted)) 16%,var(--panel));color:var(--pc,var(--ink))}
.tab[aria-selected="true"]{background:color-mix(in srgb,var(--pc,var(--accent)) 12%,var(--panel));color:var(--ink)}
.tab[aria-selected="true"] .av{background:var(--pc,var(--ink));color:#fff}
.tab[aria-selected="true"] .nm{color:var(--pc)}
/* sections by kind */
[data-fold="tvplace"],[data-fold="wealth"],[data-fold="place"],[data-fold="goplace"],[data-fold="transit"]{--cat:var(--c-teal)}
[data-fold="tvtemple"],[data-fold="temples"],[data-fold="famtemple"]{--cat:var(--c-kumkum)}
[data-fold="tveat"],[data-fold="finder"],[data-fold="famdays"]{--cat:var(--c-leaf)}
[data-fold="tvdonate"],[data-fold="standing"],[data-fold="season"]{--cat:var(--c-turmeric)}
[data-fold="biz"],[data-fold="bizweek"],[data-fold="joint"]{--cat:var(--c-plum)}
[data-fold="study"],[data-fold="studychart"],[data-fold="dasa"],[data-fold="habits"],#sec-chart,#sec-time{--cat:var(--c-indigo)}
details.fold[data-fold],#sec-chart,#sec-time{border-top:4px solid var(--cat,var(--line));background:linear-gradient(color-mix(in srgb,var(--cat,var(--line)) 9%,var(--panel)),var(--panel) 84px)}
details.fold[data-fold] > summary h2,#sec-chart h2{color:var(--cat,var(--ink))}
details.fold[data-fold] > summary h2 .ta{color:color-mix(in srgb,var(--cat,var(--muted)) 70%,var(--muted))}
details.fold[data-fold]>summary::after{background-color:color-mix(in srgb,var(--cat,var(--muted)) 14%,var(--panel))}
#sec-time .lab,#sec-chart .lab{color:var(--c-indigo)}
.remedy.fold,.remedy{background:linear-gradient(color-mix(in srgb,var(--avoid) 8%,var(--panel)),var(--panel) 90px)}
.remedy.mixed{background:linear-gradient(color-mix(in srgb,var(--mixed) 9%,var(--panel)),var(--panel) 90px)}
details.fold.remedy{border-top:1px solid var(--line)}
/* glance tiles */
.glance>.gt:nth-child(1){--cat:var(--c-indigo)}.glance>.gt:nth-child(2){--cat:var(--c-teal)}.glance>.gt:nth-child(3){--cat:var(--c-kumkum)}.glance>.gt:nth-child(4){--cat:var(--c-turmeric)}
.gt{background:color-mix(in srgb,var(--cat,var(--line)) 10%,var(--panel));border-color:color-mix(in srgb,var(--cat,var(--line)) 28%,var(--line))}
.gt .lab{color:var(--cat,var(--accent))}
a.gt:hover,a.gt:focus-visible{border-color:var(--cat)}
/* verdict */
.verdict{border:1px solid transparent}
.verdict.good{background:linear-gradient(135deg,color-mix(in srgb,var(--good) 18%,var(--panel)),color-mix(in srgb,var(--good) 7%,var(--panel)));border-color:color-mix(in srgb,var(--good) 28%,transparent)}
.verdict.avoid{background:linear-gradient(135deg,color-mix(in srgb,var(--avoid) 16%,var(--panel)),color-mix(in srgb,var(--avoid) 6%,var(--panel)));border-color:color-mix(in srgb,var(--avoid) 26%,transparent)}
.verdict.mixed{background:linear-gradient(135deg,color-mix(in srgb,var(--mixed) 18%,var(--panel)),color-mix(in srgb,var(--mixed) 7%,var(--panel)));border-color:color-mix(in srgb,var(--mixed) 28%,transparent)}
/* panchangam cells */
.strip>div:nth-child(1){--cat:var(--c-turmeric)}.strip>div:nth-child(2){--cat:var(--c-indigo)}.strip>div:nth-child(3){--cat:var(--c-teal)}.strip>div:nth-child(4){--cat:var(--c-plum)}.strip>div:nth-child(5){--cat:var(--c-leaf)}.strip>div:nth-child(6){--cat:var(--c-kumkum)}
.strip>div{box-shadow:inset 3px 0 0 var(--cat)}
.strip .lab{color:var(--cat)}
/* week */
.wd.good{background:color-mix(in srgb,var(--good) 7%,var(--panel))}.wd.avoid{background:color-mix(in srgb,var(--avoid) 6%,var(--panel))}.wd.mixed{background:color-mix(in srgb,var(--mixed) 7%,var(--panel))}
.fcard{border-top:4px solid var(--c-turmeric)}
.family>.fcard:nth-child(1){border-top-color:var(--c-teal)}.family>.fcard:nth-child(2){border-top-color:var(--c-plum)}.family>.fcard:nth-child(3){border-top-color:var(--c-indigo)}
.family>.fcard:nth-child(1) .name{color:var(--c-teal)}.family>.fcard:nth-child(2) .name{color:var(--c-plum)}.family>.fcard:nth-child(3) .name{color:var(--c-indigo)}
.jump a:hover,.jump a:focus-visible{color:var(--c-kumkum)}


/* Temple visit log */
.vform{display:grid;gap:8px;margin-top:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.vform label{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}
.tripdlg{border:none;border-radius:18px;padding:0;max-width:min(440px,calc(100vw - 32px));width:100%;background:var(--panel);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.tripdlg::backdrop{background:rgba(20,15,10,.45)}
.tripin{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}
.triphd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.triphd h3{margin:0;font-size:1.15rem}
.tripdlg h4{margin:6px 0 0;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#7a6f63)}
.tripx{border:none;background:transparent;color:inherit;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:8px}
.vform select,.vform input:not([type=checkbox]){width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}
.vwho{display:flex;flex-wrap:wrap;gap:6px 14px}.vwho label{display:flex;gap:6px;align-items:center;color:var(--ink);font-size:.9rem}
.vbtns{display:flex;gap:8px;flex-wrap:wrap}
.vb{font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}
.vb.primary{background:var(--good);border-color:var(--good);color:var(--panel)}
.vdel{font-size:.72rem;margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.vdel.on{border-color:var(--avoid);color:var(--avoid)}
.vgrp{border-top:1px solid var(--line);padding-top:6px}.vgrp>summary{cursor:pointer;padding:4px 0}.vli{list-style:none}.vtf .vb{padding:4px 12px;font-size:.85rem}.vmark{padding:2px 10px;font-size:.75rem;margin-left:6px}
@media (max-width:400px){.vbtn{padding:6px 4px;font-size:.84rem}.vbtn .ta{font-size:.66rem}}
.vcnt{display:inline-block;min-width:1.6em;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--chip);color:var(--ink);font-size:.78em;font-weight:700;text-align:center}.vb.primary .vcnt{background:color-mix(in srgb,var(--panel) 25%,transparent);color:inherit}
.vsub{margin:2px 0 4px}.vsub .vb{padding:8px 16px}
.vseen{display:inline-block;margin-left:6px;font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--good-soft);color:var(--good)}

/* State colours: green = good / positive highlight, amber = care, red = avoid only */
ul.items li.hi{border-left-color:var(--good)}
.chip.hi{background:var(--good-soft);color:var(--good)}
.wd .fl b{color:var(--good)}

/* Naal Nalam additions */
.tab.addtab .av{background:var(--good-soft);color:var(--good);font-weight:800}
.pform select,.pform input:not([type=checkbox]){width:100%}
footer a{color:inherit}
/* brand: logo green and gold */
:root{--accent:#0B5C50;--accent-soft:color-mix(in srgb,#0B5C50 12%,var(--panel))}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--accent:#6FC7B6;--accent-soft:color-mix(in srgb,#6FC7B6 14%,var(--panel))}}
:root[data-theme="dark"]{--accent:#6FC7B6;--accent-soft:color-mix(in srgb,#6FC7B6 14%,var(--panel))}
.brand h1{color:#075347}
.brand h1 img.logo{display:block;height:72px;width:auto;max-width:100%}
/* language switch */
.langbtn{flex:none;height:44px;font:700 14px/1 'Catamaran','Hind Madurai',sans-serif;padding:0 11px;border-radius:10px;border:1px solid var(--accent);background:var(--panel);color:var(--accent);cursor:pointer}
.langbtn:hover{background:var(--accent-soft)}
.lang-ta .vbtn .ta,.lang-ta h2 .ta,.lang-ta .ta-dup{display:none}
.lang-ta #nowline span{white-space:normal}
.lang-ta{word-break:normal;overflow-wrap:anywhere}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand h1 img.logo{background:#FBF6EC;border-radius:12px;padding:6px 10px}}


/* ===== v2 design refresh ===== */
:root{--muted:#5C5247;--line:#E3D9C9;--shadow:0 1px 2px rgba(60,40,20,.04)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--muted:#B5AA9B}}
.why,.small{font-size:.875rem;line-height:1.5}
.lab{letter-spacing:.07em}
/* 1. Category colour = small label accent only; red/green/amber stay reserved for good/avoid/care */
details.fold[data-fold],#sec-chart,#sec-time{border-top:1px solid var(--line);background:var(--panel)}
details.fold[data-fold]>summary h2,#sec-chart h2{color:var(--ink)}
details.fold[data-fold]>summary h2::before,#sec-chart h2::before{content:"";flex:none;align-self:center;width:8px;height:8px;border-radius:50%;background:var(--cat,var(--muted))}
details.fold[data-fold]>summary h2 .ta{color:var(--muted)}
details.fold[data-fold]>summary::after{background-color:var(--chip)}
[data-fold="tvtemple"],[data-fold="temples"],[data-fold="famtemple"]{--cat:var(--c-turmeric)}
/* 2. Glance tiles: one neutral surface, coloured label */
.gt{background:var(--panel);border-color:var(--line)}
.gt .gv{font-size:1rem}
a.gt:hover,a.gt:focus-visible{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 5%,var(--panel))}
/* 3. Verdict: flat, confident */
.verdict{padding:22px 24px;border-radius:20px}
.verdict.good{background:var(--good-soft);border-color:transparent}
.verdict.avoid{background:var(--avoid-soft);border-color:transparent}
.verdict.mixed{background:var(--mixed-soft);border-color:transparent}
.verdict .big{font-size:clamp(1.5rem,3.6vw,2rem)}
/* 4. Now line: readable status bar, not footnote */
.nowline{font-size:.95rem;padding:12px 16px;gap:8px 20px;background:var(--panel)}
.nowline .warn{background:var(--avoid-soft);padding:2px 10px;border-radius:999px}
/* 5. Plan cards: masonry columns, no ragged holes */
#sec-plan{display:block;columns:2;column-gap:14px}
#sec-plan>*{break-inside:avoid;margin-bottom:14px;display:flex}
@media (max-width:760px){#sec-plan{columns:1}}
/* 6. Lists: lighter rules */
ul.items li{border-left-width:2px}
.remedy,.remedy.fold{background:var(--panel);border-left:4px solid var(--avoid)}
.remedy.mixed{background:var(--panel)}
.fcard{border-top:1px solid var(--line)}
.fcard .name::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:2px}
/* 7. Sidebar reads as its own surface on laptop */
@media (min-width:900px){
 .app{grid-template-columns:320px minmax(0,1fr);padding:0 28px 0 0;gap:36px}
 .side{background:var(--panel);border-right:1px solid var(--line);padding:24px 20px 28px;gap:16px;height:100vh}
 .dayhead{box-shadow:none;background:var(--bg)}
 .ibtn,.todaybtn{border-radius:12px}
 .views{background:var(--bg)}
 .tab{border-radius:10px}
 .strip>div{background:var(--bg)}
 .content{padding-top:24px}
}
.strip>div{box-shadow:none}
.strip .lab{color:var(--muted)}

.brand .sub .famtitle{display:block;font-family:var(--f-display);font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:2px}
@media (min-width:900px){.brand{display:flex;flex-direction:column;gap:6px}}
@media (max-width:899px){.wd{padding:9px 10px}.week{grid-template-columns:repeat(7,minmax(120px,1fr))}.verdict{padding:18px 20px}}

/* round 3 */
.vsub{display:flex!important;flex-wrap:nowrap!important;gap:2px!important;background:var(--chip);border-radius:12px;padding:3px;margin:2px 0 4px}
.vsub .vb{flex:1;min-width:0;white-space:normal;line-height:1.25;padding:8px 6px!important;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--f-display);font-weight:700}
.vsub .vb.primary{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.vsub .vb.primary .vcnt{background:var(--accent-soft);color:var(--accent)}
.vtf{flex-wrap:wrap}.vtf .vb{white-space:nowrap}
.vb.primary{background:var(--accent);border-color:var(--accent)}
.panel .chip,.biz .chip{white-space:normal;max-width:100%;border-radius:8px;padding:2px 8px}
.btag{white-space:normal}
.week{grid-template-columns:repeat(7,minmax(128px,1fr));scrollbar-width:thin;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:24px}
.wd{gap:4px;padding:10px 12px}
.wd .dd{font-size:.95rem}
.wd.cur{outline:2px solid var(--accent)}
.gt .lab{display:flex;align-items:center;gap:4px}
.gt .gv{font-family:var(--f-display);font-weight:700;font-size:1.02rem}
.timing{gap:16px 24px}
.timing .lab{color:var(--muted)}
footer{line-height:1.6;max-width:none}
footer>*{max-width:110ch}
@media (min-width:900px){.content{max-width:880px}}

/* phone toolbar: segmented views get the room; place becomes a pin button */
@media (max-width:899px){
 .row2{gap:6px}
 .views{flex:1 1 0%!important;min-width:0;width:0}
 .langbtn{flex:none}
 .vbtn{padding:6px 4px;font-size:.9rem}
 .vbtn .ta{font-size:.7rem}
 .locsel{flex:none!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative;gap:6px;padding-left:50px!important}
 .locsel::before{content:"location_on";position:absolute;left:0;top:0;width:44px;height:44px;box-sizing:border-box;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-family:"Material Symbols Rounded";font-size:22px;line-height:1;color:var(--accent);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24;pointer-events:none}
 .locsel select{position:absolute!important;left:0;top:0;width:44px!important;height:44px;opacity:0;cursor:pointer;z-index:1}
 .langbtn{height:44px;padding:0 10px;border-radius:12px;font-size:13px}
}

.gt .lab::before{font-family:"Material Symbols Rounded";font-size:16px;line-height:1;letter-spacing:normal;text-transform:none;font-weight:400;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 500,"opsz" 20;margin-right:2px}
.glance>.gt:nth-child(1) .lab::before{content:"schedule"}
.glance>.gt:nth-child(2) .lab::before{content:"location_on"}
.glance>.gt:nth-child(3) .lab::before{content:"temple_hindu"}
.glance>.gt:nth-child(4) .lab::before{content:"restaurant"}
/* section icons */
details.fold[data-fold]>summary h2::before,#sec-chart h2::before,#sec-time h2::before{content:"label";font-family:"Material Symbols Rounded";font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 500,"opsz" 20;width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;align-self:center;flex:none;color:var(--cat,var(--muted));background:color-mix(in srgb,var(--cat,var(--muted)) 12%,var(--panel));overflow:hidden}
details.fold[data-fold="tvplace"]>summary h2::before{content:"location_on"}
details.fold[data-fold="place"]>summary h2::before{content:"location_on"}
details.fold[data-fold="goplace"]>summary h2::before{content:"directions_car"}
details.fold[data-fold="wealth"]>summary h2::before{content:"savings"}
details.fold[data-fold="interest"]>summary h2::before{content:"percent"}
details.fold[data-fold="transit"]>summary h2::before{content:"public"}
details.fold[data-fold="rahu"]>summary h2::before{content:"dark_mode"}
details.fold[data-fold="ketu"]>summary h2::before{content:"dark_mode"}
details.fold[data-fold="rahutoday"]>summary h2::before{content:"dark_mode"}
details.fold[data-fold="ketutoday"]>summary h2::before{content:"dark_mode"}
details.fold[data-fold="tvtemple"]>summary h2::before{content:"temple_hindu"}
details.fold[data-fold="temples"]>summary h2::before{content:"temple_hindu"}
details.fold[data-fold="famtemple"]>summary h2::before{content:"temple_hindu"}
details.fold[data-fold="tveat"]>summary h2::before{content:"restaurant"}
details.fold[data-fold="finder"]>summary h2::before{content:"event_available"}
details.fold[data-fold="famdays"]>summary h2::before{content:"calendar_month"}
details.fold[data-fold="good"]>summary h2::before{content:"event_available"}
details.fold[data-fold="tvdonate"]>summary h2::before{content:"volunteer_activism"}
details.fold[data-fold="standing"]>summary h2::before{content:"volunteer_activism"}
details.fold[data-fold="season"]>summary h2::before{content:"routine"}
details.fold[data-fold="biz"]>summary h2::before{content:"work"}
details.fold[data-fold="bizweek"]>summary h2::before{content:"date_range"}
details.fold[data-fold="joint"]>summary h2::before{content:"handshake"}
details.fold[data-fold="premium"]>summary h2::before{content:"workspace_premium"}
details.fold[data-fold="study"]>summary h2::before{content:"school"}
details.fold[data-fold="studychart"]>summary h2::before{content:"menu_book"}
details.fold[data-fold="dasa"]>summary h2::before{content:"timeline"}
details.fold[data-fold="habits"]>summary h2::before{content:"self_improvement"}
details.fold[data-fold="tvstar"]>summary h2::before{content:"star"}
details.fold[data-fold="stars"]>summary h2::before{content:"auto_awesome"}
details.fold[data-fold="lagrasi"]>summary h2::before{content:"explore"}
details.fold[data-fold="rem"]>summary h2::before{content:"healing"}
details.fold[data-fold="key"]>summary h2::before{content:"key"}
#sec-chart#sec-chart h2::before{content:"grid_view"}
#sec-time#sec-time h2::before{content:"schedule"}
.remedy>summary h2::before{color:var(--avoid);background:var(--avoid-soft)}
.remedy.mixed>summary h2::before{color:var(--mixed);background:var(--mixed-soft)}

/* phone: place is a pin button, so show the chosen place under the date */
@media (max-width:899px){.dh-p{display:inline}}

/* English labels only: hide the Tamil subtitle next to headings and tabs (star / rasi names stay) */
.ta:not(.keep){display:none!important}

/* ⓘ meanings */
.gi{display:inline-grid;place-items:center;width:17px;height:17px;margin:0 2px 0 5px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--panel);color:var(--accent);font:italic 700 11px/1 Georgia,'Times New Roman',serif;vertical-align:1px;cursor:pointer;flex:none}
.gi:hover,.gi:focus-visible{background:var(--accent);color:#fff;outline:none}
.glpop{display:none;position:fixed;z-index:1000;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(40,25,10,.18);padding:12px 14px;font-size:.9rem;line-height:1.5;max-height:70vh;overflow:auto}
.glpop .glrow+.glrow{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.glpop b{display:block;font-family:var(--f-display);color:var(--accent);margin-bottom:2px}
.gt{position:relative}
.gt>.gi.corner{position:absolute!important;top:10px;right:10px;margin:0}
.gt .lab{padding-right:22px}

/* birth-details helper */
.bfind{border:1px dashed var(--line);border-radius:12px;padding:10px 12px;background:var(--bg)}
.bfind>summary{cursor:pointer;font-weight:600;color:var(--accent)}
.bfind .bfgrid{display:grid;gap:10px;margin-top:10px}
@media (min-width:700px){.bfind .bfgrid{grid-template-columns:1fr 1fr}.bfind .bfgrid label:last-child{grid-column:1/-1}}
.bfind input,.bfind select{width:100%}

/* share today */
.verdict{position:relative}
.shbtn{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--panel);color:var(--accent);font:700 .85rem/1 var(--f-display),sans-serif;cursor:pointer}
.shbtn:hover{background:var(--accent);color:#fff}
.shic{flex:none}
.verdict .big{padding-right:96px}
/* pin button: inline SVG so it never shows as text if the icon font is slow */
@media (max-width:899px){.locsel::before{content:""!important;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23075347' d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5z'/%3E%3C/svg%3E") center/22px no-repeat!important}}

/* Start here card */
.starthere{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.starthere h2{color:var(--accent)}
/* 7-day strip: tharai stands out; reasons only on wider screens (tap a day for details) */
.wd .fl.tr{font-weight:700;font-size:.9rem}
.wd.good .fl.tr{color:var(--good)}.wd.avoid .fl.tr{color:var(--avoid)}.wd.mixed .fl.tr{color:var(--mixed)}
@media (max-width:899px){.wd .rs{display:none}.week{grid-template-columns:repeat(7,minmax(118px,1fr))}.wd{font-size:.85rem;line-height:1.35}}

.en-dup{display:none}

/* Rasi kattam */
.kattam .pt{display:none}.lang-ta .kattam .pt{display:inline}.lang-ta .kattam .pe{display:none}
.kwrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(62px,auto));border:1.5px solid var(--accent);border-radius:10px;overflow:hidden;background:var(--panel)}
.kc{border:.5px solid color-mix(in srgb,var(--accent) 35%,var(--line));padding:4px 5px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kc.klag{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}
.kn{font-size:.62rem;color:var(--muted);letter-spacing:.02em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kps{display:flex;flex-wrap:wrap;gap:2px 5px;font-weight:700;font-size:.82rem;line-height:1.2}
.kp.kl{color:var(--avoid)}.kp.k1{color:var(--accent)}
.kmid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;border:.5px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel));font-size:.8rem;color:var(--muted)}
.kmid b{font-family:var(--f-display);font-size:1rem;color:var(--accent)}
details.fold[data-fold="kattam"]>summary h2::before{content:"grid_view"}
[data-fold="kattam"]{--cat:var(--c-turmeric)}
/* Outcomes log */
.olist .oli{display:grid;gap:4px;padding:8px 0;border-bottom:1px solid var(--line)}.olist .oli:last-child{border-bottom:0}
.oli .ohd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oli .chip{margin-right:4px}
details.fold[data-fold="olog"]>summary h2::before{content:"menu_book"}
.calb{margin-top:10px}.calf{margin-top:10px}
/* Coming up */
.cu .pt{display:none}.lang-ta .cu .pt{display:inline}.lang-ta .cu .pe{display:none}
details.fold[data-fold="upcoming"]>summary h2::before{content:"event_available"}
.lochint{margin:0 0 10px;padding:8px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--panel)}
.maplink{display:inline-block;margin-left:6px;padding:1px 9px;border:1px solid var(--line);border-radius:999px;font-size:.75rem;font-weight:600;text-decoration:none;color:var(--accent,var(--good));background:var(--panel);white-space:nowrap;vertical-align:1px}
.maplink:hover{border-color:currentColor}
.wxline{margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.wxline.wxwarn{border-color:var(--avoid);background:var(--avoid-soft,#fdecea);color:var(--ink)}

/* bhava reading — tap a house in the birth kattam */
.kc[data-bh]{cursor:pointer;transition:background .15s}
.kc[data-bh]:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.kc[data-bh]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.kc.ksel{background:color-mix(in srgb,var(--accent) 16%,var(--panel));box-shadow:inset 0 0 0 2px var(--accent)}
.bhhint{margin:12px 0 0;color:var(--muted)}
.bhbox{margin-top:14px;border:1.5px solid var(--accent);border-radius:12px;padding:12px 14px;background:var(--panel)}
.bhhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}
.bht{font-family:var(--f-display);font-size:1.08rem;color:var(--accent)}
.bhx{border:1px solid var(--line);background:var(--panel);border-radius:50%;width:30px;height:30px;flex:none;cursor:pointer;color:var(--muted)}
.bhbox .items{margin:6px 0 0}
.bhnote{margin:8px 0 0;color:var(--muted)}

/* free preview of the kattam, and the Day-page nudge */
.kwrap.kprev{grid-template-columns:minmax(260px,440px)}
.plockli{border-left-color:var(--accent)!important}
.pcta{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line)}
.pnudge{position:relative;margin:14px 0;padding:14px 46px 14px 16px;border:1.5px solid var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.pnudge p{margin:0 0 10px}
.pnudge .bhx{position:absolute;top:10px;right:10px}
.pnudge .pt{display:none}.lang-ta .pnudge .pt{display:inline}.lang-ta .pnudge .pe{display:none}

.plist li{color:var(--muted)}

.pprice{margin:8px 0 10px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}

.pask{margin-top:12px}
.pask-done{margin-top:12px}

.india{margin-top:10px}
.india summary{cursor:pointer;font-weight:600;color:var(--accent)}

/* ===== Expanded sections: rhythm, sub-headings, callouts, inner folds (24 Oct design pass) ===== */
/* 1. one vertical rhythm — the section's own gap does the spacing */
.panel>p,.biz>p,.bizgrid>div>p,.panel>div>p:not(.small){margin:0}
.bizgrid>div{display:flex;flex-direction:column;gap:10px;min-width:0}
/* 2. sub-headings inside a section: clearer, with a hairline */
.panel>.lab,.biz>.lab,.bizgrid>div>.lab,.biz>div>.lab{display:flex;align-items:center;gap:10px;margin:16px 0 0!important;color:var(--accent);font-size:.72rem}
.panel>.lab::after,.biz>.lab::after,.bizgrid>div>.lab::after,.biz>div>.lab::after{content:"";flex:1;height:1px;background:var(--line)}
/* 3. info lines that start with a tag become soft callouts */
.panel>p:has(>.chip:first-child),.biz>p:has(>.chip:first-child),.bizgrid>div>p:has(>.chip:first-child){background:color-mix(in srgb,var(--chip) 55%,var(--panel));border-radius:10px;padding:8px 12px;line-height:1.55}
.panel>p>.chip:first-child,.biz>p>.chip:first-child,.bizgrid>div>p>.chip:first-child{margin:0 6px 0 0}
/* 4. list rows: a little more air, steadier second line */
ul.items{gap:12px}
ul.items li{padding:1px 0 1px 12px;line-height:1.45}
ul.items li>b:first-child{font-weight:650}
.why{margin-top:3px}
/* 5. source tags: quieter */
.src{font-size:.62rem;border:none;background:var(--chip);color:var(--muted);padding:1px 5px;border-radius:4px;opacity:.85}
/* 6. folds inside a section (Full dasa timeline, Across India, Also suggested …) look tappable */
.panel details:not(.fold),.biz details:not(.fold){border:1px solid var(--line);border-radius:12px;padding:0;background:color-mix(in srgb,var(--chip) 35%,var(--panel))}
.panel details:not(.fold)>summary,.biz details:not(.fold)>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--ink);font-weight:600}
.panel details:not(.fold)>summary::-webkit-details-marker,.biz details:not(.fold)>summary::-webkit-details-marker{display:none}
.panel details:not(.fold)>summary::before,.biz details:not(.fold)>summary::before{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s;margin:0 2px}
.panel details:not(.fold)[open]>summary::before,.biz details:not(.fold)[open]>summary::before{transform:rotate(45deg)}
.panel details:not(.fold)>:not(summary),.biz details:not(.fold)>:not(summary){margin-left:12px;margin-right:12px}
.panel details:not(.fold)>:last-child:not(summary),.biz details:not(.fold)>:last-child:not(summary){margin-bottom:12px}
.panel details:not(.fold)>ul.items,.biz details:not(.fold)>ul.items{margin-top:2px}
.india summary{color:var(--accent)!important}
/* 7. closing notes of a section */
.biz>p.small:last-child,.panel>p.small:last-child{border-top:1px dashed var(--line);padding-top:10px;font-size:.8rem}
/* 8. dasa cards */
.dcard{background:color-mix(in srgb,var(--chip) 30%,var(--panel));gap:5px}
.dcard .val{font-family:var(--f-display);font-size:1.15rem;font-weight:800}
.dcard p{font-size:.95rem;line-height:1.5}
/* 9. phones: stacked columns get a divider; slightly tighter padding */
@media (max-width:760px){
 .bizgrid>div+div{border-top:1px dashed var(--line);padding-top:14px}
 .panel,.biz{padding:14px 14px}
 ul.items li{padding-left:10px}
 .panel details:not(.fold)>:not(summary),.biz details:not(.fold)>:not(summary){margin-left:10px;margin-right:10px}
}
/* folds: steady spacing between blocks (details elements don't apply flex gap everywhere) */
details.fold>:not(summary){margin-top:0;margin-bottom:0}
details.fold>summary+*{margin-top:12px}
details.fold>:not(summary)+:not(summary){margin-top:12px}
details.fold>p+p:not(:has(>.chip:first-child)){margin-top:6px}
details:not(.fold)+p.small:last-child{border-top:none;padding-top:0}

.bizgrid>div>.lab:first-child,.biz>div>.lab:first-child{margin-top:0!important}

/* free tier locks and trial banner */
details.plk>summary h2{opacity:.85}
.plk .plist li{opacity:.85}
.wd.wlock{opacity:.55;filter:grayscale(1)}
.ptrial{background:var(--card,#fff);border:1px solid var(--line,#e6e0d6);border-left:4px solid var(--good,#2e7d32);border-radius:10px;padding:8px 12px;margin:0 0 10px}
.ptrial.ended{border-left-color:var(--mixed,#b8860b)}

/* person form: birth finder first, gender / relationship row */
.bfind input[type=checkbox]{width:auto}
.bfind .bfbody{display:grid;gap:10px}
.bfkeep{display:flex!important;gap:10px;align-items:flex-start;color:var(--ink)!important;font-size:.9rem!important;margin-top:4px}
.bfkeep input{margin-top:3px;flex:none}
.bfout:empty{display:none}
.bfout{background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.bfchg{color:var(--mixed,#b8860b);font-weight:600}
.bfnote{margin:0;opacity:.85}
.pfrow{display:grid;gap:10px}
@media (min-width:700px){.pfrow{grid-template-columns:1fr 1fr}}
.pfknow{display:grid;gap:10px;border-top:1px dashed var(--line);padding-top:10px}
.pfh{margin:0;font-weight:600;color:var(--ink)}

/* money practice (27 methods) */
.m27m{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--line);border-radius:8px;opacity:.75;white-space:nowrap}
.m27h{font-size:.95rem;margin:10px 0 4px}

/* Coming up: summary tiles and a dated timeline */
.cu-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 12px}
.cu-s{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--bg);display:flex;flex-direction:column;gap:2px}
.cu-s b{font-size:1.35rem;line-height:1.1}
.cu-s span{font-size:.78rem;color:var(--muted)}
.cu-s.good b{color:var(--good)}.cu-s.avoid b{color:var(--avoid)}
.cu-tl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cu-row{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start}
.cu-d{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 4px;background:var(--bg);line-height:1.1}
.cu-w,.cu-m{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.cu-n{font-size:1.35rem;font-weight:700}
.cu-evs{display:grid;gap:6px}
.cu-ev{border-left:3px solid var(--line);padding:2px 0 2px 10px}
.cu-ev.good{border-left-color:var(--good)}.cu-ev.avoid{border-left-color:var(--avoid)}.cu-ev.mixed{border-left-color:var(--mixed,#b8860b)}
.cu-t{font-weight:600}
.cu-t .chip{margin-left:4px;font-weight:600}
.cu-h{display:block;opacity:.75;margin-top:2px}
.cu-rem{opacity:.85;margin-top:2px}
@media (max-width:520px){.cu-s b{font-size:1.15rem}.cu-row{grid-template-columns:48px 1fr;gap:8px}}

/* This season — personal */
.sn-sum{margin:0 0 8px;padding:8px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.sn-today{margin:0 0 8px}
.cu-h.sn-n{opacity:.9}

/* This season — the Day line, and inner folds in My chart */
.sn-line{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);padding:10px 14px;margin:0 0 12px}
.sn-ic{font-size:1.2rem;line-height:1.4}
.sn-go{display:inline-block;margin-top:4px;font-weight:600}
details.sn-more{border:1px solid var(--line);border-radius:10px;padding:6px 10px;margin:6px 0;background:var(--bg)}
details.sn-more>summary{cursor:pointer;font-weight:600}

/* phones: let the Now line wrap */
@media (max-width:520px){.nowline>span{white-space:normal}}
/* chart card: birth panchangam cells; kattam: planet degrees */
.ccard .pt{display:none}.lang-ta .ccard .pt{display:inline}.lang-ta .ccard .pe{display:none}
.kp .kd{font-size:.72em;font-weight:500;opacity:.75;margin-left:2px}

details.bxpos{margin:8px 0;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--bg)}
details.bxpos>summary{cursor:pointer;font-weight:600}
.bxt{width:100%;border-collapse:collapse;margin-top:6px;font-size:.9rem}
.bxt th,.bxt td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}
.bxt th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}

/* chart card: Edit details at the top right */
.ccard h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ccard h2 .ccedit{margin-left:auto;font-size:.85rem;font-family:inherit;font-weight:600;padding:6px 12px}
.ccard .sn-flag{color:var(--mixed,#9a6400);margin-top:3px}
.ccard .span2{grid-column:1/-1}

/* chart summary card v3 */
.ccard.ck{display:flex;flex-direction:column;gap:18px;padding:20px 22px;container-type:inline-size}
.ccard.ck h2{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}
.ck .lab{color:var(--muted)}
.ck-id{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--bg);overflow:hidden}
.ck-idc{padding:14px 16px;min-width:0;display:flex;flex-direction:column;gap:4px}
.ck-idc+.ck-idc{border-left:1px solid var(--line)}
.ck-big{font-family:var(--f-display);font-weight:800;font-size:clamp(1.05rem,2.4vw,1.4rem);line-height:1.2;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}
.ck-pada{display:inline-block;font-family:var(--f-body,inherit);font-size:.75rem;font-weight:600;color:var(--muted);background:var(--chip);border-radius:6px;padding:1px 6px;vertical-align:3px;white-space:nowrap}
.ck-run{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--c-indigo) 7%,var(--panel))}
.ck-runtop{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 16px;flex-wrap:wrap}
.ck-runv{font-family:var(--f-display);font-weight:800;font-size:1.12rem;color:var(--ink)}
.ck-runto{font-size:.875rem;color:var(--muted);font-weight:600}
.ck-bar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--c-indigo) 16%,var(--panel));overflow:hidden}
.ck-bar span{display:block;height:100%;border-radius:inherit;background:var(--c-indigo)}
.ck-grps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 28px}
.ck-grp{min-width:0;display:flex;flex-direction:column;gap:6px}
.ck-gh{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--c-indigo);padding-bottom:6px;border-bottom:1px solid var(--line)}
.ck-gi{font-family:"Material Symbols Rounded";font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;font-weight:400;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 500,"opsz" 20;flex:none}
.ck dl{margin:0;display:flex;flex-direction:column}
.ck-row{display:flex;justify-content:space-between;align-items:baseline;gap:4px 14px;padding:8px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.ck-row:last-child{border-bottom:0}
.ck-row dt{font-size:.875rem;color:var(--muted)}
.ck-row dd{margin:0 0 0 auto;font-weight:700;color:var(--ink);text-align:right}
.ck-sub{font-weight:500;color:var(--muted);white-space:nowrap}
.ck-sws{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ck-sw{display:inline-flex;align-items:center;gap:6px}
.ck-sw i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.ck-sn{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.ck-sn>.ck-gi{color:var(--muted);margin-top:2px}
.ck-sn>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ck-snh{font-weight:700;color:var(--ink)}
.ck-sn.warn{background:var(--mixed-soft);border-color:transparent}
.ck-sn.warn>.ck-gi{color:var(--mixed)}
.ck-snf{color:var(--ink);font-weight:600}
@container (max-width:640px){.ck-id{grid-template-columns:1fr}.ck-idc+.ck-idc{border-left:0;border-top:1px solid var(--line)}.ck-idc{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px}.ck-big{text-align:right}}
@media (max-width:520px){.ccard.ck{padding:16px}}
.ck-row{flex-wrap:nowrap}.ck-row dt{flex:1 1 auto;min-width:0}.ck-row dd{flex:0 0 auto;white-space:nowrap}
.ck-how{color:var(--muted);padding:8px 0 2px;line-height:1.5}.ck-how summary{cursor:pointer;color:var(--accent);font-weight:600;list-style:none}.ck-how summary::-webkit-details-marker{display:none}.ck-how summary::before{content:"ⓘ ";}.ck-how[open] summary{margin-bottom:4px}
/* Day layout (daylayout.js) */
h3.dl-more{margin:26px 4px 8px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.dl-avoid{display:flex;flex-direction:column;gap:2px;font-weight:500}.dl-avoid b{font-weight:700;white-space:nowrap}.dl-avoid .small{color:var(--muted);font-weight:500}
.dl-sub{font-weight:500;color:var(--muted);font-size:.78rem;letter-spacing:0;text-transform:none}
.dl-plan .grid{margin-top:4px}.dl-time .nowline{margin:0 0 10px}
.glance>.gt:nth-child(2) .lab::before{content:"block"}
details.fold[data-fold="dayplan"]>summary h2::before{content:"checklist"}
details.fold[data-fold="timings"]>summary h2::before{content:"schedule"}
.wxbtn{display:inline-grid;place-items:center;width:26px;height:26px;margin:0 2px;padding:0;border:0;border-radius:50%;background:transparent;font-size:17px;line-height:1;cursor:pointer;vertical-align:middle;position:relative}
.wxbtn.warn::after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background:var(--avoid,#b3261e);border:2px solid var(--panel)}
.wxpop .wxp-h{font-size:1rem;margin-bottom:4px}.wxpop>div{margin:2px 0}.wxpop .wxp-warn{color:var(--avoid,#b3261e);font-weight:700;margin-top:6px}.wxpop .wxp-src{color:var(--muted);font-size:.78rem;margin-top:6px}
.wxpop .wxp-h b{display:inline}
@media (max-width:700px){.dayhead .dh-t{display:none}}
/* Next days header */
.wkhead{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:22px 2px 10px}
.wkhead .wkh{margin:0;font-family:var(--f-display);font-size:1.1rem;font-weight:800;color:var(--ink)}
.wkhead .wkn{font-weight:600;color:var(--muted);font-size:.9rem}
.wkhead .vbtns.calb{margin:0}.wkhead .vbtns.calb .vb{padding:6px 12px;font-size:.85rem}
.wkhead p.calb{margin:0;font-size:.78rem}
/* visit-log form as a pop-up */
#vform.vform{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 24px));max-height:86vh;overflow:auto;z-index:1300;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 0 0 100vmax rgba(20,14,8,.45),0 18px 40px rgba(0,0,0,.25)}
#vform .vf-title{display:block;font-family:var(--f-display);font-size:1.1rem;margin-bottom:8px}
@media (max-width:420px){.wkhead .wkn{display:none}}
/* add-to-calendar form as a pop-up (same look as the visit-log pop-up) */
.vform.calf{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 24px));max-height:86vh;overflow:auto;z-index:1300;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 0 0 100vmax rgba(20,14,8,.45),0 18px 40px rgba(0,0,0,.25)}
.vform.calf>b:first-child{display:block;font-family:var(--f-display);font-size:1.1rem;margin-bottom:8px}

/* ---------- v6 design handoff (Claude Design, 25 Oct) ---------- */
/* v5 polish */
.lang-ta{overflow-wrap:break-word}
.lang-ta .verdict .big{font-size:clamp(1.3rem,5.2vw,1.65rem);line-height:1.25}
@media (max-width:640px){
 .shbtn{width:40px;height:40px;padding:0;justify-content:center;top:12px;right:12px}
 .shbtn{font-size:0;gap:0}
 .shbtn .shic{width:18px;height:18px}
 .verdict .big{padding-right:48px}
}
@media (max-width:1100px){
 #sec-glance>a.gt:nth-child(n+3){grid-column:1/-1;flex-direction:column;align-items:stretch;gap:4px}
}
#sec-glance>a.gt:nth-child(-n+2){justify-content:flex-start}

.dl-ed{display:flex;flex-direction:column;gap:4px}
.dl-k{display:inline-block;min-width:4.8em;font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.dl-more{display:flex;align-items:center;gap:12px;margin:28px 2px 10px!important;font-size:.8rem!important;color:var(--ink)!important}
.dl-more::after{content:"";flex:1;height:1px;background:var(--line)}
.gmore{align-self:flex-start;margin-top:10px;position:relative;z-index:1;padding:3px 10px;border-radius:999px;font-family:var(--f-display);font-size:.8rem;font-weight:700;color:var(--c-turmeric);background:color-mix(in srgb,var(--c-turmeric) 12%,var(--panel));white-space:nowrap}
.gmore{color:var(--cat,var(--c-turmeric));background:color-mix(in srgb,var(--cat,var(--c-turmeric)) 12%,var(--panel))}
.gv .gmore{display:inline-block;margin-top:6px}
a.gt:hover .gmore{background:var(--cat,var(--c-turmeric));color:#fff}

/* season reading v5 */
#sec-season ul.items{display:flex;flex-direction:column;gap:12px;padding:0;margin:12px 0}
#sec-season li.cu-pl{list-style:none;border:1px solid var(--line)!important;border-left:1px solid var(--line)!important;border-radius:14px;background:var(--panel);padding:0;overflow:hidden;display:flex;flex-direction:column}
#sec-season li.cu-pl::before{display:none}
.cu-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px}
li.cu-pl.good .cu-hd{background:var(--good-soft)}
li.cu-pl.avoid .cu-hd{background:var(--avoid-soft)}
.cu-ttl{display:flex;flex-direction:column;gap:2px;min-width:0}
.cu-ttl b{font-family:var(--f-display);font-size:1.05rem;color:var(--ink)}
.cu-meta{font-size:.82rem;color:var(--muted)}
.cu-hd .chip{flex:none;margin-top:2px}
#sec-season li.cu-pl .why{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;margin:0;font-size:.9rem;color:var(--ink)}
.cu-lead{font-weight:600}
.cu-notes{display:flex;flex-direction:column;gap:0}
.cu-notes .cu-h{display:block;position:relative;padding:7px 0 7px 16px;border-top:1px dashed var(--line);color:var(--ink);margin:0}
.cu-notes .cu-h:first-child{border-top:0;padding-top:0}
.cu-notes .cu-h::before{content:"";position:absolute;left:2px;top:15px;width:5px;height:5px;border-radius:50%;background:var(--muted)}
.cu-notes .cu-h:first-child::before{top:8px}
.cu-ft{display:flex;flex-direction:column;gap:8px}
.cu-ft .cu-h{display:block;margin:0;padding:8px 12px;border-radius:10px;font-size:.85rem}
.cu-next{background:var(--bg);color:var(--muted)}
.cu-rem{background:color-mix(in srgb,var(--c-turmeric) 12%,var(--panel));color:var(--ink)}
.cu-rem::before{content:none}
.lang-ta .cu-rem::before{content:"பரிகாரம் · "}

.dl-avoid{display:flex;flex-direction:column;gap:6px}
.dl-avoid>span{display:flex;flex-direction:column;gap:1px;font-size:.8rem;font-weight:500;color:var(--muted);line-height:1.3}
.dl-avoid>span b{font-family:var(--f-display);font-size:1rem;font-weight:700;color:var(--ink);white-space:nowrap}
.cu-hd{flex:none}
#sec-season li.cu-pl .why{flex:none}

.sn-line.has-more{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:6px;margin-top:22px;padding:12px 14px}
.sn-line.has-more>.dl-more.in-sn{grid-column:1/-1}
.sn-line.has-more>.dl-more.in-sn{flex:0 0 100%;margin:0 0 4px!important}
.sn-line .sn-go{display:flex;align-items:center;width:max-content;margin-top:10px;padding:4px 12px;border-radius:999px;font-family:var(--f-display);font-size:.82rem;font-weight:700;text-decoration:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));white-space:nowrap}
.sn-line .sn-go:hover,.sn-line .sn-go:focus-visible{background:var(--accent);color:#fff}
.verdict .small>.chip:first-child{margin:0 2px 0 0;padding:0;background:none;font-size:inherit;font-weight:700;border-radius:0}
.verdict .small>.chip:first-child::after{content:" ·";color:var(--muted);font-weight:400}

/* info button v5: soft tinted dot, clean glyph, larger tap area */
.gi{position:relative;display:inline-block!important;width:18px;height:18px;margin:0 2px 0 4px;line-height:0;border:0!important;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent)!important;color:transparent!important;font-size:0!important;vertical-align:-0.22em;transition:background .15s}
.gi::after{content:"";position:absolute;inset:3px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.6' r='1.3'/%3E%3Crect x='6.9' y='7' width='2.2' height='5.6' rx='1.1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.6' r='1.3'/%3E%3Crect x='6.9' y='7' width='2.2' height='5.6' rx='1.1'/%3E%3C/svg%3E") center/contain no-repeat}
.gi::before{content:"";position:absolute;inset:-12px}
.gi:hover,.gi:focus-visible{background:var(--accent)!important}
.gi:hover::after,.gi:focus-visible::after{background:#fff}
.gi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.verdict .gi{background:color-mix(in srgb,var(--ink) 9%,transparent)!important}
.verdict .gi::after{background:var(--ink)}
.verdict .gi:hover,.verdict .gi:focus-visible{background:var(--ink)!important}

/* audit fixes */
@media (max-width:640px){#sec-glance .gt .lab{letter-spacing:.05em}}
#sec-glance .gt:not(:has(.gi.corner)) .lab{padding-right:0}
ul.items li,.why,.check li,.bizgrid p,.small{text-wrap:pretty}
.dl-ed>span{display:block;padding-left:64px;text-indent:-64px}
.dl-ed .dl-k{display:inline-block;width:56px;min-width:0;margin-right:8px;text-indent:0;vertical-align:baseline}
.todaybtn,.langbtn{white-space:nowrap;word-break:keep-all}
.lang-ta .todaybtn,.lang-ta .langbtn{overflow-wrap:normal}
.gmore{max-width:100%;white-space:normal;text-align:left}
.tnw{white-space:nowrap}
@media (max-width:640px){
 #sec-glance>a.gt:nth-child(-n+2){padding:12px}
 .dl-avoid>span b,#sec-glance .tnw{font-size:.9rem;letter-spacing:-.01em}
}
.sn-line .sn-go{max-width:100%;white-space:normal;line-height:1.3}
.cu-sum{grid-template-columns:repeat(3,minmax(0,1fr))}
.cu-s{min-width:0;overflow-wrap:break-word}
.dayhead{min-width:0;overflow:hidden}
.dayhead #dh,.dayhead #dh *{min-width:0}
@media (max-width:400px){.lang-ta .dh-w{font-size:.88rem}}
@media (max-width:400px){.dh-t{display:none!important}.dh-w{white-space:normal;text-align:center;line-height:1.2;text-wrap:balance}}
@media (max-width:400px){.todaybtn{padding:0 10px!important;min-width:0!important}.ibtn{width:40px!important;min-width:40px!important;padding:0!important}.top{gap:6px!important}.lang-ta .dh-w{font-size:.85rem}
 #sec-glance .gt .lab{padding-right:16px;letter-spacing:.03em}}

/* v6: line icons replace emoji */
i[class^="ic-"]{display:inline-block;width:1.1em;height:1.1em;flex:none;vertical-align:-.18em;margin-right:.35em;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;font-style:normal}
.ic-lock{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2711%27%20width%3D%2714%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2011V8a4%204%200%200%201%208%200v3%27%2F%3E%3C%2Fsvg%3E")}
.ic-warn{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5%202.5%2020h19Z%27%2F%3E%3Cpath%20d%3D%27M12%2010v4.5M12%2017.2v.1%27%2F%3E%3C%2Fsvg%3E")}
.ic-pin{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E")}
.ic-orbit{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274.5%27%2F%3E%3Cpath%20d%3D%27M5.2%2015.8C2.6%2018.4%203%2019.8%206%2019.6c3.7-.3%209.4-3.6%2012.4-6.8%202.6-2.7%202.4-4.4-.7-4.2%27%2F%3E%3C%2Fsvg%3E")}
.ic-diya{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203c1.8%202.3%202.7%203.9%202.7%205.4a2.7%202.7%200%200%201-5.4%200C9.3%206.9%2010.2%205.3%2012%203Z%27%2F%3E%3Cpath%20d%3D%27M3.5%2013.5h17c0%203.6-3.8%206.5-8.5%206.5s-8.5-2.9-8.5-6.5Z%27%2F%3E%3C%2Fsvg%3E")}
.ic-cal{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%2010h16M9%203v4M15%203v4%27%2F%3E%3C%2Fsvg%3E")}
.ic-bag{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%278%27%20width%3D%2716%27%20height%3D%2712%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M9%208V5h6v3M9%2012v4M15%2012v4%27%2F%3E%3C%2Fsvg%3E")}
.ic-spark{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5%2013.8%2010l6.7%202-6.7%202L12%2020.5%2010.2%2014l-6.7-2%206.7-2Z%27%2F%3E%3C%2Fsvg%3E")}
.ic-moon{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19.5%2014.5A8%208%200%201%201%209.5%204.5a6.3%206.3%200%200%200%2010%2010Z%27%2F%3E%3C%2Fsvg%3E")}
.ic-gift{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%2710%27%20width%3D%2716%27%20height%3D%2710%27%20rx%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M3%2010h18M12%2010v10M12%2010c-1.5-3.5-6-4-6-1.3C6%2010%209.5%2010%2012%2010Zm0%200c1.5-3.5%206-4%206-1.3%200%201.3-3.5%201.3-6%201.3Z%27%2F%3E%3C%2Fsvg%3E")}
.ic-tap{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2012V5.5a1.8%201.8%200%200%201%203.6%200V11%27%2F%3E%3Cpath%20d%3D%27M12.6%2010.5a1.8%201.8%200%200%201%203.6%200v1a1.8%201.8%200%200%201%203.3%201V15a6%206%200%200%201-6%206h-.8a6%206%200%200%201-5-2.6l-2.3-3.5a1.5%201.5%200%200%201%202.4-1.8L9%2014.5%27%2F%3E%3C%2Fsvg%3E")}
.ic-mail{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m4%207%208%206%208-6%27%2F%3E%3C%2Fsvg%3E")}
.ic-sun{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M12%202.5v2M12%2019.5v2M5.3%205.3l1.4%201.4M17.3%2017.3l1.4%201.4M2.5%2012h2M19.5%2012h2M5.3%2018.7l1.4-1.4M17.3%206.7l1.4-1.4%27%2F%3E%3C%2Fsvg%3E")}
.ic-cloud{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2018.5h10a4%204%200%200%200%20.6-8A6%206%200%200%200%206%2010a4.3%204.3%200%200%200%201%208.5Z%27%2F%3E%3C%2Fsvg%3E")}
.ic-fog{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%208h16M3%2012h18M5%2016h14M8%2020h8%27%2F%3E%3C%2Fsvg%3E")}
.ic-rain{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2014.5h10a4%204%200%200%200%20.6-8A6%206%200%200%200%206%206a4.3%204.3%200%200%200%201%208.5Z%27%2F%3E%3Cpath%20d%3D%27m8.5%2017.5-1%203M12.5%2017.5l-1%203M16.5%2017.5l-1%203%27%2F%3E%3C%2Fsvg%3E")}
.ic-snow{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2014.5h10a4%204%200%200%200%20.6-8A6%206%200%200%200%206%206a4.3%204.3%200%200%200%201%208.5Z%27%2F%3E%3Cpath%20d%3D%27M8%2018.5v.1M12%2020.5v.1M16%2018.5v.1%27%2F%3E%3C%2Fsvg%3E")}
.ic-storm{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2014.5h10a4%204%200%200%200%20.6-8A6%206%200%200%200%206%206a4.3%204.3%200%200%200%201%208.5Z%27%2F%3E%3Cpath%20d%3D%27m12.5%2013-2.3%204h3.6l-2.3%204.5%27%2F%3E%3C%2Fsvg%3E")}
.ic-umbrella{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2012.5a9%209%200%200%201%2018%200Z%27%2F%3E%3Cpath%20d%3D%27M12%2012.5v6a2%202%200%200%201-4%200%27%2F%3E%3C%2Fsvg%3E")}
.ic-phone{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%272.5%27%20width%3D%2710%27%20height%3D%2719%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M11%2018.5h2%27%2F%3E%3C%2Fsvg%3E")}
.sn-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--c-indigo);background:color-mix(in srgb,var(--c-indigo) 12%,var(--panel))}
.sn-ic i[class^="ic-"]{margin:0;width:18px;height:18px}
.cu-i i[class^="ic-"]{margin:0}
.plock h2 i[class^="ic-"],.pfeat li>i[class^="ic-"]{color:var(--c-turmeric)}
a.maplink{display:inline-flex;align-items:center}
a.maplink i[class^="ic-"]{margin-right:.2em}
/* v6: weather pill — only when it matters */
.wxbtn{display:inline-flex!important;align-items:center;gap:0;width:auto!important;height:auto!important;min-height:24px;margin:0 0 0 6px!important;padding:2px 9px 2px 7px!important;border-radius:999px!important;font:700 .76rem/1.2 var(--f-display),sans-serif!important;vertical-align:.08em!important;white-space:nowrap;cursor:pointer;border:0}
.wxbtn::after{content:none!important}
.wxbtn i[class^="ic-"]{width:14px;height:14px;margin-right:4px;vertical-align:0}
.wx-some{background:var(--chip);color:var(--muted)}
.wx-likely{background:var(--mixed-soft);color:var(--mixed)}
.wx-storm{background:var(--avoid-soft);color:var(--avoid)}
.wxbtn:hover,.wxbtn:focus-visible{filter:brightness(.95)}
.wxpop .wxp-h i[class^="ic-"]{width:18px;height:18px;vertical-align:-.25em}
/* v6: My chart tabs */
.ctabs{position:sticky;top:var(--ctab-top,0);z-index:5;display:flex;gap:2px;padding:4px;margin:0 0 14px;border-radius:14px;background:var(--chip);box-shadow:0 0 0 6px var(--bg)}
.lang-ta .ctab{font-size:.8rem}
.ctabs::-webkit-scrollbar{display:none}
.ctab{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 .88rem/1.2 var(--f-display),sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}
.ctab[aria-selected="true"]{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ctab-n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;font-size:.7rem;background:color-mix(in srgb,currentColor 12%,transparent)}
.ctab-pane{display:flex;flex-direction:column;gap:inherit}
#main>.ctab-pane{gap:14px}
.ctab-pane[hidden]{display:none!important}

/* v6: read more */
.rm-clamp{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rmore{display:inline-flex;align-items:center;margin:4px 0 0;padding:2px 0;border:0;background:none;color:var(--accent);font:700 .8rem/1.3 var(--f-display),sans-serif;cursor:pointer}
.rmore::after{content:"";width:6px;height:6px;margin-left:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.rm-clamp+.rmore{}
.rmore.less::after{transform:rotate(-135deg) translateY(-1px)}
/* v6: add to home screen */
.nninstall{display:inline-flex;align-items:center;gap:4px;margin:0 0 14px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--accent);font:700 .85rem/1.2 var(--f-display),sans-serif;cursor:pointer}
.nninstall:hover{background:var(--accent);color:#fff}
/* v6: motion */
@media (prefers-reduced-motion:no-preference){
 details.fold[open]>summary~*{animation:nnIn .22s ease-out}
 .ctab-pane:not([hidden]){animation:nnIn .2s ease-out}
 .glpop,.wxpop{animation:nnPop .14s ease-out}
 a.gt,.ctab,.gmore,.sn-go,.rmore,.wxbtn,.vb,.tab{transition:transform .12s ease,background .15s,color .15s,border-color .15s}
 a.gt:active,.ctab:active,.vb:active,.tab:active,.wxbtn:active{transform:scale(.98)}
}
@keyframes nnIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes nnPop{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
/* dark-mode fixes (25 Oct) */
:root{--card:var(--panel)}
.tab[aria-selected="true"] .av{background:var(--pc,#0f5c4c);color:#fff}
/* If you must go ahead: short by default */
#sec-rem.rem-short .rem-x{display:none}
.rem-all{display:block;margin:10px 0 2px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--accent);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}

/* Avoid-starting tile: never push the page wider than the phone */
#sec-glance .gt,.glance>.gt{min-width:0}
.dl-avoid>span b{white-space:normal;overflow-wrap:anywhere}
@media (min-width:360px){.dl-avoid>span b{white-space:nowrap}}
/* select bottom sheet (Android) */
html.nn-and label select{pointer-events:none}
body.ss-open{overflow:hidden}
.ss-ov{position:fixed;inset:0;z-index:2000;background:rgba(20,30,28,.45);display:flex;align-items:flex-end;justify-content:center;animation:ssf .15s ease-out}
.sheet-p{background:var(--panel,#fff);color:var(--ink);width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);padding:6px 0 max(10px,env(safe-area-inset-bottom));outline:none;animation:ssu .2s ease-out}
.ss-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 8px;font-family:var(--f-display);font-size:1.02rem}
.ss-x{border:0;background:var(--bg,#f4efe4);width:36px;height:36px;border-radius:50%;font-size:15px;color:var(--muted);cursor:pointer;flex:none}
.ss-q{margin:2px 16px 8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem;background:var(--bg,#fff);color:var(--ink)}
.ss-l{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 8px 6px;overscroll-behavior:contain}
.ss-g{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px}
.ss-o{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--ink);font:inherit;font-size:.96rem;line-height:1.35;padding:11px 10px;border-radius:10px;min-height:46px;cursor:pointer}
.ss-o{border-radius:0}.ss-o+.ss-o{border-top:1px solid var(--line)}.ss-o.on{border-radius:10px}
.ss-o.on{background:color-mix(in srgb,var(--accent,#075347) 10%,transparent);font-weight:600;border-top-color:transparent}
.ss-o.on+.ss-o{border-top-color:transparent}
.ss-o i{font-style:normal;color:var(--accent,#075347);font-weight:700;flex:none}
.ss-o:disabled{opacity:.45}
@keyframes ssu{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
@keyframes ssf{from{opacity:0}to{opacity:1}}
.sheet-p.ss-tall{height:78vh}
/* Eat · Donate tile: same label-over-value layout as Avoid starting */
.dl-ed{gap:6px}
.dl-ed>span{display:flex;flex-direction:column;gap:1px;padding-left:0;text-indent:0;font-family:var(--f-display);font-size:1rem;font-weight:700;color:var(--ink);line-height:1.3}
.dl-ed .dl-k{display:block;width:auto;min-width:0;margin:0;font-family:var(--f-display);font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
@media (max-width:640px){.dl-ed>span{font-size:.9rem;letter-spacing:-.01em}}

/* header slogan (matches the app opening screen) */
:root{--slg:#8F6512}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--slg:#E0B45A}}
:root[data-theme="dark"]{--slg:#E0B45A}
.brand .sub .slg{display:flex;flex-direction:column;gap:3px}
.brand .sub .slg .t{font-family:var(--f-display);font-weight:700;font-size:1rem;line-height:1.4;color:var(--slg)}
.brand .sub .slg .e{font-size:.85rem;color:var(--muted);line-height:1.4}
.brand .sub .famed{display:inline-block;margin-top:8px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.brand .famed .pt{display:none}.lang-ta .brand .famed .pe{display:none}.lang-ta .brand .famed .pt{display:inline}

/* Day tabs */
.dtabs .ctab{position:relative}
.dt-warn{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--avoid,#b3261e);margin-left:2px;flex:none}
.vsub{position:sticky;top:var(--ctab-top,0);z-index:5;box-shadow:0 0 0 6px var(--bg)}
/* Temples → By star: stars in order */
.vstars .vstar{padding:10px 0 2px;border-top:1px solid var(--line)}
.vstars .vstar:first-of-type{border-top:0}
.vs-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 2px}
.vs-n{min-width:24px;height:24px;border-radius:50%;background:var(--chip);display:inline-grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--muted);flex:none}
.vstar.own .vs-n{background:var(--accent);color:#fff}
.vs-s{font-family:var(--f-display);font-size:1rem}
.vs-t{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--chip);color:var(--muted)}
.vs-t.good{background:color-mix(in srgb,var(--good,#2e7d32) 14%,transparent);color:var(--good,#2e7d32)}
.vs-t.bad{background:color-mix(in srgb,var(--avoid,#b3261e) 12%,transparent);color:var(--avoid,#b3261e)}
.vs-r{flex-basis:100%;font-size:.84rem;color:var(--ink);padding-left:32px}
.vstar .items{margin:4px 0 0}
/* ---------- App bar + menu (26 Oct) ---------- */
#langbtn{display:none!important}
.appbar{display:none}
.ab-menu{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--accent);cursor:pointer;flex:none;padding:0}
.ab-menu:active{transform:scale(.97)}
@media (max-width:899px){
 .appbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 4px;background:var(--bg)}
 .ab-logo{display:flex;align-items:center;min-width:0}
 .ab-logo img{height:40px;width:auto;display:block}
 .brand .br-menu{display:none}
 .row2 .views{width:auto!important;flex:1 1 auto!important}
}
@media (min-width:900px){
 .brand{position:relative}
 .brand .br-menu{position:absolute;top:2px;right:0}
 .brand h1{padding-right:52px}
}
.nm-ov{position:fixed;inset:0;z-index:1500;background:rgba(20,30,28,0);display:flex;justify-content:flex-end;transition:background .2s}
.nm-ov[hidden]{display:none}
.nm-ov.in{background:rgba(20,30,28,.45)}
.nm-p{width:min(360px,88vw);height:100%;background:var(--bg);color:var(--ink);box-shadow:-8px 0 30px rgba(0,0,0,.18);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease-out;outline:none}
.nm-ov.in .nm-p{transform:none}
.nm-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:1.1rem;color:var(--accent)}
.nm-x{border:0;background:var(--chip);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted);cursor:pointer}
.nm-b{overflow-y:auto;padding:6px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}
.nm-s{padding:12px 0;border-bottom:1px solid var(--line)}
.nm-k{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.nm-k svg{color:var(--accent);width:18px;height:18px}
.nm-hint{margin:6px 0 0;color:var(--muted)}
/* the Place picker, moved in from the header: a plain full-width select here */
#nm-loc .locsel{position:static!important;display:block!important;padding:0!important;width:100%!important;max-width:none!important;flex:none!important}
#nm-loc .locsel::before{display:none!important}
#nm-loc .locsel .lab{display:none!important}
#nm-loc .locsel select{position:static!important;opacity:1!important;width:100%!important;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-size:.95rem;z-index:auto}
.nm-seg{display:flex;background:var(--chip);border-radius:12px;padding:3px;gap:2px}
.nm-seg button{flex:1;min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:700 .95rem/1 var(--f-display),sans-serif;cursor:pointer}
.nm-seg button[aria-pressed="true"]{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.nm-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.nm-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.nm-card b{font-family:var(--f-display);font-size:1rem;color:var(--ink)}
.nm-card .small{color:var(--muted)}
.nm-btn{flex:none;border:0;border-radius:10px;background:var(--accent);color:#fff;font:700 .85rem/1 var(--f-display),sans-serif;padding:10px 12px;cursor:pointer;white-space:nowrap}
.nm-list{display:flex;flex-direction:column;border-bottom:0}
.nm-list>a,.nm-list>button{display:flex;align-items:center;gap:12px;min-height:46px;padding:4px 2px;border:0;background:none;color:var(--ink);font:inherit;font-size:.95rem;text-decoration:none;text-align:left;cursor:pointer;border-radius:10px}
.nm-list>a svg,.nm-list>button svg{color:var(--accent);flex:none}
.nm-list>*:active{background:var(--chip)}
.nm-ver{padding:6px 0 0}
body.nm-on{overflow:hidden}
@media (prefers-reduced-motion:reduce){.nm-p,.nm-ov{transition:none}}
.nm-homes{display:inline-block;margin-top:6px;color:var(--ink)}
.nm-link{border:0;background:none;color:var(--accent);font:700 .88rem/1.3 var(--f-display),sans-serif;padding:8px 0 0;cursor:pointer}
.nm-flash{animation:nmfl 1.6s ease-out}
@keyframes nmfl{0%,40%{background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:10px}100%{background:transparent}}
/* Places → By rasi / India & world */
.prasi .pr-tags{display:flex;flex-wrap:wrap;gap:4px 10px;padding-left:32px}
.pr-who{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.82rem}
.pr-h{color:var(--muted);font-size:.8rem}
.prasi .chip{font-size:.72rem;padding:1px 8px}
.pw-who{font-family:var(--f-display);font-size:1rem;margin:14px 0 4px}
#sec-placeswide details.india{margin-top:8px}
/* Day tabs: longer names ("Dos & Don'ts", "Work & money", "செய்ய · தவிர்க்க") size to their text and may wrap on small phones */
.dtabs .ctab{flex:1 1 auto;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;text-align:center}
@media (max-width:480px){.dtabs .ctab{font-size:.78rem;padding:6px 6px}}

/* more line icons (26 Oct) — same stroke style as the v6 set */
.ic-globe{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279.5%27/%3E%3Cpath%20d%3D%27M2.5%2012h19%27/%3E%3Cpath%20d%3D%27M12%202.5a14.5%2014.5%200%200%201%204%209.5%2014.5%2014.5%200%200%201-4%209.5%2014.5%2014.5%200%200%201-4-9.5%2014.5%2014.5%200%200%201%204-9.5Z%27/%3E%3C/svg%3E")}
.ic-map{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206.5%209%203.5l6%203%206-3v14l-6%203-6-3-6%203Z%27/%3E%3Cpath%20d%3D%27M9%203.5v14%27/%3E%3Cpath%20d%3D%27M15%206.5v14%27/%3E%3C/svg%3E")}
.ic-menu{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%206.5h16%27/%3E%3Cpath%20d%3D%27M4%2012h16%27/%3E%3Cpath%20d%3D%27M4%2017.5h16%27/%3E%3C/svg%3E")}
.ic-close{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M18%206%206%2018%27/%3E%3Cpath%20d%3D%27m6%206%2012%2012%27/%3E%3C/svg%3E")}
.ic-lang{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m5%208%206%206%27/%3E%3Cpath%20d%3D%27m4%2014%206-6%202-3%27/%3E%3Cpath%20d%3D%27M2%205h12%27/%3E%3Cpath%20d%3D%27M7%202h1%27/%3E%3Cpath%20d%3D%27m22%2022-5-10-5%2010%27/%3E%3Cpath%20d%3D%27M14%2018h6%27/%3E%3C/svg%3E")}
.ic-star{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%202.8%202.85%205.78%206.37.93-4.61%204.49%201.09%206.35L12%2017.35l-5.7%203%201.09-6.35-4.61-4.49%206.37-.93Z%27/%3E%3C/svg%3E")}
.ic-share{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2012v7a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-7%27/%3E%3Cpath%20d%3D%27m16%206-4-4-4%204%27/%3E%3Cpath%20d%3D%27M12%202v13%27/%3E%3C/svg%3E")}
.ic-doc{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202.5H6.5a2%202%200%200%200-2%202v15a2%202%200%200%200%202%202h11a2%202%200%200%200%202-2V8Z%27/%3E%3Cpath%20d%3D%27M14%202.5V8h5.5%27/%3E%3C/svg%3E")}
.ic-edit{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M17%203a2.83%202.83%200%201%201%204%204L7.5%2020.5%202%2022l1.5-5.5Z%27/%3E%3C/svg%3E")}
.ic-chev{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m6%209%206%206%206-6%27/%3E%3C/svg%3E")}
/* menu + header icons: the shared line-icon set */
.ab-menu i[class^="ic-"]{width:22px;height:22px;margin:0}
.nm-x i[class^="ic-"]{width:20px;height:20px;margin:0}
.nm-k i[class^="ic-"]{width:18px;height:18px;margin:0;color:var(--accent)}
.nm-list i[class^="ic-"]{width:20px;height:20px;margin:0;color:var(--accent)}
/* place chip in the phone header */
.ab-place{display:none}
@media (max-width:899px){
 .appbar{gap:8px}
 .ab-logo{flex:none}
 .ab-place{display:inline-flex;align-items:center;gap:4px;min-width:0;flex:0 1 auto;margin-left:auto;height:40px;padding:0 10px 0 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:600 .86rem/1 var(--f-body,inherit);cursor:pointer}
 .ab-place span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ab-place .ic-pin{width:16px;height:16px;margin:0;color:var(--accent)}
 .ab-place .ic-chev{width:14px;height:14px;margin:0;color:var(--muted)}
 .ab-menu{margin-left:0}
 /* the panchangam line: place is in the header now; arrow in the same round style as the sections */
 .stripsum .ss-p{display:none}
}
.stripsum::after{content:""!important;flex:none;width:28px;height:28px;border-radius:50%;background:var(--chip) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23887' stroke-width='1.6'/%3E%3C/svg%3E");transform:rotate(-90deg);transition:transform .15s}
.stripsum[aria-expanded="true"]::after{content:""!important;transform:none}
.stripsum>span{flex:1;min-width:0}
/* desktop sidebar: four views in a 2 × 2 grid so Tamil names aren't squeezed */
@media (min-width:900px){
 .side .views{display:grid!important;grid-template-columns:1fr 1fr;gap:3px;width:100%!important}
 .side .views .vbtn{min-width:0;white-space:nowrap}
}
/* Running now: dasa and bhukti, each with dates and progress */
.ck-run .ck-rr+.ck-rr{margin-top:10px}
.ck-run .ck-rr .ck-runtop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.ck-run .ck-rr .ck-runto{font-size:.82rem;color:var(--muted);white-space:nowrap}
/* Full dasa timeline with bhuktis */
.dtl>li{padding:0!important}
.dtl-d>summary{cursor:pointer;padding:8px 12px;list-style:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dtl-d>summary::-webkit-details-marker{display:none}
.dtl-d>summary::before{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s;margin-right:2px;flex:none}
.dtl-d[open]>summary::before{transform:rotate(45deg)}
.dtl-b{list-style:none;margin:0 0 8px 30px;padding:0;display:flex;flex-direction:column;gap:2px;font-size:.88rem}
.dtl-b li{padding:3px 8px;border-radius:8px}
.dtl-b li span{color:var(--muted);margin-left:4px}
.dtl-b li.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.ck-run .ck-ra .ck-runv{font-size:.92rem}
.ck-run .ck-ra .ck-bar{height:4px}
.dtl-a{list-style:none;margin:4px 0 4px 18px;padding:0 0 0 10px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:1px;font-size:.84rem}
.dtl-a li{padding:2px 6px;border-radius:6px}
.pl-note{margin:0 0 6px;color:var(--muted)}
/* tap a period for its reading */
[data-per]{cursor:pointer}
.ck-rr[data-per]{border-radius:10px;padding:4px 6px;margin:0 -6px}
.ck-rr[data-per]:hover,.dtl [data-per]:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.ck-tap{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}
.pi-i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--chip);color:var(--accent);font:700 .72rem/1 var(--f-display),serif;margin-left:6px}
.pi-row{display:inline}
.pi-p .ss-h{align-items:flex-start}
.pi-p .ss-h .lab{margin:0 0 2px}
.pi-b{overflow-y:auto;padding:0 16px 12px;display:flex;flex-direction:column;gap:8px}
.pi-b p{margin:0}
.pi-b .lab{margin-top:6px}
.pi-note{color:var(--muted);border-top:1px solid var(--line);padding-top:8px}
@media (min-width:900px){#nn-per{align-items:center}#nn-per .sheet-p{border-radius:18px;max-height:86vh}}
/* Angel numbers */
.an-big{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid var(--line);width:max-content;max-width:100%}
.an-n{font-family:var(--f-display);font-weight:800;font-size:2rem;letter-spacing:.12em;color:var(--accent);line-height:1.1}
.an-common b{letter-spacing:.06em}
.an-link{font-weight:800;letter-spacing:.08em;color:var(--accent);text-decoration:none}
details.fold[data-fold="angel"]>summary h2::before{content:"auto_awesome"}

/* ---------- Design handover v7 (27 Oct) ---------- */
/* v7 review fixes */
.vsub .vb,.ctab,.dtabs .ctab{overflow-wrap:normal;word-break:normal;hyphens:none}
.vsub{gap:2px}
.vsub{flex-wrap:wrap!important}
.vsub .vb{flex:1 0 auto!important;min-width:max-content!important}
.lang-ta .vsub .vb{font-size:.76rem;padding:8px 8px!important}
@media (max-width:400px){.lang-ta .dtabs .ctab{font-size:.72rem;padding:6px 3px}}
#sec-glance .gt .lab{letter-spacing:.03em}
@media (max-width:400px){.lang-ta #sec-glance .gt .lab{font-size:.66rem;letter-spacing:0}}
.famed{white-space:nowrap}
.ctabs:not(.dtabs) .ctab{flex:1 0 auto;overflow:visible;text-overflow:clip;padding:6px 6px}
details.fold>summary .chip{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.src{font-size:.6rem!important;background:none!important;border:0!important;padding:0 0 0 2px!important;margin:0!important;vertical-align:super!important;line-height:0;opacity:.7;letter-spacing:.02em}

/* v7: view switcher with icons */
.vbtn::before{content:"";display:block;flex:none;width:20px;height:20px;margin:0 auto 3px;background:currentColor;-webkit-mask:var(--vic) center/contain no-repeat;mask:var(--vic) center/contain no-repeat;opacity:.8}
.vbtn[aria-pressed="true"]::before{opacity:1}
.vbtn[data-v="today"]{--vic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M12%202.5v2M12%2019.5v2M5.3%205.3l1.4%201.4M17.3%2017.3l1.4%201.4M2.5%2012h2M19.5%2012h2M5.3%2018.7l1.4-1.4M17.3%206.7l1.4-1.4%27%2F%3E%3C%2Fsvg%3E")}
.vbtn[data-v="chart"]{--vic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%207.5h18M3%2016.5h18M7.5%203v18M16.5%203v18M3%2012h4.5M16.5%2012H21M12%203v4.5M12%2016.5V21%27%2F%3E%3C%2Fsvg%3E")}
.vbtn[data-v="temples"]{--vic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202.5v2M9.5%205h5l1%204h-7zM7.5%209h9l1.2%205H6.3zM4.5%2014h15v7h-15zM10%2021v-3.5a2%202%200%200%201%204%200V21%27%2F%3E%3C%2Fsvg%3E")}
.vbtn[data-v="places"]{--vic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E")}
.vbtn{color:var(--muted)}
.vbtn[aria-pressed="true"]{color:var(--c-kumkum)}
@media (min-width:900px){
 .side .views{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:4px;border-radius:14px}
 .side .views .vbtn{padding:9px 2px 7px!important;font-size:.8rem;border-radius:10px;white-space:nowrap}
 .side .views .vbtn:not([aria-pressed="true"]):hover{background:color-mix(in srgb,var(--panel) 60%,transparent);color:var(--ink)}
}
@media (max-width:899px){.vbtn::before{width:18px;height:18px;margin-bottom:2px}.vbtn{padding:6px 2px!important;font-size:.78rem}}

/* ---------- Today's plan flattened (27 Oct): inner sections become divider-separated blocks, not cards inside a card ---------- */
.dl-plan .panel,.dl-plan details.fold.panel{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:14px 0 6px;margin:0}
.dl-plan .grid,.dl-plan .grid>.col{gap:0}
.dl-plan .grid{margin-top:10px;column-gap:28px}
.dl-plan details.fold.panel>summary{padding-inline:0}
.dl-plan details.fold.panel>summary h2{font-size:1rem}

/* ---------- Timings timeline (27 Oct) ---------- */
.timing.tlsec{display:block}
.tl{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:0}
.tl li{display:grid;grid-template-columns:7.6em minmax(0,1fr);gap:4px 12px;padding:9px 0 9px 12px;border-left:3px solid var(--line);border-top:1px dashed var(--line)}
.tl li:first-child{border-top:0}
.tl .tl-t{font-family:var(--f-display);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}
.tl .tl-m{min-width:0}
.tl .chip{margin-left:6px}
.tl li.tl-good{border-left-color:var(--good)}
.tl li.tl-avoid{border-left-color:var(--avoid)}
.tl li.tl-avoid .tl-t{color:var(--avoid)}
.tl li.tl-mixed{border-left-color:var(--mixed)}
@media (max-width:420px){.tl li{grid-template-columns:1fr;gap:0}}
.tl li.tl-skip{border-left-color:var(--line);opacity:.75}.tl li.tl-skip .tl-t{text-decoration:line-through;text-decoration-thickness:1px}
.gt .dl-also{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:.86rem}
.gt .dl-also .dl-k{font-size:.72rem;color:var(--muted);font-weight:600}
.gt .dl-also b{font-family:var(--f-display);font-weight:700}


/* Temples / Places heading: one line (27 Oct, design item 5) */
.verdict.vhead{padding:10px 16px;border-radius:14px;background:none;padding-inline:2px}
.verdict.vhead .big{font-size:1.2rem;color:var(--ink)}
.verdict.vhead>span:not(.big){display:none}
@media (max-width:370px){.lang-ta .vsub .vb{padding:8px 5px!important;font-size:.72rem}}

/* Dark mode: light wordmark so "Naal Nalam" reads on the dark header (27 Oct, design item 8) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ab-logo img{content:url(../images/naalnalam-logo-h144-dark.png)}}
:root[data-theme="dark"] .ab-logo img{content:url(../images/naalnalam-logo-h144-dark.png)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vs-n{color:var(--bg)}}
:root[data-theme="dark"] .vs-n{color:var(--bg)}
.stripsum .ss-t{white-space:nowrap;color:var(--muted)}
.c8-own{margin-top:6px}

/* Chart summary rows open "how to activate" (27 Oct) */
.ck-row[data-cktip]{cursor:pointer;border-radius:8px;transition:background .15s}
.ck-row[data-cktip]:hover,.ck-row[data-cktip]:focus-visible{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.ck-row[data-cktip]>dd::after{content:"›";display:inline-block;margin-left:8px;color:var(--muted);font-weight:600}
.ck-tip>p{margin:0 0 10px}.ck-tip .lab{margin-top:12px}.ck-tip .items{margin-top:6px}.ck-hr{border:0;border-top:1px dashed var(--line);margin:14px 0}
.ck-tip .vbtns{margin-top:12px}

/* Transit watch segments (27 Oct) */
.tw-u{margin-left:6px;vertical-align:1px}
.tw-segs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.tw-segs li{display:grid;grid-template-columns:minmax(7.5em,auto) minmax(0,1fr);gap:2px 10px;font-size:.84rem;padding:6px 0 0;border-top:1px dashed var(--line);border-left:0!important;padding-left:0!important}
.tw-segs .tw-d{font-family:var(--f-display);font-weight:700;color:var(--ink);white-space:nowrap}
.tw-n{display:block;color:var(--muted)}.tw-n.good{color:var(--good)}.tw-n.avoid{color:var(--avoid)}.tw-n.mixed{color:var(--mixed)}
@media (max-width:420px){.tw-segs li{grid-template-columns:1fr}}

/* House reading in a sheet (27 Oct) */
.bh-sheet .bhbox{margin:0;border:0;border-radius:0;background:none;padding:0;display:flex;flex-direction:column;min-height:0}
.bh-sheet .bhhead{padding:10px 16px 8px;margin:0}
.bh-sheet .bhbox>.items,.bh-sheet .bhnote{padding:0 16px}
.bh-sheet .bhbox{overflow-y:auto}
.bh-sheet .bhnote{margin:10px 0 6px}
@media (min-width:900px){#nn-ck,#nn-bh{align-items:center}#nn-ck .sheet-p,#nn-bh .sheet-p{border-radius:18px;max-height:86vh}}
.bh-sheet .pt{display:none}.lang-ta .bh-sheet .pt{display:inline}.lang-ta .bh-sheet .pe{display:none}

/* Star / rasi blocks fold (27 Oct): flat rows with the same chevron as other folds */
.panel details.vstar,.biz details.vstar{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:0}
.vstars details.vstar:first-of-type{border-top:0}
.panel details.vstar>summary,.biz details.vstar>summary{padding:10px 2px;flex-wrap:wrap;gap:4px 8px;border-radius:8px}
.panel details.vstar>summary:hover,.biz details.vstar>summary:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.panel details.vstar>:not(summary),.biz details.vstar>:not(summary){margin-left:22px;margin-right:0}
.panel details.vstar>ul.items,.biz details.vstar>ul.items{margin:0 0 10px 22px}
.vs-c{font-size:.74rem;color:var(--muted);font-weight:600}
details.vstar .vs-r{flex-basis:100%;padding-left:22px}

/* Visits header (27 Oct) */
.vh-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vh-hd h2{flex:1 1 auto;min-width:0}
.vh-addb{flex:none;white-space:nowrap}
.vh-who{margin-top:-4px}

/* Consistency pass (27 Oct) */
.chip::first-letter,.btag::first-letter{text-transform:uppercase}
.btag{display:inline-block}
.ck-row dd::first-letter{text-transform:uppercase}
.ck-snh{display:inline}
.bh-sheet .bhx{border:0;background:var(--bg,#f4efe4);width:36px;height:36px;font-size:15px}
.cu-rl{font-weight:700;color:var(--c-turmeric,var(--mixed))}

/* Sidebar date nav (laptop): the "back to today" button uses the short label so it never runs over the › arrow (27 Oct) */
@media (min-width:601px){.side .todaybtn .tbl{display:none}.side .todaybtn .tbs{display:inline}}
.todaybtn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 27 Oct: laptop date title — the 300px side card cut the year on long dates ("Wednesday, 26 May 2027", "செவ்வாய், 20 ஜூலை 2027").
   Sized so the widest date of the year fits with room to spare. */
@media (min-width:900px){.dayhead .dh-w{font-size:1.15rem}.lang-ta .dayhead .dh-w{font-size:1.25rem}}

details.fold[data-fold="karma"]>summary h2::before{content:"healing"}
.bs-none{display:block}.bs-next{display:block;margin-top:6px;font-weight:400;line-height:1.4}
/* 27 Oct: Place to visit — pills that open the places */
button.np-pill{border:0;font:inherit;font-size:.74rem;font-weight:600;cursor:pointer;margin-left:6px;vertical-align:1px;white-space:nowrap}
button.np-pill:hover{filter:brightness(.96)}
/* 27 Oct consistency: timeline time column wide enough for "10:54 AM–12:05 PM"; Money practice icon */
@media (min-width:421px){.tl li{grid-template-columns:9.8em minmax(0,1fr)}}
details.fold[data-fold="m27"]>summary h2::before{content:"savings"}
/* 27 Oct consistency pass: counts read "· N" everywhere; notes inside the India / world folds line up with their rows */
.vs-c::before{content:"· "}
h2 .gcount{font-weight:500;color:var(--muted);font-size:.82rem;letter-spacing:0}
details.india>p.small{padding:2px 14px 12px;margin:0!important}
/* 29 Oct: About sheet */
.ic-info{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279.5%27/%3E%3Cpath%20d%3D%27M12%2011v6%27/%3E%3Cpath%20d%3D%27M12%207.5h.01%27/%3E%3C/svg%3E")}
.ab-b .ab-pts{margin:0 0 4px;padding-left:20px}.ab-b .ab-pts li{margin:0 0 8px;line-height:1.55}
.ab-b .ab-h{margin:16px 0 4px;font-size:1rem;color:var(--accent)}
.ab-b .ab-gurus{list-style:none;margin:8px 0 4px;padding:0;border-top:1px solid var(--line)}
.ab-b .ab-gurus li{padding:9px 2px;border-bottom:1px solid var(--line);font-weight:600}

/* Day rating v2 (29 Oct): strong days and the "why" line */
.verdict.strong{box-shadow:inset 0 0 0 2px var(--good)}
.wd.strong{box-shadow:inset 0 0 0 2px var(--good)}
.tab .av.strong{box-shadow:0 0 0 2px var(--good)}
.verdict .nr-why{color:var(--muted)}

/* good tara as a pill (29 Oct) */
.verdict .chip.tpill,.verdict .small>.chip.tpill:first-child{display:inline-block;margin:0 3px;padding:1px 9px;border-radius:99px;font-size:.92em;font-weight:700;vertical-align:baseline;background:var(--panel);color:var(--good);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--good) 45%,transparent)}
.verdict .small>.chip.tpill:first-child::after{content:none}
/* quick search on Temples and Places (29 Oct) */
.fs-box{display:flex;align-items:center;gap:8px;margin:12px 0 4px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.fs-box:focus-within{border-color:var(--accent)}
.fs-box input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;padding:11px 0;outline:none}
.fs-box .small{white-space:nowrap;color:var(--muted)}
.ic-search{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27/%3E%3Cpath%20d%3D%27M20%2020l-4-4%27/%3E%3C/svg%3E")}
.fs-box .ic-search{color:var(--muted);flex:none}

/* ---- Claude Design v8 + v9 (29 Oct): Today's plan — one column, tabs, status dots ---- */
/* Today's plan v8 (29 Oct): labelled blocks, status dots, no duplicate tags */
.dl-plan details.fold.panel>summary{cursor:default;padding-bottom:4px}
.dl-plan details.fold.panel>summary::after{display:none!important}
.dl-plan details.fold.panel>p{margin:6px 0 8px;color:var(--muted);font-size:.9rem}
.dl-plan ul.items{margin:2px 0 6px}
.dl-plan ul.items>li>b{font-family:var(--f-display);font-weight:700;font-size:1rem;line-height:1.35;color:var(--ink)}
.dl-plan ul.items>li .why{display:block;margin-top:3px;font-size:.86rem;color:var(--muted);line-height:1.45}
.dl-plan ul.items>li .wxbtn,.dl-plan ul.items>li .maplink{margin-top:2px}
.dl-plan .grid{column-gap:36px}
.dl-plan .vb{height:auto!important;min-height:40px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
@media (min-width:900px){.dl-plan .grid{column-rule:1px solid var(--line)}}

.dl-tripw{margin:4px 0 8px}
.dl-moreplaces{display:flex;width:max-content;max-width:100%;white-space:nowrap;margin:8px 0 6px;padding:5px 12px;border-radius:999px;font-family:var(--f-display);font-size:.84rem;font-weight:700;text-decoration:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.dl-moreplaces:hover,.dl-moreplaces:focus-visible{background:var(--accent);color:#fff}

/* Today's plan v9 (29 Oct): one column, header row per section */
.dl-plan #sec-plan{columns:auto!important;column-rule:none!important;display:flex!important;flex-direction:column;gap:0}
.dl-plan #sec-plan>details.fold{margin:0!important;padding:16px 0!important;border:0!important;border-top:1px solid var(--line)!important;break-inside:auto}
.dl-plan #sec-plan>details.fold:first-child{border-top:0!important;padding-top:6px!important}
.dl-plan #sec-plan>details.fold>summary{padding:0 0 8px!important}
.dl-plan #sec-plan>details.fold>summary h2{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;font-size:1.05rem}
.dl-plan #sec-plan>details.fold>summary h2::before{width:30px!important;height:30px!important;font-size:18px!important;margin:0!important}
.dl-plan #sec-plan>details.fold>summary h2 .btag{flex-basis:auto;margin:0 0 0 40px;font-size:.74rem;order:3}
.dl-plan #sec-plan>details.fold>summary h2 .btag::before{content:"";}
.dl-plan #sec-plan>details.fold>summary h2:has(.btag)::after{content:"";flex-basis:100%;order:2;height:0}
.dl-plan .dl-intro,.dl-plan details.fold.panel>p:not(.dl-note){margin:0 0 8px 40px!important;font-size:.86rem;color:var(--muted);line-height:1.45}
.dl-plan ul.items{margin:0 0 0 40px!important;display:flex;flex-direction:column;gap:10px}
.dl-plan ul.items>li{padding:0 0 0 12px!important}
.dl-plan .dl-tripw{margin:0 0 10px 40px}
.dl-plan .tripbtn{min-height:34px!important;padding:4px 12px!important;font-size:.84rem;border-radius:999px}
.dl-plan .dl-note{margin:12px 0 0 40px!important;padding:10px 12px;border-radius:10px;background:var(--mixed-soft);color:var(--ink);font-size:.84rem}
.dl-plan .dl-note+.rmore{margin-left:40px}
.dl-plan .dl-moreplaces{margin:12px 0 0 40px}
.dl-plan .vbtns:empty{display:none}
@media (max-width:520px){
 .dl-plan .dl-intro,.dl-plan details.fold.panel>p:not(.dl-note),.dl-plan ul.items,.dl-plan .dl-tripw,.dl-plan .dl-note,.dl-plan .dl-note+.rmore,.dl-plan .dl-moreplaces{margin-left:0!important}
}

/* Today's plan tabs (29 Oct): one section at a time */
.dl-plan details[open]>summary .dl-sub,details.dl-plan[open]>summary .dl-sub{display:none}
.dl-jump{display:flex;gap:8px;margin:4px 0 14px}
.dl-jump>.dl-jc{flex:1 0 auto;min-width:0}
.dl-jls{display:none}
.dl-jc{position:relative}
.dl-jc.has-avoid::after,.dl-jc.has-care::after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--avoid);box-shadow:0 0 0 2px var(--bg)}
.dl-jc.has-care::after{background:var(--mixed)}
@media (max-width:360px){.lang-ta .dl-jc:has(.dl-jls) .dl-jl:not(.dl-jls){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lang-ta .dl-jls{display:inline}.dl-jc{position:relative}}
.dl-jc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:8px 4px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--muted);text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:.82rem;line-height:1.2;text-align:center;transition:border-color .15s,background .15s,color .15s,transform .12s}
.dl-jc:hover{border-color:color-mix(in srgb,var(--cat) 50%,var(--line));color:var(--ink)}
.dl-jc:focus-visible{outline:2px solid var(--cat);outline-offset:2px}
.dl-jc:active{transform:scale(.97)}
.dl-jc[aria-selected="true"]{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 10%,var(--panel));color:var(--ink);box-shadow:inset 0 -3px 0 var(--cat)}
.dl-jic{font-family:"Material Symbols Rounded";font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 500,"opsz" 24;color:var(--cat)}
.dl-jc[aria-selected="true"] .dl-jic{font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24}
.lang-ta .dl-jc{font-size:.74rem}
@media (max-width:420px){.dl-jump{gap:5px}.dl-jc{min-height:56px;padding:6px 4px;border-radius:12px}.lang-ta .dl-jc{font-size:.64rem}}
.dl-plan[data-ptab] #sec-plan>details.fold[data-fold^="tv"],.dl-plan[data-ptab] details.fold[data-fold^="tv"]{border-top:0!important;padding-top:2px!important}
.dl-plan[data-ptab] details.fold[data-fold^="tv"]>summary h2::before{display:none!important}
.dl-plan[data-ptab] .dl-intro,.dl-plan[data-ptab] details.fold.panel>p:not(.dl-note),.dl-plan[data-ptab] ul.items,.dl-plan[data-ptab] .dl-tripw,.dl-plan[data-ptab] .dl-note,.dl-plan[data-ptab] .dl-moreplaces{margin-left:0!important}
.dl-plan[data-ptab] #sec-plan>details.fold>summary h2 .btag{margin-left:0!important}
@media (prefers-reduced-motion:no-preference){.dl-plan[data-ptab] details.fold[data-fold^="tv"]{animation:nnIn .18s ease-out}}
.dl-plan[data-ptab="tvplace"] details.fold[data-fold^="tv"]:not([data-fold="tvplace"]),
.dl-plan[data-ptab="tvtemple"] details.fold[data-fold^="tv"]:not([data-fold="tvtemple"]),
.dl-plan[data-ptab="tveat"] details.fold[data-fold^="tv"]:not([data-fold="tveat"]),
.dl-plan[data-ptab="tvdonate"] details.fold[data-fold^="tv"]:not([data-fold="tvdonate"]),
.dl-plan[data-ptab="tvstar"] details.fold[data-fold^="tv"]:not([data-fold="tvstar"]){display:none!important}
.dl-plan{--cat-tvplace:var(--accent);--cat-tvtemple:var(--c-turmeric);--cat-tveat:var(--good);--cat-tvdonate:var(--c-turmeric);--cat-tvstar:var(--c-indigo)}
.dl-plan .dl-note.rm-clamp{display:block!important;-webkit-line-clamp:unset;overflow:visible}
.dl-plan .dl-note+.rmore{display:none}
.verdict .chip.tpill.tp-avoid,.verdict .small>.chip.tpill.tp-avoid:first-child{color:var(--avoid);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--avoid) 45%,transparent)}
.verdict .chip.tpill.tp-mixed,.verdict .small>.chip.tpill.tp-mixed:first-child{color:var(--mixed);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mixed) 50%,transparent)}
.fcard .fc-day{margin-top:4px;font-weight:600}.fcard .fc-day.good{color:var(--good)}.fcard .fc-day.mixed{color:var(--mixed)}.fcard .fc-day.avoid{color:var(--avoid)}

/* ---- Claude Design v10 (29 Oct): card tabs on Temples and Places, sub-tabs, filter icons, Visits restyle ---- */
/* v10 preview (29 Oct): card tabs on Temples and Places (My chart keeps the compact sticky bar; add class "nn-cards" to .ctabs to opt in) — same look as Today's plan */
.ctabs.nn-cards,.vsub:not(.vtf){position:static!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;padding:0!important;margin:4px 0 14px!important;background:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.ctabs.nn-cards>.ctab,.vsub:not(.vtf)>.vb{flex:1 1 0!important;min-width:min-content!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;height:auto!important;padding:8px 6px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--bg)!important;color:var(--muted)!important;box-shadow:none!important;font-family:var(--f-display);font-weight:700;font-size:.82rem!important;line-height:1.2!important;text-align:center;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:keep-all;text-wrap:balance;transition:border-color .15s,background .15s,color .15s,transform .12s}
.ctabs.nn-cards>.ctab::before,.vsub:not(.vtf)>.vb::before{content:"";display:block;flex:none;width:22px;height:22px;background:var(--cat,var(--accent));-webkit-mask:var(--tic) center/contain no-repeat;mask:var(--tic) center/contain no-repeat}
.ctabs.nn-cards>.ctab:hover,.vsub:not(.vtf)>.vb:hover{border-color:color-mix(in srgb,var(--cat,var(--accent)) 50%,var(--line))!important;color:var(--ink)!important}
.ctabs.nn-cards>.ctab:active,.vsub:not(.vtf)>.vb:active{transform:scale(.97)}
.ctabs.nn-cards>.ctab[aria-selected="true"],.vsub:not(.vtf)>.vb.primary{border-color:var(--cat,var(--accent))!important;background:color-mix(in srgb,var(--cat,var(--accent)) 10%,var(--panel))!important;color:var(--ink)!important;box-shadow:inset 0 -3px 0 var(--cat,var(--accent))!important}
.vsub:not(.vtf)>.vb .vcnt{display:none}
.lang-ta .ctabs.nn-cards>.ctab,.lang-ta .vsub:not(.vtf)>.vb{font-size:.74rem!important}
@media (max-width:420px){.ctabs.nn-cards,.vsub:not(.vtf){gap:5px!important}.ctabs.nn-cards>.ctab,.vsub:not(.vtf)>.vb{min-height:56px;padding:6px 4px!important;border-radius:12px!important}.lang-ta .ctabs.nn-cards>.ctab,.lang-ta .vsub:not(.vtf)>.vb{font-size:.64rem!important}}
/* secondary filter (All · Not yet · Visited) stays small pills */
.vtf{gap:6px!important}
.ctabs.nn-cards>.ctab[data-ctab="overview"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%207.5h18M3%2016.5h18M7.5%203v18M16.5%203v18M3%2012h4.5M16.5%2012H21M12%203v4.5M12%2016.5V21%27%2F%3E%3C%2Fsvg%3E");--cat:var(--accent)}
.ctabs.nn-cards>.ctab[data-ctab="periods"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%203h12M6%2021h12M7%203c0%205%2010%205%2010%209s-10%204-10%209M17%203c0%205-10%205-10%209%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-indigo)}
.ctabs.nn-cards>.ctab[data-ctab="stars"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%203%202.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1-4.4-4.3%206.1-.9Z%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-turmeric)}
.ctabs.nn-cards>.ctab[data-ctab="remedies"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203c1.8%202.3%202.7%203.9%202.7%205.4a2.7%202.7%200%200%201-5.4%200C9.3%206.9%2010.2%205.3%2012%203Z%27%2F%3E%3Cpath%20d%3D%27M3.5%2013.5h17c0%203.6-3.8%206.5-8.5%206.5s-8.5-2.9-8.5-6.5Z%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-kumkum)}
.vsub:not(.vtf)>.vb[data-vsub="temples"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202.5v2M9.5%205h5l1%204h-7zM7.5%209h9l1.2%205H6.3zM4.5%2014h15v7h-15zM10%2021v-3.5a2%202%200%200%201%204%200V21%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-turmeric)}
.vsub:not(.vtf)>.vb[data-vsub="bystar"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%203%202.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1-4.4-4.3%206.1-.9Z%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-indigo)}
.vsub:not(.vtf)>.vb[data-vsub="history"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27m8%2012.3%202.7%202.7L16%209.5%27%2F%3E%3C%2Fsvg%3E");--cat:var(--good)}
.vsub:not(.vtf)>.vb[data-psub="mine"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E");--cat:var(--accent)}
.vsub:not(.vtf)>.vb[data-psub="byrasi"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M12%203v5.5M12%2015.5V21M3%2012h5.5M15.5%2012H21M5.6%205.6l3.9%203.9M14.5%2014.5l3.9%203.9M18.4%205.6l-3.9%203.9M9.5%2014.5l-3.9%203.9%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-indigo)}
.vsub:not(.vtf)>.vb[data-psub="wide"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M3%2012h18M12%203c2.6%202.8%203.8%205.8%203.8%209S14.6%2018.2%2012%2021c-2.6-2.8-3.8-5.8-3.8-9S9.4%205.8%2012%203Z%27%2F%3E%3C%2Fsvg%3E");--cat:var(--c-turmeric)}
.vsub:not(.vtf)>.vb[data-psub="visited"]{--tic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27m8%2012.3%202.7%202.7L16%209.5%27%2F%3E%3C%2Fsvg%3E");--cat:var(--good)}

/* v10 sub-tabs: compact cards, same language as the main card tabs */
.st-nav{display:none}
.st-host:not(.st-off)>.st-nav{display:flex;gap:8px;margin:12px 0 10px;flex-wrap:nowrap}
.st-tab{flex:1 1 0;min-width:min-content;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--muted);font:700 .84rem/1.2 var(--f-display),sans-serif;cursor:pointer;text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:normal;height:auto;line-height:1.25;transition:border-color .15s,background .15s,color .15s,transform .12s}
.st-l{white-space:nowrap}
.st-tab:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--ink)}
.st-tab:active{transform:scale(.97)}
.st-tab[aria-selected="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}
.st-tab i[class^="ic-"]{margin:0;width:18px;height:18px;color:var(--accent)}
.st-n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:.72rem;background:var(--chip);color:var(--ink)}
.st-tab[aria-selected="true"] .st-n{background:color-mix(in srgb,var(--accent) 16%,var(--panel))}
.lang-ta .st-tab{font-size:.76rem}
@media (max-width:420px){.st-l{white-space:normal}.st-host:not(.st-off)>.st-nav{gap:6px}.st-tab{flex-direction:column;padding:6px 6px;gap:3px}.st-n{height:18px;font-size:.68rem}.lang-ta .st-tab{font-size:.7rem}}
.st-host:not(.st-off)>.st-item:not(.st-on){display:none!important}
.st-host:not(.st-off)>.st-item.st-on{border:0!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important}
.st-host:not(.st-off)>.st-item.st-on>summary{display:none!important}
@media (prefers-reduced-motion:no-preference){.st-host:not(.st-off)>.st-item.st-on{animation:nnIn .18s ease-out}}

/* filter pills with icons (29 Oct) */
.vtf .vb[data-vtf]{display:inline-flex!important;align-items:center;gap:6px}
.vtf .vb[data-vtf]::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--fic) center/contain no-repeat;mask:var(--fic) center/contain no-repeat}
.vtf .vb[data-vtf="all"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%206h12M8%2012h12M8%2018h12%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%276%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2712%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2718%27%20r%3D%27.6%27%2F%3E%3C%2Fsvg%3E")}
.vtf .vb[data-vtf="todo"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.5%27%20stroke-dasharray%3D%273%202.6%27%2F%3E%3C%2Fsvg%3E")}
.vtf .vb[data-vtf="seen"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27m8%2012.3%202.7%202.7L16%209.5%27%2F%3E%3C%2Fsvg%3E")}

/* Visits page, card language (29 Oct) — every existing feature kept */
:is(#sec-history,#sec-placeshistory) .vh-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
:is(#sec-history,#sec-placeshistory) .vh-addb{min-height:40px;padding:6px 16px!important;border-radius:999px}
:is(#sec-history,#sec-placeshistory) .vhtiles{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0;margin:10px 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--bg);overflow:hidden}
:is(#sec-history,#sec-placeshistory) .vhtile{background:none;border-radius:0;padding:12px 8px}
:is(#sec-history,#sec-placeshistory) .vhtile+.vhtile{border-left:1px solid var(--line)}
:is(#sec-history,#sec-placeshistory) .vhn{font-family:var(--f-display);color:var(--ink);font-size:1.45rem}
:is(#sec-history,#sec-placeshistory) .vhl{margin-top:2px;font-size:.78rem}
:is(#sec-history,#sec-placeshistory) .vtf{display:flex;flex-wrap:wrap;align-items:center;gap:6px!important;margin:8px 0 2px}
:is(#sec-history,#sec-placeshistory) .vtf .vb[data-vhk],:is(#sec-history,#sec-placeshistory) .vtf .vb[data-vhs]{display:inline-flex!important;align-items:center;gap:6px}
:is(#sec-history,#sec-placeshistory) .vtf .vb[data-vhk]::before,:is(#sec-history,#sec-placeshistory) .vtf .vb[data-vhs]::before{content:"";width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:var(--fic) center/contain no-repeat;mask:var(--fic) center/contain no-repeat}
:is(#sec-history,#sec-placeshistory) .vhsort .small{margin-right:2px}
:is(#sec-history,#sec-placeshistory) ul.items{margin-top:10px}
:is(#sec-history,#sec-placeshistory) .vhrow .vhtop b{font-family:var(--f-display);font-size:1rem}
:is(#sec-history,#sec-placeshistory) .vhcount{min-width:30px;height:22px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:var(--good-soft);font-size:.78rem}
:is(#sec-history,#sec-placeshistory) .vhd{display:inline-flex;align-items:center;width:auto!important;height:auto!important;padding:3px 10px;font-size:.76rem;line-height:1.3;white-space:nowrap}
:is(#sec-history,#sec-placeshistory) .vhd:hover{border-color:var(--accent)}
:is(#sec-history,#sec-placeshistory) .vb[data-vhk="all"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%206h12M8%2012h12M8%2018h12%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%276%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2712%27%20r%3D%27.6%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2718%27%20r%3D%27.6%27%2F%3E%3C%2Fsvg%3E")}
:is(#sec-history,#sec-placeshistory) .vb[data-vhk="temple"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202.5v2M9.5%205h5l1%204h-7zM7.5%209h9l1.2%205H6.3zM4.5%2014h15v7h-15zM10%2021v-3.5a2%202%200%200%201%204%200V21%27%2F%3E%3C%2Fsvg%3E")}
:is(#sec-history,#sec-placeshistory) .vb[data-vhk="place"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E")}
:is(#sec-history,#sec-placeshistory) .vb[data-vhs="recent"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207v5l3%202%27%2F%3E%3C%2Fsvg%3E")}
:is(#sec-history,#sec-placeshistory) .vb[data-vhs="count"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2020V11M12%2020V5M19%2020v-6%27%2F%3E%3C%2Fsvg%3E")}
:is(#sec-history,#sec-placeshistory) .vb[data-vhs="name"]{--fic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2018%208%206l4%2012M5.3%2014h5.4M15%207h5l-5%2010h5%27%2F%3E%3C%2Fsvg%3E")}

/* dark mode audit (29 Oct): star numbers on Temples → By star were dark on dark */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vs-n{color:var(--muted)}:root:not([data-theme="light"]) .vstar.own .vs-n{color:var(--bg)}}
:root[data-theme="dark"] .vs-n{color:var(--muted)}:root[data-theme="dark"] .vstar.own .vs-n{color:var(--bg)}

/* 30 Oct: overview cards fold; on All three each card keeps the overview icon and colour */
details.ccard.ck.fold{--cat:var(--c-indigo)}
details.ccard.ck.fold[data-fold]>summary h2::before{content:"grid_view"}
.ck-idc[data-cktip]{cursor:pointer;transition:background .15s}
.ck-idc[data-cktip]:hover{background:color-mix(in srgb,var(--c-indigo) 7%,transparent)}
.ck-idc[data-cktip] .ck-big::after{content:" ›";font-weight:400;color:var(--muted);font-size:.8em}

/* 30 Oct: Your key stars — three cards */
.ks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0 12px}
.ks-c{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--bg);display:flex;flex-direction:column;gap:6px}
.ks-h{font-family:var(--f-display);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-turmeric)}
.ks-stars{display:flex;flex-wrap:wrap;gap:6px}
.ks-star{padding:3px 11px;border-radius:999px;background:var(--chip);font-family:var(--f-display);font-weight:700;font-size:.92rem;color:var(--ink)}
.ks-star.own{box-shadow:inset 0 0 0 1.5px var(--mixed)}
.ks-when{font-size:.86rem;color:var(--ink);line-height:1.4}
.ks-next{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.ks-note{font-size:.8rem;color:var(--mixed)}
.ks-how{font-size:.76rem;color:var(--muted);margin-top:auto;padding-top:6px;border-top:1px dashed var(--line)}

/* 30 Oct: two top tiles (Best start · Avoid starting) share the row */
#sec-glance.glance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
details.ccard.ck .lab{color:var(--c-indigo)}

/* 30 Oct: action pills in Today's plan share one size and carry an icon */
.ic-check{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27m8%2012.3%202.7%202.7L16%209.5%27%2F%3E%3C%2Fsvg%3E")}
.vb[data-vlog-new]:not(.vh-addb),.vb.tripbtn{display:inline-flex!important;align-items:center;gap:6px}
.dl-plan .tripbtn,.dl-plan .vb[data-vlog-new]{min-height:34px!important;padding:4px 12px!important;font-size:.84rem;border-radius:999px}

/* ---- Claude Design v13 (30 Oct): Your stars cards, karma cards, bhukti tiles, coming-up timeline ---- */
/* carried from v12 review (30 Oct) */
#main .chip,#main .btag{white-space:nowrap}
#sec-karma li{grid-template-columns:minmax(0,1fr)!important}
#sec-karma .tw-d{white-space:normal!important;overflow-wrap:break-word}
.tw-n{padding-right:3px;overflow-wrap:break-word}

/* Your stars cards (30 Oct) — same language as Your key stars */
#sec-stars ul.ys-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:12px;margin:8px 0 12px!important;padding:0}
#sec-stars li.ys-c{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--bg)!important;min-width:0}
#sec-stars li.ys-c::before{display:none!important}
#sec-stars li.ys-c.own{border-color:var(--c-turmeric)!important;box-shadow:inset 0 0 0 1px var(--c-turmeric)}
.ys-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ys-role{font-family:var(--f-display);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-turmeric);line-height:1.35;text-wrap:balance}
.lang-ta .ys-role{letter-spacing:0;text-transform:none;font-size:.8rem}
.ys-tara{display:inline-flex;align-items:center;gap:2px;flex:none}
.ys-tara .chip{margin:0}
.ys-name{font-family:var(--f-display);font-size:1.15rem;font-weight:800;line-height:1.2;color:var(--ink)}
.ys-facts{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;font-size:.84rem;line-height:1.4}
.ys-facts>div{display:contents}
.ys-facts dt{color:var(--muted)}
.ys-facts dd{margin:0;color:var(--ink)}
.ys-carries{padding-top:8px;border-top:1px dashed var(--line);font-size:.82rem;line-height:1.45;color:var(--muted)}
.ys-k{font-weight:700;color:var(--ink)}
.lang-ta #sec-stars ul.ys-grid{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr))}
.ys-src{margin-top:auto;font-size:.7rem;color:var(--muted)}
.ys-src:empty{display:none}

/* karma cards */
#sec-karma li.kc-c{display:flex;flex-direction:column;gap:8px;padding:12px 14px 12px 14px!important;margin:10px 0!important;border:1px solid var(--line)!important;border-left:4px solid var(--line)!important;border-radius:12px!important;background:var(--bg)!important}
#sec-karma li.kc-c.avoid{border-left-color:var(--avoid)!important}
#sec-karma li.kc-c.mixed{border-left-color:var(--mixed)!important}
#sec-karma li.kc-c.good,#sec-karma li.kc-c.hi{border-left-color:var(--good)!important}
.kc-hd{line-height:1.35}
.kc-hd b{font-family:var(--f-display);font-size:1rem}
.kc-hd .chip{margin-left:4px}
.kc-rows{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:4px;font-size:.86rem;line-height:1.45}
.kc-rows>div{display:contents}
.kc-rows dt{color:var(--muted);font-weight:600}
.kc-rows dd{margin:0;color:var(--ink)}
.kc-more{margin:0;padding-top:8px;border-top:1px dashed var(--line);font-size:.82rem;line-height:1.5;color:var(--muted)}
/* For this bhukti: tiles */
.ic-tmpl{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202.5v2M9.5%205h5l1%204h-7zM7.5%209h9l1.2%205H6.3zM4.5%2014h15v7h-15zM10%2021v-3.5a2%202%200%200%201%204%200V21%27%2F%3E%3C%2Fsvg%3E")}
#sec-dasa ul.bt-tiles{display:flex;flex-direction:column;gap:8px;padding:0;margin:6px 0 0}
#sec-dasa li.bt-t{display:flex;gap:10px;align-items:flex-start;list-style:none;margin:0!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--bg)!important}
#sec-dasa li.bt-t::before{display:none!important}
.bt-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--c-indigo);background:color-mix(in srgb,var(--c-indigo) 12%,var(--panel))}
.bt-ic i[class^="ic-"]{margin:0;width:17px;height:17px}
.bt-b{min-width:0;line-height:1.4}
.bt-b .why{display:block;margin-top:3px;font-size:.82rem}
/* Coming up: timeline */
#sec-dasa ul.ct-line{display:flex;flex-direction:column;gap:0;padding:0;margin:6px 0 0}
#sec-dasa li.ct-r{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;list-style:none;margin:0!important;padding:10px 0!important;border:0!important;border-top:1px dashed var(--line)!important;background:none!important}
#sec-dasa li.ct-r:first-child{border-top:0!important;padding-top:4px!important}
#sec-dasa li.ct-r::before{display:none!important}
.ct-d{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;border-radius:10px;background:var(--chip);border-top:3px solid var(--line);line-height:1.1;align-self:start}
li.ct-r.good .ct-d{border-top-color:var(--good)}
li.ct-r.avoid .ct-d{border-top-color:var(--avoid)}
li.ct-r.mixed .ct-d{border-top-color:var(--mixed)}
.ct-n{font-family:var(--f-display);font-size:1.15rem;font-weight:800;color:var(--ink)}
.ct-m{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase}
.ct-y{font-size:.68rem;color:var(--muted)}
.ct-t{font-size:.95rem;line-height:1.3}
.ct-t b{font-family:var(--f-display)}
.ct-w{margin-top:3px;font-size:.84rem;line-height:1.45;color:var(--muted)}

/* 30 Oct: background art from the brand backgrounds (temple landscape on the day card, arches on About) */
.verdict.nn-welcome{position:relative;overflow:hidden;isolation:isolate}
.verdict.nn-welcome::after{content:"";position:absolute;top:0;right:0;bottom:0;aspect-ratio:900/393;max-width:68%;background:url(../images/bg-temple-l.webp) right bottom/cover no-repeat;opacity:.6;mix-blend-mode:multiply;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%);mask-image:linear-gradient(90deg,transparent,#000 50%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .verdict.nn-welcome::after{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.28}}
:root[data-theme="dark"] .verdict.nn-welcome::after{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.28}
@media (max-width:520px){.verdict.nn-welcome::after{max-width:80%;opacity:.42}}
#nn-ab .sheet-p{position:relative;padding-top:0}
#nn-ab .ss-h{background:url(../images/bg-arch-l.webp) center bottom/cover no-repeat;min-height:132px;align-items:center;justify-content:center;text-align:center;padding:26px 24% 34px;border-radius:18px 18px 0 0}
#nn-ab .ss-h>div{flex:1}
#nn-ab .ss-h .ss-x{position:absolute;top:12px;right:12px;background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #nn-ab .ss-h{background-image:url(../images/bg-arch-d.webp)}}
:root[data-theme="dark"] #nn-ab .ss-h{background-image:url(../images/bg-arch-d.webp)}
@media print{.verdict.nn-welcome::after{display:none}}
@media (max-width:520px){#nn-ab .ss-h{background:none;min-height:0;padding:16px 56px 8px 16px;text-align:left;justify-content:flex-start;border-radius:0}#nn-ab .sheet-p{padding-top:6px}}

/* 30 Oct: About — room under the header, a lead line, and a closing note */
#nn-ab .ab-b{padding-top:22px}
#nn-ab .ab-lead{margin:0 0 6px;font-size:1rem;line-height:1.55;color:var(--ink)}
#nn-ab .ab-pts li{margin-bottom:6px}
#nn-ab .ab-note{margin:18px 0 4px;padding-top:12px;border-top:1px dashed var(--line);font-size:.84rem;color:var(--muted)}
@media (max-width:520px){#nn-ab .ab-b{padding-top:8px}}
#nn-ab .ab-slg{margin:0 0 16px;padding:0 0 14px;text-align:center;border-bottom:1px dashed var(--line)}
#nn-ab .ab-slg .t{font-size:1.08rem}
#nn-ab .ab-slg{display:flex;flex-direction:column;align-items:center;gap:6px}
#nn-ab .ab-slg .t{display:block;font-family:var(--f-display);font-weight:700;line-height:1.45;color:var(--slg,#8F6512)}
#nn-ab .ab-slg .e{display:block;font-size:.9rem;line-height:1.45;color:var(--muted)}

/* 30 Oct: source tags open a sheet */
#main .src,.ss-ov .src{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}
#main .src:hover{color:var(--accent)}
#nn-src .src-line{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--chip);font-size:.88rem;line-height:1.45}
#nn-src .src-k{display:inline-block;margin-right:6px;font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-indigo)}
.lang-ta #nn-src .src-k{letter-spacing:0;text-transform:none;font-size:.8rem}
#nn-src .src-c{padding:12px 0;border-top:1px dashed var(--line)}
#nn-src .src-c:first-of-type{border-top:0}
#nn-src .src-h{display:flex;align-items:center;gap:8px;margin-bottom:4px}
#nn-src .src-code{flex:none;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--c-indigo) 14%,var(--panel));color:var(--c-indigo);font:700 .76rem/1.4 var(--f-display)}
#nn-src .src-c p{margin:4px 0;font-size:.9rem;line-height:1.5}
#nn-src .src-rel{color:var(--ink)}
#nn-src .src-foot{margin-top:12px;color:var(--muted)}
/* 30 Oct: welcome tour */
#nn-tring{position:fixed;z-index:9001;pointer-events:none;box-shadow:0 0 0 3px var(--accent),0 0 0 9999px rgba(10,20,18,.55);transition:left .2s,top .2s,width .2s,height .2s;display:none}
#nn-tour{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9002;width:min(420px,calc(100vw - 24px));padding:14px 16px;border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.28);border:1px solid var(--line)}
@media (min-width:900px){#nn-tour{bottom:28px}}
#nn-tour .tour-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
#nn-tour .tour-n{font-size:.75rem;font-weight:700;color:var(--muted)}
#nn-tour .tour-skip{background:none;border:0;color:var(--muted);font:600 .82rem var(--f-body,inherit);cursor:pointer;padding:4px}
#nn-tour .tour-t{display:block;font-family:var(--f-display);font-size:1.05rem;margin-bottom:4px}
#nn-tour .tour-b{margin:0 0 12px;font-size:.9rem;line-height:1.5}
#nn-tour .tg{color:var(--good)}#nn-tour .tm{color:var(--mixed)}#nn-tour .tr{color:var(--avoid)}
#nn-tour .tour-btns{display:flex;justify-content:space-between;gap:8px}
/* 30 Oct: Premium card — what it opens for you */
.pfy{margin:6px 0 12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--good) 30%,var(--line));background:color-mix(in srgb,var(--good) 6%,var(--panel))}
.pfy-h{margin:0 0 6px;font-family:var(--f-display);font-weight:700;color:var(--good)}
.pfy-l{margin:0}
.pfy-l li{font-size:.9rem;line-height:1.45}
.ptry{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.ptry p{margin:0 0 8px;font-size:.9rem}
.ptry-end{margin:10px 0 0}
details.pfeat-all{margin:4px 0 12px}
details.pfeat-all>summary{cursor:pointer;font-weight:600;color:var(--accent);font-size:.9rem}
/* 30 Oct: Thirukanitha note */
.ss-tk{color:var(--muted);font-size:.85em}
.tk-cell .small{max-width:34ch}

/* 30 Oct: first run — the logo and tagline on top, then the form; nothing else */
body.nn-first .side,body.nn-first .appbar{display:none!important}
body.nn-first .app{display:block!important;max-width:620px;margin:0 auto;padding:0 16px!important}
body.nn-first .content{padding-top:0}
.nn-first-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 8px 6px}
.nn-first-hero .nfh-logo{width:min(200px,52vw);height:auto;display:block}
.nn-first-hero .nfh-slg{display:flex;flex-direction:column;gap:6px;margin:16px 0 0}
.nn-first-hero .nfh-slg .t{display:block;font-family:var(--f-display);font-weight:700;font-size:1.12rem;line-height:1.45;color:var(--slg,#8F6512)}
.nn-first-hero .nfh-slg .e{display:block;font-size:.92rem;line-height:1.45;color:var(--muted)}
.nn-first-hero .nfh-lang{display:inline-flex;gap:6px;margin:16px 0 4px}
.nn-first-hero .nfh-lang .vb{min-width:92px}
.nn-first-hero .nfh-intro{margin:12px 0 4px;max-width:44ch;font-size:.98rem;line-height:1.55;color:var(--ink)}
body.nn-first #sec-form{margin-top:12px}
#sec-form .pf-hint{margin:-2px 0 4px;color:var(--muted)}
#sec-form .pf-known{margin:0;padding:8px 10px;border-radius:10px;background:var(--chip)}
#sec-form .bfout:empty{display:none}
#sec-form .bfout{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--good) 7%,var(--panel))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nn-first-hero .nfh-logo{content:url(../images/splash-logo-dark.png)}}
:root[data-theme="dark"] .nn-first-hero .nfh-logo{content:url(../images/splash-logo-dark.png)}
/* 29 Oct: group label inside a plan list (e.g. temples for the star that starts later today) */
.dl-plan ul.items>li.dl-grp{border:0!important;background:none!important;padding:8px 0 0!important;margin:4px 0 -2px!important;font-size:.84rem;font-weight:600;color:var(--muted);box-shadow:none!important}
.dl-plan ul.items>li.dl-grp::before{display:none!important}
/* Today's star heading laid out like the other plan tabs: title, then its tag below */
.dl-plan>details#sec-tvstar>summary{padding:0 0 8px!important}
.dl-plan>details#sec-tvstar>summary h2{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;font-size:1.05rem}
.dl-plan>details#sec-tvstar>summary h2 .btag{flex-basis:auto;margin:0!important;font-size:.74rem;order:3}
.dl-plan>details#sec-tvstar>summary h2:has(.btag)::after{content:"";flex-basis:100%;order:2;height:0}
/* free view: the locked tab cards sit in the plan like the open tabs (no inner card, no chevron) */
.dl-plan[data-ptab] details.plk[data-fold^="tv"]{border:0!important;background:none!important;box-shadow:none!important;padding:2px 0 0!important;margin:0!important;grid-column:1/-1}
.dl-plan[data-ptab] details.plk[data-fold^="tv"]>summary{pointer-events:none;padding:0 0 8px!important}
.dl-plan[data-ptab] details.plk[data-fold^="tv"]>summary::after,.dl-plan[data-ptab] details.plk[data-fold^="tv"]>summary::before{display:none!important}
.dl-plan[data-ptab] details.plk[data-fold^="tv"]>summary h2{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0;font-size:1.05rem}
.dl-plan[data-ptab] details.plk[data-fold^="tv"]>summary h2 .btag{order:3;margin:0!important;font-size:.74rem}
.dl-plan[data-ptab] details.plk[data-fold^="tv"]>summary h2:has(.btag)::after{content:"";flex-basis:100%;order:2;height:0}
/* 29 Oct: today follows the clock */
.gv b.nn-over,.dl-avoid b.nn-over{opacity:.5;font-weight:600;text-decoration:line-through;text-decoration-thickness:1px}
.gv b.nn-over::after,.dl-avoid b.nn-over::after{content:attr(data-over);display:inline-block;text-decoration:none;font-weight:500;font-size:.8em;margin-left:2px}
.verdict .nn-was{opacity:.8}
.verdict .nn-eve{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.verdict .nn-eve a{font-weight:600}
ul.items>li.nn-was{opacity:.75}
/* ---------- 30 Oct: verdict card 1b (phone) / 2a, 2b (desktop), icons 3a / 3b ---------- */
#main .verdict.vd2{display:flex;flex-direction:column;gap:14px;align-items:stretch;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:18px;padding:18px;box-shadow:none!important}
#main .verdict.vd2::after{content:none}
.vd2 .vdi{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em}
.vd2 .vd-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.vd2 .vd-for{font-size:13px;color:var(--muted);padding-right:50px}
#main .vd2 .vd-big{flex-basis:auto;padding:0!important;margin:0;font-family:var(--f-display);font-weight:800;font-size:26px!important;line-height:1.15;text-wrap:balance;color:var(--ink)!important}
.vd2 .vd-do{display:none;align-items:flex-start;gap:8px;font-size:15px;line-height:1.5;color:var(--ink)}
.vd2 .vd-do .vdi{font-size:18px;margin-top:.15em}
.vd2 .vd-do.good .vdi{color:var(--good)}.vd2 .vd-do.avoid .vdi{color:var(--avoid)}.vd2 .vd-do.mixed .vdi{color:var(--mixed)}
.vd2 .vd-wins{display:flex;flex-direction:column;gap:6px}
.vd2 .vd-win{display:flex;align-items:center;gap:8px;border-left:3px solid var(--mixed);background:var(--mixed-soft);border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.4;color:var(--ink)}
.vd2 .vd-win>.vdi{font-size:14px;color:var(--mixed)}
.vd2 .vd-win .vd-now{--tc:var(--mixed)}
.vd2 .vd-notes{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.vd2 .vd-notes>.small{flex-basis:auto!important}
.vd2 .vd-notes .nn-eve{margin-top:2px;padding-top:8px;border-top:1px dashed var(--line);color:var(--ink)}
.vd2 .vd-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);line-height:1.45}
.vd2 .vd-reason{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.vd2 .vd-moon{font-size:15px;color:var(--mixed)}
.vd2 .vd-why{display:inline-flex;align-items:center;gap:4px;min-height:32px;font-weight:600;white-space:nowrap;color:var(--accent);text-decoration:none}
.vd2 .vd-why .vdi{font-size:15px}
.vd2 .vd-why:hover{text-decoration:underline}
.vd2 .vd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.vd2 .vd-tiles.n1{grid-template-columns:1fr}
.vd2 .vd-tile{border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0;--tc:var(--mixed);background:var(--mixed-soft)}
.vd2 .vd-tile.good{--tc:var(--good);background:var(--good-soft)}
.vd2 .vd-tile.avoid{--tc:var(--avoid);background:var(--avoid-soft)}
.vd2 .vd-tile.is-good{box-shadow:inset 0 0 0 2px var(--good)}
.vd2 .vd-top{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:20px}
.vd2 .vd-fav{display:inline-flex;font-size:20px;color:var(--tc)}
.vd2 .vd-now{--tc2:var(--tc);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--tc);background:var(--panel);border-radius:999px;padding:1px 8px 1px 6px;white-space:nowrap}
.vd2 .vd-dot{width:7px;height:7px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 25%,transparent)}
.vd2 .vd-when{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--tc);line-height:1.35}
.vd2 .vd-when .vdi{font-size:13px}
.vd2 .vd-star{font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}
.vd2 .vd-pill{display:flex;flex-wrap:wrap;column-gap:4px;font-size:13px;color:var(--tc);line-height:1.35}
.vd2 .vd-pill>span{white-space:nowrap}
.vd2 .vd-next{margin-top:auto;padding-top:6px;border-top:1px dashed color-mix(in srgb,var(--tc) 30%,transparent);font-size:12px;font-weight:600;line-height:1.4}
.vd2 .vd-next.good{color:var(--good)}.vd2 .vd-next.avoid{color:var(--avoid)}.vd2 .vd-next.mixed{color:var(--mixed)}
.vd2 .vd-early{font-size:12px;color:var(--muted);line-height:1.4}
#main .vd2 .shbtn .vdi{width:18px;height:18px}
@container dpane (max-width:699.98px){
 #main .verdict.vd2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .vd2 .vd-main{display:contents}
 .vd2 .vd-for{order:1}.vd2 .vd-big{order:2;margin-top:-10px!important}.vd2 .vd-tiles{order:3}.vd2 .vd-wins{order:4}.vd2 .vd-notes{order:5}.vd2 .vd-foot{order:6}
 #main .vd2 .shbtn{position:absolute;top:14px;right:14px;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--line);font-size:0;gap:0;justify-content:center}
 #main .vd2 .shbtn .shl{display:none}
}
@container dpane (min-width:700px){
 #main .verdict.vd2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:stretch;border-radius:20px;padding:24px 26px}
 .vd2 .vd-for{font-size:14px;padding-right:0}
 #main .vd2 .vd-big{font-size:36px!important;line-height:1.12}
 .lang-ta #main .vd2 .vd-big{font-size:32px!important;line-height:1.2}
 .vd2 .vd-main{gap:10px}
 .vd2 .vd-do{display:flex}
 .vd2 .vd-win{font-size:14px}
 .vd2 .vd-foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:14px}
 .vd2 .vd-moon{font-size:16px}
 #main .vd2 .shbtn{position:static;flex:none;width:auto;height:34px;padding:0 14px;font-size:14px;gap:7px;border-radius:999px;border:1px solid var(--line)}
 .vd2 .vd-tiles{gap:12px}
 .vd2 .vd-tile{border-radius:16px;padding:18px;gap:8px}
 .vd2 .vd-fav{font-size:22px}
 .vd2 .vd-now{font-size:12px;padding:2px 10px 2px 8px}
 .vd2 .vd-when{font-size:13px}.vd2 .vd-when .vdi{font-size:14px}
 .vd2 .vd-star{font-size:22px}
 .vd2 .vd-pill{align-self:flex-start;background:var(--panel);border-radius:12px;padding:2px 10px;font-size:14px}
 .vd2 .vd-next,.vd2 .vd-early{font-size:13px}
}
.vd2 .vd-rs{display:inline-flex;align-items:flex-start;gap:6px;min-width:0}
.vd2 .vd-rs .vd-moon{margin-top:.2em}
.vd2 .vd-pill{column-gap:5px}
/* 30 Oct: smaller verdict headline */
#main .vd2 .vd-big{font-size:23px!important}
.lang-ta #main .vd2 .vd-big{font-size:21px!important;line-height:1.3}
@container dpane (min-width:700px){#main .vd2 .vd-big{font-size:30px!important}.lang-ta #main .vd2 .vd-big{font-size:25px!important;line-height:1.3}}
@container dpane (min-width:700px){.vd2 .vd-star{font-size:19px}.vd2 .vd-tile{padding:16px}}
.vd2 .vd-star{overflow-wrap:break-word}
/* long star names fit the tile instead of breaking mid-word */
.vd2 .vd-tile{container-type:inline-size}
.vd2 .vd-star{font-size:min(17px,13cqi);overflow-wrap:break-word}
@container dpane (min-width:700px){.vd2 .vd-star{font-size:min(19px,13cqi)}}

/* v14 (30 Oct): the verdict card switches layout by the Day pane's width, not the window's (sidebar open = narrow pane) */
.dtab-pane:has(>.verdict.vd2){container:dpane/inline-size}
/* corner ⓘ clear of the tile title */
#main a.gt:has(>.gi.corner)>.lab{padding-right:26px}
/* 30 Oct: Best start tile on a Careful day */
#sec-glance a.gt.bs-careful .gv{display:flex;flex-direction:column;gap:2px}
#sec-glance a.gt .bs-must{display:block;color:var(--avoid);font-weight:600;margin-bottom:2px}
/* 30 Oct: verdict foot — reason, then Why? and Share on one row (phone and laptop); red rasi + Chandrashtamam */
.vd2 .vd-foot{flex-direction:column;align-items:stretch!important;gap:6px}
.vd2 .vd-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vd2 .vd-shslot{display:inline-flex}
#main .vd2 .vd-shslot .shbtn{position:static!important;flex:none;width:auto!important;height:34px!important;padding:0 14px!important;font-size:14px!important;gap:7px!important;border-radius:999px!important;border:1px solid var(--line)!important}
#main .vd2 .vd-shslot .shbtn .shl{display:inline!important}
.vd2 .vd-for{padding-right:0!important}
.verdict .nr-c8{color:var(--avoid)}
/* glossary button placed in text */
.glk.gi{margin-left:4px;vertical-align:middle}
/* 30 Oct: "· over" wraps under the time on narrow tiles instead of widening the page */
.gv b.nn-over,.dl-avoid b.nn-over{white-space:normal}
.gv b.nn-over::after,.dl-avoid b.nn-over::after{white-space:nowrap}
/* 30 Oct: ⓘ for the star's அதிதேவதை sits inside the star tag */
.btag:has(>.gi){display:inline-flex!important;align-items:center;gap:6px}
.btag>.gi{color:inherit!important;font-size:0!important;flex:none;width:17px!important;height:17px!important;margin:0 -4px 0 0!important;vertical-align:middle;background:color-mix(in srgb,currentColor 16%,transparent)!important}
.btag>.gi::after{inset:3px;background:currentColor}
.btag>.gi:hover,.btag>.gi:focus-visible{background:currentColor!important}
.btag>.gi:hover::after,.btag>.gi:focus-visible::after{background:var(--panel)}

/* 30 Oct: Work & money — Business and Money as two icon tabs (cards as in Today's plan) */
.wm-tabs{--cat-biz:var(--accent);--cat-m27:var(--good);display:flex;flex-direction:column}
.wm-tabs>.wm-jump{margin:0 0 12px}
.wm-tabs>.wm-jump>.dl-jc{flex:1 1 0}
.wm-tabs[data-wtab="biz"]>#sec-m27,.wm-tabs[data-wtab="m27"]>#sec-biz{display:none!important}
.dl-jc.has-good::after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 2px var(--bg)}
@media (prefers-reduced-motion:no-preference){.wm-tabs>#sec-biz,.wm-tabs>#sec-m27{animation:nnIn .18s ease-out}}
.wm-tabs>details.fold>summary{cursor:default}
.wm-tabs>details.fold>summary::after{display:none!important}
/* 30 Oct: star name first in each star card, its role just below */
.ys-top{align-items:center}
.ys-top>.ys-name{min-width:0;font-size:1.25rem}
#sec-stars li.ys-c>.ys-role{margin-top:-4px}
/* 30 Oct: intro lines under Your stars / Your goal stars; goal stars icon */
.ys-intro{margin:2px 0 4px!important;color:var(--muted)}
details.fold[data-fold="keystars"]>summary h2::before{content:"star"}
/* 30 Oct: Wealth map tabs as icon cards (same look as Today's plan) */
#sec-wealth>.st-nav{margin:6px 0 14px!important}
#sec-wealth>.st-nav>.st-tab{flex:1 1 0;min-width:0;flex-direction:column;gap:5px;min-height:62px;padding:8px 4px;border-radius:14px;font-size:.82rem}
#sec-wealth>.st-nav>.st-tab .st-l{white-space:normal;text-align:center}
#sec-wealth>.st-nav>.st-tab i[class^="ic-"]{width:22px;height:22px}
.lang-ta #sec-wealth>.st-nav>.st-tab{font-size:.72rem}
@media (max-width:420px){#sec-wealth>.st-nav{gap:5px!important}#sec-wealth>.st-nav>.st-tab{min-height:56px;padding:6px 3px;border-radius:12px;font-size:.74rem}.lang-ta #sec-wealth>.st-nav>.st-tab{font-size:.64rem}}
#sec-wealth .wl-g>.lab:first-of-type{margin-top:0}
#sec-wealth .wl-g>.lab{margin-top:14px}
#sec-wealth .wl-g>p:has(>.chip.hi):first-of-type{margin:0 0 14px}
#sec-wealth .wl-g>p:has(>.chip:first-child){background:color-mix(in srgb,var(--chip) 55%,var(--panel));border-radius:10px;padding:8px 12px;line-height:1.55}
#sec-wealth .wl-g>p:has(>.chip:first-child)>.chip:first-child{margin:0 6px 0 0}
#sec-wealth .wl-g>ul.items+p.small{margin-top:10px}

/* ==== 30 Oct section redesigns (HANDOVER.md) ==== */
/* shared tile tabs */
.nn-tt{--cat:var(--c-indigo);margin:6px 0 14px}
.nn-tt>.nn-ttb{flex:1 1 0;min-width:0;font:inherit;font-family:var(--f-display);font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none;background:var(--chip)}
.nn-tt>.nn-ttb[aria-selected="true"]{background:color-mix(in srgb,var(--cat) 10%,var(--panel))}
.nn-tt.nn-tt-text>.nn-ttb{min-height:46px;font-size:.86rem;padding:8px 6px}
.lang-ta .nn-tt.nn-tt-text>.nn-ttb{font-size:.78rem}
.nn-tp[hidden]{display:none!important}
@media (prefers-reduced-motion:no-preference){.nn-tp:not([hidden]){animation:nnIn .18s ease-out}}
/* §4 Business today */
.bz-role{margin:0 0 6px}
.ck2l{list-style:none;margin:0;padding:0}
.ck2{padding:12px 0;border-top:1px dashed var(--line)}
.ck2:first-child{border-top:0;padding-top:4px}
.ck2-h{display:flex;align-items:flex-start;gap:8px}
.ck2-n{font-family:var(--f-display);font-weight:700;color:var(--ink);line-height:1.35}
.ck2-p{margin-left:auto;flex:none;white-space:nowrap;font-size:.76rem;font-weight:700;line-height:1.3;padding:3px 10px;border-radius:999px;background:var(--good-soft);color:var(--good)}
.ck2-p.no{background:var(--avoid-soft);color:var(--avoid)}
.ck2-p.eh{background:var(--mixed-soft);color:var(--mixed)}
.ck2-d{margin-top:3px;color:var(--muted);font-size:.86rem;line-height:1.5}
.ck2-s{color:var(--ink)}
.hzl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.hz{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;padding:10px 12px;border-radius:12px}
.hz.now{background:var(--good-soft)}
.hz-t{font-weight:700;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.hz.now .hz-t{color:var(--good)}
.hz-b b{font-family:var(--f-display)}
.hz-now{font-size:.76rem;font-weight:700;color:var(--good)}
.hz-u{display:block;color:var(--muted);font-size:.84rem;line-height:1.45}
.hz-done{margin-top:8px}
.hz-done>summary{cursor:pointer;color:var(--muted);font-size:.84rem;font-weight:600;padding:6px 0}
.hz-done .hz{opacity:.7}
.hz-empty{color:var(--muted);margin:4px 0 8px}
.hz-note{margin-top:10px}
@media (max-width:400px){.hz{grid-template-columns:minmax(0,1fr)}}
.ck2-d .why{display:inline!important;margin:0!important;font-size:inherit;color:inherit}
.biz details.hz-done{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.biz details.hz-done>summary{padding:6px 0!important;border:0!important;background:none!important}
.ck2-d::first-letter{text-transform:uppercase}
/* text fixes (HANDOVER "Text fixes"): no Tamil echo of the title in Tamil mode; one "பரிகாரம்" in the 30-day remedy line */
.lang-ta h2 .ta,.lang-ta summary h2 .ta{display:none!important}
.lang-ta .cu-rem:has(.cu-rl)::before{content:none!important}
/* §1 This season — planet tile tabs */
#sec-season .sn-sum{margin:6px 0 4px;padding:10px 12px;border-radius:12px;background:var(--chip);font-size:.9rem;line-height:1.5}
.nn-tt-sn>.nn-ttb{min-height:74px;gap:2px;padding:8px 4px}
.nn-tt .tt-n{font-family:var(--f-display);font-weight:800;font-size:.98rem;color:var(--ink)}
.nn-tt .tt-s{font-size:.74rem;font-weight:600;color:var(--muted)}
.nn-tt .tt-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-top:4px}
.nn-tt .tt-dot.avoid{background:var(--avoid)}
.sn-ph{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sn-pt{font-family:var(--f-display);font-size:1.12rem;font-weight:800;color:var(--ink)}
.sn-pill{flex:none;white-space:nowrap;margin:0!important}
.sn-pm{margin-top:4px;color:var(--muted);font-size:.84rem}
.sn-lead{margin:12px 0 10px!important;font-weight:700;color:var(--ink);line-height:1.5}
.sn-pts{list-style:none;margin:0 0 14px;padding:0 0 0 12px;border-left:2px solid var(--line)}
.sn-pts>li{padding:8px 0;border-top:1px dashed var(--line);font-size:.9rem;line-height:1.5;color:var(--ink)}
.sn-pts>li:first-child{border-top:0;padding-top:2px}
.sn-pts>li::before{display:none!important}
.sn-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px}
.sn-box{border-radius:12px;padding:10px 12px;background:var(--chip);font-size:.88rem;line-height:1.45;color:var(--ink)}
.sn-box.rem{background:color-mix(in srgb,var(--c-turmeric) 16%,var(--panel))}
.sn-bk{display:block;margin-bottom:3px;font-size:.76rem;font-weight:700;color:var(--muted)}
.sn-box.rem .sn-bk{color:var(--c-turmeric)}
#sec-season details.sn-full-d{margin:12px 0 0!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
#sec-season details.sn-full-d>summary.sn-full{list-style:none;cursor:pointer;padding:4px 0!important;border:0!important;background:none!important;color:var(--c-turmeric);font-weight:700;font-size:.9rem}
#sec-season details.sn-full-d>summary.sn-full::-webkit-details-marker{display:none}
#sec-season details.sn-full-d[open]>summary.sn-full{margin-bottom:8px}
/* §2 Dasa strip + tabs */
.ds-strip{margin:8px 0 2px}
.ds-bar{position:relative;display:flex;gap:2px;height:30px;border-radius:8px;overflow:visible}
.ds-seg{min-width:0;border:0;padding:0 2px;background:var(--chip);color:var(--muted);font:600 .72rem/1 var(--f-display),sans-serif;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:clip}
.ds-seg:first-child{border-radius:8px 0 0 8px}.ds-seg:last-of-type{border-radius:0 8px 8px 0}
.ds-seg:hover{color:var(--ink);background:color-mix(in srgb,var(--c-indigo) 12%,var(--chip))}
.ds-seg.on{background:var(--c-indigo);color:#fff}
.ds-seg:focus-visible{outline:2px solid var(--c-indigo);outline-offset:2px}
.ds-l{display:block;overflow:hidden;text-overflow:clip}
.ds-now{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--ink);pointer-events:none}
.ds-yrs{position:relative;display:flex;justify-content:space-between;margin-top:6px;font-size:.74rem;color:var(--muted);min-height:1.2em}
.ds-yn{position:absolute;transform:translateX(-50%);font-weight:700;color:var(--ink);white-space:nowrap}
.ds-bt{margin:12px 0}
.ds-bt>.lab{margin-top:0!important}
.ds-bt ul.bt-tiles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px}
.nn-tp.ds-all>ul.dtl{margin-top:0}
/* §5 Remedies card */
details.fold[data-fold="remcard"]>summary h2::before{content:"volunteer_activism"}
.rm-card{container-type:inline-size}
.rm-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin:8px 0 16px!important}
.rm-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.rm-step{display:flex;align-items:center;gap:6px;font:700 .78rem/1.2 var(--f-display),sans-serif;color:var(--c-turmeric);min-height:22px}
.rm-step>i{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c-turmeric);color:#fff;font-style:normal;font-size:.72rem}
.rm-nav .rm-t{min-height:64px;width:100%}
.rm-num{font-family:var(--f-display);font-weight:800;font-size:1.05rem;color:var(--c-indigo);line-height:1}
.lang-ta .rm-step{font-size:.72rem}
.rm-p>.rm-h{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 8px;font-family:var(--f-display);font-size:1.08rem;font-weight:800;color:var(--ink)}
.rm-p>.rm-h .btag,.rm-p>.rm-h .chip{font-size:.74rem}
.rm-p.rm-lock{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.rm-why{margin-top:14px}
@container (max-width:700px){.rm-card #sec-habits .dgrid{grid-template-columns:minmax(0,1fr)!important}}
/* 5a temples */
.rmt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.rmt-chip{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:5px 12px;font:600 .8rem/1.2 var(--f-display),sans-serif;cursor:pointer}
.rmt-chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
ul.rmt-list{display:flex;flex-direction:column;gap:0;margin:0!important}
ul.rmt-list>li.rmt{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:10px 0!important;border:0!important;border-top:1px dashed var(--line)!important}
ul.rmt-list>li.rmt:first-child{border-top:0!important}
ul.rmt-list>li.rmt::before{display:none!important}
li.rmt>.rmt-role{grid-column:1/-1;order:-1;display:block;margin:0 0 2px!important;font-size:.76rem!important;font-weight:700;color:var(--c-turmeric)!important}
li.rmt.star>.rmt-role{color:var(--c-indigo)!important}
li.rmt.caution>.rmt-role{color:var(--avoid)!important}
li.rmt>b{grid-column:1;font-family:var(--f-display);font-weight:700;color:var(--ink)}
li.rmt>.rmt-map{grid-column:2;grid-row:2 / span 2;align-self:center;margin:0!important}
li.rmt>.vseen{grid-column:1}
.rm-p:not(.rmt-open):not(.rmt-filtered) li.rmt-x{display:none!important}
.rmt-filtered+.rmt-more,.rmt-filtered .rmt-more{display:none}
.rmt-more{margin:10px 0 0;border:0;background:none;padding:4px 0;color:var(--c-turmeric);font:700 .9rem/1.3 var(--f-display),sans-serif;cursor:pointer}
/* 5b standing tiles */
.st-sub{margin:-2px 0 10px!important}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:10px}
.st-t{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:var(--chip);min-width:0}
.st-t.st-wide{grid-column:1/-1}
.st-t.mixed{background:var(--mixed-soft)}
.st-k{font-size:.76rem;font-weight:700;color:var(--muted)}
.st-v{font-family:var(--f-display);font-weight:700;color:var(--ink);line-height:1.35}
.st-big{font-size:1.25rem}
.st-d{font-size:.84rem;color:var(--muted);line-height:1.45}
.st-sws{display:flex;gap:6px;align-items:center}
.st-sw{display:inline-block;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);vertical-align:middle}
.st-or{margin:0 2px;color:var(--muted);font-size:.8rem}
.st-rib{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.st-bar{display:inline-flex;align-items:center;gap:2px}
.st-sw.st-rb{width:26px;height:10px;border-radius:3px}
.st-arr,.st-then{color:var(--muted);font-size:.78rem;margin:0 2px}
.st-kar{margin-top:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--c-turmeric) 14%,var(--panel))}
.st-kar>.st-k{color:var(--c-turmeric)}
.st-kl{list-style:none;margin:6px 0 8px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:var(--ink)}
.st-kl>li::before{display:none!important}
.st-warn{color:var(--avoid);font-size:.88rem}
details.st-why{margin-top:10px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
details.st-why>summary{list-style:none;cursor:pointer;padding:4px 0!important;border:0!important;background:none!important;color:var(--muted);font-size:.86rem;font-weight:600}
details.st-why>summary::-webkit-details-marker{display:none}
/* other remedy panels */
.rm-p .an-common{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:6px 12px}
@media (max-width:480px){.rm-step{min-height:2.6em;align-items:flex-start}.rm-step>i{margin-top:1px}}
/* §6 Temples page */
.vsub:not(.vtf){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px!important;padding:3px!important;border-radius:12px!important;background:var(--chip)!important;margin:4px 0 14px!important}
.vsub:not(.vtf)>.vb{min-height:40px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;font-weight:600;flex-direction:row!important;gap:6px}
.vsub:not(.vtf)>.vb.primary{background:var(--panel)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
.vsub:not(.vtf)>.vb::before,.vsub:not(.vtf)>.vb>i{display:none!important}
.st-nav.st-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(76px,100%),1fr));gap:8px!important}
.st-nav.st-cards>.st-tab{flex-direction:column!important;gap:3px;min-height:68px;padding:8px 4px;border-radius:14px;background:var(--chip);--accent:var(--c-indigo)}
.st-nav.st-cards>.st-tab .st-n{background:none;min-width:0;height:auto;padding:0;font-size:.74rem;color:var(--muted)}
.st-nav.st-cards>.st-tab i[class^="ic-"]{color:var(--c-indigo)}
.st-nav.st-cards>.st-tab[aria-selected="true"]{border-color:var(--c-indigo);background:color-mix(in srgb,var(--c-indigo) 10%,var(--panel));box-shadow:inset 0 -3px 0 var(--c-indigo)}
#sec-alltemples li.tr{display:flex!important;flex-direction:column;gap:4px;padding:12px 0!important;border:0!important;border-top:1px dashed var(--line)!important}
#sec-alltemples li.tr::before{display:none!important}
#sec-alltemples ul.items>li.tr:first-child{border-top:0!important}
.tr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.tr-role{font-size:.78rem;font-weight:700;line-height:1.35;color:var(--c-turmeric)}
.tr-role.caution{color:var(--avoid)}.tr-role.star{color:var(--c-indigo)}
.tr-pre{font-weight:500;color:var(--muted)}
.tr-ini{display:flex;gap:4px;flex:none}
.tr-i{width:24px;height:24px;border-radius:50%;border:0;padding:0;background:var(--c);color:#fff;font:700 .72rem/24px var(--f-display),sans-serif;cursor:pointer;opacity:.85}
.tr-i[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px var(--c)}
#sec-alltemples li.tr>b{font-family:var(--f-display);font-size:1rem;color:var(--ink);line-height:1.35}
.tr-full{display:none!important}
.tr-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}
.tr-act>.tr-map{margin-left:auto!important;display:inline-grid;place-items:center;width:38px;height:38px;padding:0!important;border-radius:10px;border:1px solid var(--line);font-size:0!important;color:var(--good)}
.tr-act>.tr-map i{width:18px;height:18px;margin:0!important}
.tr-act .vmark{border:1px solid var(--good)!important;background:none!important;color:var(--good)!important;border-radius:999px!important;min-height:34px!important}
.tr-act .vdel{border-radius:999px!important;min-height:34px}
.tr-act .vseen{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--good-soft);color:var(--good);font-weight:700;font-size:.82rem}
#sec-alltemples li.tr-alt{padding:6px 0 0!important;border:0!important;margin:2px 0 0;gap:2px}
#sec-alltemples li.tr-alt>.tr-top .tr-role{color:var(--muted)}
#sec-alltemples li.tr-alt>b{font-weight:600;font-size:.92rem}
details.sg-d{margin:0 0 10px;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;padding:0!important;background:var(--panel)!important}
details.sg-d>summary{list-style:none;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px!important;cursor:pointer;background:var(--good-soft)}
details.sg-d.caution>summary{background:var(--avoid-soft)}
details.sg-d>summary::-webkit-details-marker{display:none}
.sg-h{display:flex;flex-direction:column;min-width:0}
.sg-h>b{font-family:var(--f-display);font-size:1.02rem;color:var(--ink)}
.sg-roles{font-size:.78rem;color:var(--good);line-height:1.35}
.caution .sg-roles{color:var(--avoid)}
.sg-n{flex:none;font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--panel);color:var(--ink);white-space:nowrap}
details.sg-d>ul.items{margin:0!important;padding:0 14px!important}
details.sg-d li.tr-sg>.tr-top{display:none!important}
details.sg-d li.tr-sg{flex-direction:row!important;flex-wrap:wrap;align-items:center;column-gap:10px}
details.sg-d li.tr-sg>b{flex:1 1 160px;font-size:.94rem}
details.sg-d li.tr-sg>.tr-act{margin:0;flex:0 1 auto}
#sec-alltemples li.tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:4px;align-items:center}
#sec-alltemples li.tr>.tr-top{grid-column:1/-1}
#sec-alltemples li.tr>b{grid-column:1}
#sec-alltemples li.tr>.tr-act{grid-column:2;grid-row:2;margin:0}
#sec-alltemples li.tr:has(>.tr-act .vmark,>.tr-act .vdel,>.tr-act .vseen)>.tr-act{grid-column:1/-1;grid-row:auto}
#sec-alltemples li.tr>li.tr-alt{grid-column:1/-1}
#sec-alltemples li.tr:not(:has(>.tr-top))>b{grid-row:1}
#sec-alltemples li.tr:not(:has(>.tr-top))>.tr-act{grid-row:1}
.sg-h{flex:1 1 auto;text-align:left}
.st-nav.st-cards{grid-template-columns:repeat(auto-fit,minmax(min(66px,100%),1fr));gap:6px!important}
.st-nav.st-cards>.st-tab .st-l{font-size:.78rem}
.lang-ta .st-nav.st-cards>.st-tab .st-l{font-size:.7rem}
details.sg-d li.tr-sg>b,details.sg-d li.tr-sg>.tr-act{grid-row:1!important}
details.sg-d li.tr-sg>.tr-act{grid-column:2!important}
/* smaller items */
.cu-sum>button.cu-s{font:inherit;text-align:left;cursor:pointer;color:inherit}
.cu-sum>button.cu-s[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}
.cu-tl>li[hidden],.cu-ev[hidden]{display:none!important}
#sec-time ol.tl>li.tl-now{background:var(--good-soft);border-radius:10px;padding-left:10px!important;padding-right:10px!important}
.tl-nowtag{font-size:.76rem;font-weight:700;color:var(--good)}
#sec-time details.tl-done{margin:0 0 8px;border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
#sec-time details.tl-done>summary{cursor:pointer;color:var(--muted);font-size:.84rem;font-weight:600;padding:4px 0!important;border:0!important;background:none!important}
#sec-time details.tl-done ol.tl{opacity:.7}
#nowline[hidden]{display:none!important}
#sec-lagrasi>.st-nav.st-cards{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}
#sec-lagrasi>.st-nav.st-cards>.st-tab{min-height:52px}
#sec-lagrasi details.st-item .lab{display:block;margin:16px 0 8px!important;padding-top:12px;border-top:1px solid var(--line);font-family:var(--f-display);font-size:.98rem!important;font-weight:800;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
#sec-lagrasi details.st-item .lab::after{display:none!important}
/* 30 Oct fix: filters hide rows (the grid rules had overridden [hidden]) */
ul.rmt-list>li.rmt[hidden],#sec-alltemples li.tr[hidden],details.sg-d[hidden]{display:none!important}
li.rmt>.vseen{grid-column:1;justify-self:start;font-size:.78rem;font-weight:700;color:var(--good);background:var(--good-soft);border-radius:999px;padding:2px 10px}
/* 30 Oct: the segmented control takes as many columns as it has views (Places has four) */
.vsub:not(.vtf){grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.vsub:not(.vtf)>.vb{white-space:normal!important;line-height:1.2!important;text-align:center;padding:4px 4px!important;min-width:0}
@media (max-width:420px){.vsub:not(.vtf)>.vb{font-size:.78rem!important}.lang-ta .vsub:not(.vtf)>.vb{font-size:.68rem!important}}
/* 30 Oct fix: star-group rows with visit buttons — name on its own line, the buttons below (they overlapped on phones) */
details.sg-d li.tr-sg:has(>.tr-act .vmark,>.tr-act .vdel,>.tr-act .vseen)>b{grid-column:1/-1!important;grid-row:1!important}
details.sg-d li.tr-sg:has(>.tr-act .vmark,>.tr-act .vdel,>.tr-act .vseen)>.tr-act{grid-column:1/-1!important;grid-row:2!important}
#sec-alltemples li.tr>b{min-width:0;overflow-wrap:anywhere}
/* Remedies card with fewer than six tiles: one even row, step number on each tile */
.rm-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 8px}
.rm-nav.rm-flat{grid-template-columns:repeat(var(--n),minmax(0,1fr))!important}
@media (max-width:480px){.rm-nav.rm-flat{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rm-nav.rm-flat[data-n="2"],.rm-nav.rm-flat[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.rm-nav .rm-t{position:relative}
.rm-sn{position:absolute;top:6px;left:6px;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--c-turmeric);color:#fff;font:700 .66rem/1 var(--f-display),sans-serif;font-style:normal}
.rm-legend .rm-step{min-height:0!important}
.rm-legend .rm-step{align-items:center!important}
/* Timings: "already over" reads clearly apart from "still ahead" */
#sec-time details.tl-done ol.tl{opacity:1}
#sec-time details.tl-done ol.tl>li{opacity:.5;filter:grayscale(1)}
#sec-time details.tl-done>summary::after{content:"";}
.tl-sub{margin:10px 0 6px;font:700 .78rem/1.3 var(--f-display),sans-serif;color:var(--ink);letter-spacing:.02em}
/* review fixes (REVIEW.md, 30 Oct) */
.ds-strip{padding-top:10px}
.ds-now.ds-tri{top:-10px;bottom:auto;width:0;height:0;margin-left:-6px;border-radius:0;background:none!important;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--ink)}
.ds-seg.on{box-shadow:inset 0 -3px 0 color-mix(in srgb,#fff 45%,transparent)}
.rmt-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.rmt-chips::-webkit-scrollbar{display:none}
.rmt-chip{flex:none;white-space:nowrap}
.rmt-tip{margin:0 0 8px!important;color:var(--muted)}
#sec-wealth>.st-nav>.st-tab{--accent:var(--c-indigo)}
#sec-wealth>.st-nav>.st-tab[aria-selected="true"]{border-color:var(--c-indigo)!important;background:color-mix(in srgb,var(--c-indigo) 10%,var(--panel))!important;box-shadow:inset 0 -3px 0 var(--c-indigo)!important}
#sec-wealth>.st-nav>.st-tab i[class^="ic-"]{color:var(--c-indigo)!important}
details.bz-about{margin-top:12px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
details.bz-about>summary{list-style:none;cursor:pointer;padding:4px 0!important;border:0!important;background:none!important;color:var(--muted);font-size:.84rem;font-weight:600}
details.bz-about>summary::-webkit-details-marker{display:none}
details.bz-about>p.small{border-top:0!important;padding-top:2px!important;margin:4px 0 0}
/* the person's name once in the chart title, and no echoed title in either language */
#sec-chart h2 .ta,h2 .ta{display:none!important}
/* dasa strip: names where they fit; the next dasa slightly emphasised; its name under the strip when it doesn't fit */
.ds-seg.ds-tight .ds-l{visibility:hidden}
.ds-seg.nx{color:var(--ink);background:color-mix(in srgb,var(--c-indigo) 14%,var(--chip))}
.ds-nxl{display:none;margin-top:4px;text-align:center;font-size:.76rem;color:var(--muted)}
.ds-strip.ds-nx-out .ds-nxl{display:block}
.ds-seg .ds-l{font-size:.72rem;padding:0 2px}
.tr-intro{color:var(--muted)!important;font-size:.84rem!important}
.tr-role{display:inline-block}.tr-role::first-letter{text-transform:uppercase}
/* temple rows: map button lines up with the name; no read-more link in a row */
#sec-alltemples li.tr>.tr-act{align-self:center}
#sec-alltemples li.tr>b{align-self:center}
#sec-alltemples li.tr:not(:has(>.tr-act .vmark,>.tr-act .vdel,>.tr-act .vseen))>.tr-act{margin:0!important;align-self:center}
#sec-alltemples .tr-act>.tr-map{width:36px;height:36px}
#sec-alltemples li.tr .rmore{display:none!important}
.rmt-role::first-letter{text-transform:uppercase}
li.rmt>b{grid-row:2;align-self:center}
li.rmt>.rmt-map{grid-row:2!important;align-self:center!important}
li.rmt>.vseen{grid-row:3}
/* 3 quick things for today — v20 "Option A" (approved 30 Oct): the one dark card on the Day page */
.qk{position:relative;margin:0;padding:18px 18px 14px;border-radius:20px;border:0;color:#F4EFE6;background:linear-gradient(150deg,#383373 0%,#2E2A5C 55%,#28244F 100%);container:qk/inline-size}
:root[data-theme="dark"] .qk:not(.qk-all){background:linear-gradient(150deg,#332E68 0%,#2A2654 60%,#24214A 100%);box-shadow:inset 0 0 0 1px #3E3878}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .qk:not(.qk-all){background:linear-gradient(150deg,#332E68 0%,#2A2654 60%,#24214A 100%);box-shadow:inset 0 0 0 1px #3E3878}}
.qk.qk-all{background:linear-gradient(150deg,#26604A 0%,#1F4A36 55%,#1A3F2E 100%)}
.qk-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.qk-ring{flex:none;position:relative;width:54px;height:54px}
.qk-ring svg{position:absolute;inset:0;width:54px;height:54px}
.qk-ring .qk-arc{transition:stroke-dasharray .35s ease,stroke .2s}
.qk-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:17px;color:#F4EFE6}
.qk-hd{display:flex;flex-direction:column;gap:2px;min-width:0}
.qk-title{font-family:var(--f-display);font-weight:800;font-size:1.2rem;line-height:1.2;color:#F4EFE6}
.qk-sub{font-size:.8rem;color:#C9C3E6}
.qk.qk-all .qk-sub{color:#BFE6CF;font-weight:600}
.qk-n{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qk-i{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:10px;row-gap:6px;align-items:center;padding:14px 14px 14px 12px;border:0;border-radius:14px;text-align:left;font:inherit;cursor:pointer;color:#F4EFE6;
 background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background .15s,box-shadow .15s}
.qk-b{display:contents}
.qk-e{grid-row:1;grid-column:1;width:34px;height:34px;border-radius:50%;border:2px solid #E8B04A;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:15px;color:#E8B04A}
.qk-t{grid-row:1;grid-column:2;align-self:center;font-family:var(--f-display);font-weight:800;font-size:.98rem;line-height:1.3;overflow-wrap:normal;word-break:keep-all;hyphens:none}
.qk-w,.qk-when{grid-column:1/-1}
.qk-w{align-self:start;font-size:.82rem;line-height:1.4;color:#C9C3E6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qk-when{font-size:.78rem;font-weight:700;color:#E8B04A}
.lang-ta .qk-i{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;align-items:start}
.lang-ta .qk-t{grid-row:2;grid-column:1}
.lang-ta .qk-w,.lang-ta .qk-when{grid-column:1}
.lang-ta .qk-e{justify-self:start}
.qk-i:not([aria-pressed="true"]):hover{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1.5px #E8B04A}
.qk-i:not([aria-pressed="true"]):hover .qk-e{background:rgba(232,176,74,.18)}
.qk-i:focus-visible{outline:2px solid #E8B04A;outline-offset:2px}
.qk-i[aria-pressed="true"]{background:linear-gradient(180deg,rgba(111,201,149,.14),rgba(111,201,149,.05))}
.qk-i[aria-pressed="true"]:hover{background:linear-gradient(180deg,rgba(111,201,149,.2),rgba(111,201,149,.08));box-shadow:inset 0 0 0 1.5px #6FC995}
.qk-i[aria-pressed="true"] .qk-e{background:#6FC995;border-color:#6FC995;color:#1B3A26;font-size:0}
.qk-i[aria-pressed="true"] .qk-e::after{content:"";width:18px;height:18px;background:#1B3A26;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.qk-i[aria-pressed="true"] .qk-t{text-decoration:line-through;text-decoration-color:#8E88C2;color:#C9C3E6}
.qk-i[aria-pressed="true"] .qk-w{color:#A9A3D0}
.qk.qk-all .qk-i,.qk.qk-all .qk-i[aria-pressed="true"]{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03))}
.qk.qk-all .qk-i[aria-pressed="true"]:hover{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05))}
.qk-lock{background:transparent!important;box-shadow:none!important;border:1.5px dashed #6A64A8}
.qk-lock .qk-e{border-style:dashed;border-color:#6A64A8;color:#C9C3E6}
.qk-missed{opacity:.55}
@container qk (max-width:420px){
 .qk-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 18px;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}
 .qk-g::-webkit-scrollbar{display:none}
 .qk-i{flex:0 0 80%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:no-preference){.qk.qk-pop .qk-ring{animation:qkPop .5s ease-out}@keyframes qkPop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}}
/* v19 phone + dark review (30 Oct) */
.rm-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.rm-nav .rm-col,.rm-nav .rm-t{min-width:0}
.rm-nav .rm-t .dl-jl{white-space:normal;overflow-wrap:anywhere;text-align:center}
.rm-card>summary h2,details.fold[data-fold="remcard"]>summary h2{flex-wrap:wrap;row-gap:4px}
details.fold[data-fold="remcard"]>summary h2 .btag{white-space:normal;line-height:1.3}
details.bxpos{max-width:100%;overflow-x:auto}
table.bxt td,table.bxt th{overflow-wrap:anywhere}
@media (max-width:380px){table.bxt{font-size:.8rem}table.bxt td,table.bxt th{padding-left:4px!important;padding-right:4px!important}}
.rmt-chips.is-more,.sg-chips.is-more{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
.vbtns.vtf>.vb.primary{background:color-mix(in srgb,var(--c-indigo) 12%,var(--panel))!important;color:var(--ink)!important;border:1px solid var(--c-indigo)!important;box-shadow:inset 0 -2px 0 var(--c-indigo)!important}
.vbtns.vtf>.vb.primary .vcnt{background:color-mix(in srgb,var(--c-indigo) 18%,var(--panel));color:var(--ink)}
/* v21 review: Tamil reasons may use 4 lines; when an item is narrow (3 items under ~200px each), the number sits above the title in English too */
.lang-ta .qk-w{-webkit-line-clamp:4}
@container qk (min-width:421px) and (max-width:660px){
 .qk-i{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;align-items:start}
 .qk-t{grid-row:2;grid-column:1}
 .qk-w,.qk-when{grid-column:1}
 .qk-e{justify-self:start}
}
/* 3 quick things — dots under the swipe row (phones only) */
.qk-dots{display:none;justify-content:center;gap:8px;margin-top:12px}
.qk-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#5B5594;cursor:pointer;transition:width .2s,background .2s}
.qk-dot.dn{background:#6FC995}
.qk-dot.on{width:22px;background:#E8B04A}
.qk-dot.on.dn{background:#6FC995}
.qk.qk-all .qk-dot{background:#4C8A6C}.qk.qk-all .qk-dot.on{background:#BFE6CF}
@container qk (max-width:420px){.qk-dots{display:flex}}
/* v21b footer redesign (30 Oct): not a card — one rule, brand row, link pills, disclaimer, bottom row */
footer.nnf{border-top:0!important;padding:0!important;margin-top:36px;font-size:.82rem;color:var(--muted)}
footer.nnf>*{max-width:none}
.nnf-card{border-top:1px solid var(--line);padding:24px 4px 8px;display:grid;gap:16px}
.nnf-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;row-gap:10px}
.nnf-top .nnf-tag{grid-column:1/-1;grid-row:2}
.nnf-top .nnf-ed{grid-column:3;grid-row:1}
.nnf-logo{height:40px;width:auto;flex:none;display:block}
.nnf-tag{display:flex;flex-direction:column;gap:2px;min-width:0}
.nnf-tag b{font-family:var(--f-display);font-weight:800;font-size:1rem;color:var(--ink);line-height:1.3;text-wrap:balance}
.nnf-tag span{font-size:.8rem;color:var(--muted)}
.nnf-ed{font-size:.74rem;font-weight:700;color:var(--c-turmeric);background:color-mix(in srgb,var(--c-turmeric) 12%,var(--panel));border-radius:999px;padding:3px 10px;white-space:nowrap}
.nnf-links{display:flex;flex-wrap:wrap;gap:8px}
.nnf-links a{white-space:nowrap;width:auto!important;max-width:100%!important;flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:600;font-size:.82rem;text-decoration:none}
.nnf-links a:hover{border-color:var(--c-indigo);color:var(--c-indigo)}
.nnf-links a:focus-visible{outline:2px solid var(--c-indigo);outline-offset:2px}
.nnf-links a.nnf-q{color:var(--muted);font-weight:500}
.nnf-links svg{width:15px;height:15px;flex:none}
.nnf-note{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;line-height:1.5;color:var(--muted);text-wrap:pretty}
.nnf-note svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--c-turmeric)}
.nnf-bot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.72rem;color:var(--muted)}
.nnf-bot .nnver{margin:0;opacity:.75}
.nnf-bot a{color:var(--muted)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nnf-logo{content:url(../images/naalnalam-logo-h144-dark.png)}}
:root[data-theme="dark"] .nnf-logo{content:url(../images/naalnalam-logo-h144-dark.png)}
@media (max-width:400px){.nnf-links a{white-space:normal;text-align:left;min-height:36px;padding:6px 14px}}
/* Temples & Places: drop the "{name}'s temples / places" heading on screen — Day and My chart open straight on their tabs, and the person is already picked in the sidebar. Kept for screen readers (30 Oct) */
.verdict.vhead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* audit 30 Oct: bigger tap areas without changing the look — quick-things dots and "Read more" links */
.qk-dot{position:relative}.qk-dot::before{content:"";position:absolute;inset:-12px -5px}
.rmore{min-height:32px}
/* audit 30 Oct: phones have no arch picture behind the About title — the dark-mode picture rule was winning there and showed half an arch */
@media (max-width:520px){#nn-ab .ss-h,:root[data-theme="dark"] #nn-ab .ss-h,:root:not([data-theme="light"]) #nn-ab .ss-h{background-image:none!important}}
/* audit 30 Oct: a long star name ("Punarpoosam") no longer slides under the tara chip — the chip wraps below when there isn't room */
.ys-top{flex-wrap:wrap;row-gap:6px}.ys-top>.ys-name{overflow-wrap:anywhere}
/* audit 30 Oct: "For this bhukti" on wide screens — at most 2 tiles a row and each tile only as tall as its own text (a long "monthly help" tile no longer stretches the others) */
.ds-bt ul.bt-tiles{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));align-items:start}
@media (min-width:900px){.ds-bt ul.bt-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* audit 30 Oct: phone person bar — "🔒 Add person" / "நபரைச் சேர்க்க" was cut to "Add per…"; it may now use two short lines */
.tabs .tab[data-id="add"] .nm{white-space:normal;text-overflow:clip;overflow:visible;line-height:1.15;text-align:center;overflow-wrap:normal}
/* audit 30 Oct: plan card in the menu — text gets the full width and the button sits underneath (Tamil text was wrapping a word a line) */
.nm-card{flex-wrap:wrap;row-gap:10px}.nm-card>div{flex:1 1 180px;min-width:0}.nm-card .nm-btn{flex:0 0 auto}
/* audit 30 Oct, dark mode: the selected top tab stands out from its tray, and the small "i" buttons are easier to see */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ctabs .ctab[aria-selected="true"],:root:not([data-theme="light"]) .vsub .vb[aria-pressed="true"],:root:not([data-theme="light"]) .vsub .vb.primary{background:#3d3529;box-shadow:inset 0 -2px 0 #6FC7B6}
:root:not([data-theme="light"]) .gi{background:color-mix(in srgb,#6FC7B6 26%,transparent)}}
:root[data-theme="dark"] .ctabs .ctab[aria-selected="true"],:root[data-theme="dark"] .vsub .vb[aria-pressed="true"],:root[data-theme="dark"] .vsub .vb.primary{background:#3d3529;box-shadow:inset 0 -2px 0 #6FC7B6}
:root[data-theme="dark"] .gi{background:color-mix(in srgb,#6FC7B6 26%,transparent)}
/* ===== v22 (30 Oct): one Premium lock design ===== */
details.plk>summary h2::before,section.plk>h2::before{display:none!important;content:none!important}
.plk>summary,.plk>h2{list-style:none}
.plk h2{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;margin:0!important;font-size:inherit!important}
.plk-ic{position:relative;width:40px;height:40px;border-radius:12px;background:var(--chip);display:grid;place-items:center;color:var(--c-turmeric)}
.plk-g{font-family:"Material Symbols Rounded";font-size:22px;line-height:1;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";color:var(--c-turmeric)}
.plk-tgt::before{content:"";width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,currentColor 0 2.5px,transparent 3px 5px,currentColor 5.5px 7px,transparent 7.5px 8.5px,currentColor 9px 10px,transparent 10.5px)}
.plk-b{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;background:var(--c-turmeric);box-shadow:0 0 0 2px var(--panel);display:block}
.plk-b::before{content:"";position:absolute;inset:4px;background:var(--panel);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.plk-tx{min-width:0;display:flex;flex-direction:column;gap:3px}
.plk-t{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:3px;min-width:0}
.plk-tt{font-family:var(--f-display);font-weight:800;font-size:1.06rem;line-height:1.25;color:var(--ink);min-width:0}
.plk-pill{display:inline-block;font:700 .69rem/1.5 var(--f-display),sans-serif;color:var(--c-turmeric);background:color-mix(in srgb,var(--c-turmeric) 14%,var(--panel));border-radius:999px;padding:1px 8px;white-space:nowrap;letter-spacing:.02em}
.plk-s{font-family:var(--f-body,inherit);font-weight:500;font-size:.82rem;line-height:1.4;color:var(--muted);text-wrap:pretty}
details.plk[open] .plk-s{display:none}
.plk>.plock-n,.plk>p.small{margin:10px 0 0}
.plk-ph{display:grid;gap:8px;margin:14px 0 12px}
.plk-ph i{display:block;height:9px;border-radius:999px;background:var(--line);opacity:.8}
.plk-ph i:nth-child(1){width:88%}.plk-ph i:nth-child(2){width:72%}.plk-ph i:nth-child(3){width:54%}
ul.plk-list{list-style:none;margin:0 0 14px!important;padding:0!important;display:grid;gap:7px}
ul.plk-list li{position:relative;padding:0 0 0 24px!important;margin:0!important;border:0!important;background:none!important;font-size:.88rem;line-height:1.45;color:var(--ink)}
ul.plk-list li::before{content:"";position:absolute;left:2px;top:.28em;width:12px;height:7px;border-left:2px solid var(--good);border-bottom:2px solid var(--good);transform:rotate(-45deg);background:none!important}
.plk-go{display:block;width:100%;min-height:44px;border:0;border-radius:12px;background:var(--c-turmeric)!important;color:var(--panel)!important;font:800 .95rem/1.2 var(--f-display),sans-serif;cursor:pointer;padding:10px 14px}
.plk-go:hover{filter:brightness(1.06)}.plk-go:focus-visible{outline:2px solid var(--c-indigo);outline-offset:2px}
/* inside a tile tab the panel shows on its own — no row */
.nn-tp.plk>summary,.dl-plan .plk>summary{display:none}
/* locked tiles: muted icon + label, a small turmeric lock badge top-right */
.nn-locked{position:relative}
.nn-locked>*:not(.nn-lkb){opacity:.55}
.nn-locked::after{content:"";position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--c-turmeric) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 0 0 2px var(--panel)}
/* v22: free Places — one upsell card in the quick-things indigo; locked tabs carry a small lock */
.plk-up{background:linear-gradient(150deg,#2A2563 0%,#3B3486 100%)!important;border:0!important;color:#E9E6FF;border-radius:18px!important;padding:18px 18px 16px!important}
.plk-up h2{color:#fff!important;font-size:1.12rem!important;margin:0 0 6px!important}.plk-up h2::before{display:none!important}
.plk-up p{color:#CFCBF2;margin:0 0 14px;font-size:.9rem;line-height:1.45}
.plk-up .plk-go{width:auto;display:inline-block;padding:10px 18px;background:#E8B04A!important;color:#2A2563!important}
.psub .vb i.psub-lk{display:inline-block!important;width:12px;height:12px;margin-left:3px;vertical-align:-1px;color:var(--c-turmeric)}
/* v22 §9a: "Your goal stars" gets a target icon so it differs from "Your stars" (unlocked card too) */
details.fold[data-fold="keystars"]>summary h2::before{content:""!important;background:radial-gradient(circle,currentColor 0 2.5px,transparent 3px 5px,currentColor 5.5px 7px,transparent 7.5px 8.5px,currentColor 9px 10px,transparent 10.5px) center/22px 22px no-repeat,var(--chip)!important}
/* v22 §3: Timings after sunset → tomorrow */
.tm-tmr{background:color-mix(in srgb,var(--c-indigo) 14%,var(--panel))!important;color:var(--c-indigo)!important;border:0!important;font-weight:700;white-space:nowrap;margin-left:auto}
.tm-moon{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);font-size:.88rem}
.tm-moon i{width:16px;height:16px;flex:none}
.tm-k{color:var(--good)!important;margin:0 0 8px}
ol.tm-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.tm-r{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-radius:12px}
.tm-r.good{background:var(--good-soft,color-mix(in srgb,var(--good) 12%,var(--panel)))}
.tm-r.avoid{background:var(--avoid-soft,color-mix(in srgb,var(--avoid) 12%,var(--panel)))}
.tm-t{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.88rem}
.tm-r.good .tm-t{color:var(--good)}.tm-r.avoid .tm-t{color:var(--avoid)}
.tm-m{display:flex;flex-direction:column;gap:1px;min-width:0}.tm-m b{font-size:.92rem;color:var(--ink)}.tm-m span{font-size:.8rem;color:var(--muted);line-height:1.35}
.tm-r.avoid .tm-m span{color:var(--avoid)}
.tm-full{display:inline-block;margin:0 0 12px;font-weight:700;color:var(--c-turmeric);text-decoration:none}
.tm-full:hover{text-decoration:underline}
.tm-r{grid-template-columns:7.2em minmax(0,1fr)}.tm-t{white-space:normal}
/* v22 §4: Next days — 7-card grid on wide cards; phones keep the swipe row */
.wkbox{container:wk/inline-size}
.wd-v,.wd-tp{display:none}
@container wk (min-width:760px){
 .wkbox .week{grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;padding-right:0!important;scroll-snap-type:none}
}
/* REVIEW-v23 §1: the compact card (date · star · plain tara · verdict pill; the business note lives in the tooltip) at every width — narrow columns keep the swipe row with a fade */
.wkbox .week:not(:has(.wlock)){grid-template-columns:repeat(7,minmax(112px,1fr))}
@container wk (min-width:0px){
 .wkbox .wd{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 10px 10px!important;border:1px solid var(--line)!important;border-top-width:4px!important;border-radius:12px;background:var(--panel)!important;box-shadow:none!important;min-width:0;text-align:left;overflow-wrap:anywhere}
 .wkbox .wd.good{border-top-color:var(--good)!important}.wkbox .wd.mixed{border-top-color:var(--mixed)!important}.wkbox .wd.avoid{border-top-color:var(--avoid)!important}
 .wkbox .wd .dd{font-size:.8rem;font-weight:800}
 .wkbox .wd>span:not(.dd):not(.fl):not(.wd-v):not(.wd-tp){font-size:.85rem;color:var(--ink)}
 .wkbox .wd .fl.tr{color:var(--muted)!important;font-weight:500!important;font-size:.8rem}
 .wkbox .wd .fl:not(.tr){display:none}
 .wkbox .wd-v{display:inline-block;margin-top:4px;font:700 .72rem/1.4 var(--f-display),sans-serif;padding:2px 8px;border-radius:999px}
 .wd-v.good{color:var(--good);background:color-mix(in srgb,var(--good) 13%,var(--panel))}
 .wd-v.mixed{color:var(--mixed);background:color-mix(in srgb,var(--mixed) 14%,var(--panel))}
 .wd-v.avoid{color:var(--avoid);background:color-mix(in srgb,var(--avoid) 12%,var(--panel))}
 .wkbox .wd.cur{outline:none!important}
 .wkbox .wd.wd-today{box-shadow:0 0 0 2px var(--c-indigo)!important}
 .wkbox .wd-tp{display:inline-block;font:700 .68rem/1.4 var(--f-display),sans-serif;color:#fff;background:var(--c-indigo);border-radius:999px;padding:1px 8px;margin-bottom:2px}
}
/* v22 §7: tara colours */
.wd .fl.tr.tc-g{color:var(--good)!important}.wd .fl.tr.tc-a{color:var(--mixed)!important}.wd .fl.tr.tc-r{color:var(--avoid)!important}
.vs-t.mid{color:var(--mixed)!important}
@container wk (min-width:0px){.wkbox .wd .fl.tr{color:var(--muted)!important}.wkbox .wd>span:not(.dd):not(.fl):not(.wd-v):not(.wd-tp){font-size:.8rem;overflow-wrap:break-word}.wkbox .wd{overflow-wrap:break-word}.wkbox .wd-v{white-space:nowrap;font-size:.68rem}}
/* v22 §5: Now tile — ends where its content ends; Next / Earlier as a two-row table */
.vd2 .vd-tiles{align-self:start}
.vd2 .vd-nf{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:4px;margin-top:6px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--tc) 30%,transparent);font-size:12px;line-height:1.4}
.vd2 .vd-fl{color:var(--muted);font-weight:500}
.vd2 .vd-fv{font-weight:600;color:var(--muted)}
.vd2 .vd-fv.good{color:var(--good)}.vd2 .vd-fv.avoid{color:var(--avoid)}.vd2 .vd-fv.mixed{color:var(--mixed)}
@container wk (min-width:0px){.wkbox .wd-v{white-space:normal;text-align:left}}
/* v22 §7: one selected style for every tile tab inside a card (the green selected tile goes) */
#main [role=tablist] .dl-jc[aria-selected="true"],#main [role=tablist] .st-tab[aria-selected="true"]{background:color-mix(in srgb,var(--c-indigo) 9%,var(--panel))!important;border-color:var(--c-indigo)!important;box-shadow:inset 0 -3px 0 var(--c-indigo)!important}
#main [role=tablist] .dl-jc[aria-selected="true"] .dl-jl,#main [role=tablist] .st-tab[aria-selected="true"] .st-l{color:var(--c-indigo)!important}
/* ===== v22 §8 (30 Oct): temple lists — role + initials on one line, name · place, one map button everywhere; 2 columns on wide lists ===== */
#sec-alltemples{container:tl/inline-size}
.tr-top{justify-content:flex-start!important;align-items:center}
.tr-pl{color:var(--muted);font-weight:500}
/* the map button: a pill "📍 Map" on wide screens, a 36px icon-only button on phones (same style) */
.tr-act>.tr-map,ul.rmt-list a.maplink{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--panel);color:var(--good)!important;font:600 .85rem/1 var(--f-display),sans-serif!important;text-decoration:none;width:auto!important}
.tr-act>.tr-map i,ul.rmt-list a.maplink i{width:15px!important;height:15px!important;margin:0!important;flex:none}
@container tl (max-width:759px){#sec-alltemples .tr-act>.tr-map{font-size:0!important;width:36px!important;padding:0!important;gap:0}}
@media (max-width:700px){ul.rmt-list a.maplink{font-size:0!important;width:36px!important;padding:0!important;gap:0}}
@container tl (min-width:760px){
 #sec-alltemples .tr-i{width:18px;height:18px;font-size:.62rem;line-height:18px}
 #sec-alltemples li.tr:not(.tr-sg)>.tr-top{grid-column:1!important}
 #sec-alltemples li.tr:not(.tr-sg):not(:has(>.tr-act .vmark,>.tr-act .vdel,>.tr-act .vseen))>.tr-act{grid-column:2!important;grid-row:1/span 2!important;align-self:center}
 #sec-alltemples ul.items:has(>li.tr:not(.tr-sg)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start}
 #sec-alltemples ul.items:has(>li.tr:not(.tr-sg))>li.tr:nth-child(2){border-top:0!important}
 #sec-alltemples .vs-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
/* v22 §9 */
.wd .dd-ta{display:flex;flex-direction:column;line-height:1.25}.wd .dd-ta span+span{font-weight:500;color:var(--muted);font-size:.92em}
.psub .vb{flex:1 1 auto!important;white-space:nowrap}
@media (max-width:380px){.psub .vb{padding-left:6px!important;padding-right:6px!important}}
/* v22 §9a: a long card title wraps beside its icon instead of dropping under it */
details.fold[data-fold="keystars"]>summary h2{flex-wrap:nowrap}
details.fold[data-fold="keystars"]>summary h2{text-wrap:balance}
/* ===== REVIEW-v22b fixes (31 Oct) ===== */
/* 1–2 Places upsell: three points (3 columns when there's room), a compact button on wide screens */
.plk-up{display:flex!important;flex-direction:column;align-items:flex-start;container:plkup/inline-size}
.plk-up>p{margin:0 0 12px!important}
ul.plk-up-l{list-style:none;margin:0 0 16px!important;padding:0!important;display:grid;gap:8px;width:100%}
ul.plk-up-l li{position:relative;padding:0 0 0 24px!important;margin:0!important;border:0!important;background:none!important;color:#fff;font-weight:600;font-size:.92rem;line-height:1.4}
ul.plk-up-l li::before{content:"";position:absolute;left:2px;top:.3em;width:12px;height:7px;border-left:2px solid #E8B04A;border-bottom:2px solid #E8B04A;transform:rotate(-45deg);background:none!important}
@container plkup (min-width:560px){ul.plk-up-l{grid-template-columns:repeat(3,minmax(0,1fr))}}
.plk-up .plk-go{align-self:flex-start;width:auto!important;display:inline-block!important;padding:10px 20px!important}
@media (max-width:520px){.plk-up .plk-go{align-self:stretch;width:100%!important}}
/* 3/8 phone person bar: solid, with room for it (and the phone's home bar) under the page */
@media (max-width:700px){.tabs{background:var(--panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .content{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}
/* 4 Places tabs at 360 px: the lock sits right after the label, a little smaller */
.psub .vb i.psub-lk{width:10px!important;height:10px!important;margin-left:2px!important}
@media (max-width:400px){.psub .vb{font-size:.82rem}}
/* 5 phones: no step-label row on Remedies (the tiles carry the step numbers) */
@media (max-width:520px){.rm-legend{display:none!important}.rm-col>.rm-step{display:none!important}}
/* 6 phones: the lock badge sits on the tile's corner, smaller, clear of the icon */
@media (max-width:520px){.nn-locked::after{top:-5px;right:-5px;width:16px;height:16px;background-size:9px}.nn-locked{overflow:visible!important}}
/* 9 "Now" tile pill stays on one line */
.vd2 .vd-pill{white-space:nowrap;max-width:100%}
.vsub.psub{display:flex!important;grid-template-columns:none!important}.psub .vb{white-space:nowrap!important;min-width:0}
.vsub.psub>.vb{flex:1 1 auto!important;white-space:nowrap!important;width:auto!important}
.wkbox .wd-v,.wkbox .wd-tp{display:inline-block}
/* REVIEW-v23 §2: time ranges never wrap — the time column takes the width it needs; very narrow phones put the time above the name */
.tm-r{grid-template-columns:max-content minmax(0,1fr)!important}.tm-t{white-space:nowrap!important}
@media (min-width:421px){.tl li{grid-template-columns:max-content minmax(0,1fr)}}
@media (max-width:360px){.tm-r{grid-template-columns:1fr!important;row-gap:2px}}
/* REVIEW-v23 §3: a real space on both sides of the "·" in the result-card pill */
.vd2 .vd-pill{column-gap:0!important}.vd2 .vd-pill .vd-sep{margin-right:.35em}
/* the "Now" tile pill: one line always; in a narrow tile the verb goes and the tara name stays ("Parama Mitra") */
.vd2 .vd-tile{container:vdt/inline-size}
.vd2 .vd-pill{flex-wrap:nowrap!important}
.vd2 .vd-pill.vd-short .vd-act,.vd2 .vd-pill.vd-short .vd-sep{display:none}

/* By star on wide lists: two independent columns (1–14 and 15–27) — opening a star only pushes down its own column (31 Oct) */
#sec-alltemples .vs-cols{display:grid;grid-template-columns:minmax(0,1fr);column-gap:24px}
#sec-alltemples .vs-col{min-width:0}
@container tl (min-width:760px){#sec-alltemples .vs-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
/* trial-ended bar (31 Oct): turmeric rule and the turmeric "See with Premium" pill; "OK" stays a quiet link */
.ptrial.ended{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:8px;border-left-color:var(--c-turmeric)!important}
.ptrial-act{display:inline-flex;align-items:center;gap:14px;margin-left:auto}
.ptrial .ptrial-go{display:inline-block!important;width:auto!important;min-height:36px;padding:6px 16px!important;border-radius:999px!important;font-size:.85rem}
.ptrial .ptrial-ok{color:var(--muted);font-weight:600}
@media (max-width:520px){.ptrial-act{margin-left:0}}
/* 31 Oct: the remedy step labels and tile numbers were turmeric — the Premium/lock colour — so they read as locked. Now neutral ink on chip, indigo when the tile is selected */
.rm-step{color:var(--ink)!important}
.rm-step>i{background:var(--chip)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)}
.rm-sn{background:var(--chip)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)}
.rm-t[aria-selected="true"] .rm-sn{background:var(--c-indigo)!important;color:#fff!important;box-shadow:none}
/* 31 Oct: "What Premium opens" — indigo card, icon tiles, short lines */
.pfy{margin:6px 0 14px!important;padding:18px 18px 16px!important;border:0!important;border-radius:20px!important;color:#F4EFE6;background:linear-gradient(150deg,#383373 0%,#2E2A5C 55%,#28244F 100%)!important;container:pfy/inline-size}
.pfy-k{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#2A2410;background:#E8B04A}
.pfy-k::before{content:"workspace_premium";font-family:"Material Symbols Rounded";font-size:14px;font-weight:400;line-height:1;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";text-transform:none;letter-spacing:normal}
.pfy-h{margin:0 0 14px!important;font-family:var(--f-display);font-weight:800;font-size:1.2rem;line-height:1.25;color:#fff!important}
.pfy-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pfy-g li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:start;margin:0!important;padding:10px!important;border:0!important;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pfy-g li::before{display:none!important}
.pfy-ic{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(232,176,74,.16);color:#E8B04A;font-family:"Material Symbols Rounded";font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga"}
.pfy-g b{display:block;min-width:0;font-weight:700;font-size:.9rem;line-height:1.3;color:#fff;overflow-wrap:anywhere}
.pfy-g li>span:last-child{display:block;min-width:0;font-size:.8rem;line-height:1.35;color:rgba(244,239,230,.72)}
@container pfy (min-width:560px){.pfy-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pfy-g li{align-content:start}
@container pfy (max-width:479px){.pfy-g li{grid-template-columns:1fr;row-gap:2px;padding:10px 10px 11px!important}.pfy-ic{grid-row:auto;width:30px;height:30px;font-size:18px;margin-bottom:6px}.pfy-g b{font-size:.86rem}.pfy-g li>span:last-child{font-size:.76rem}}
.pfy .ptry,.pfy .ptry-end{margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(255,255,255,.14)!important;color:rgba(244,239,230,.85)!important}
.pfy .ptry b{color:#E8B04A}
.pfy .ptry .vb.primary{background:#E8B04A!important;color:#2A2410!important;border-color:#E8B04A!important}
/* 31 Oct: main nav (Day · My chart · Temples · Places) on Naal Nalam green, so it reads apart from the beige second-level tabs */
.views{background:#075347!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.views .vbtn{color:rgba(244,239,230,.84)!important}
.views .vbtn:not([aria-pressed="true"]):hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.views .vbtn[aria-pressed="true"]{background:#FBF6EC!important;color:#075347!important;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
.views .vbtn .lk,.views .vbtn .ta{color:inherit}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .views{background:#0B4A40!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}}
:root[data-theme="dark"] .views{background:#0B4A40!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
/* 31 Oct: card headers — the icon is pinned top-left and the title always sits beside it (with large phone text the title used to drop under the icon) */
details.fold[data-fold]>summary h2,#sec-chart h2,#sec-time h2{position:relative;padding-left:42px!important;min-height:32px;align-content:center}
details.fold[data-fold]>summary h2::before,#sec-chart h2::before,#sec-time h2::before{position:absolute;left:0;top:0}
details.fold[data-fold]>summary h2>*{min-width:0;overflow-wrap:anywhere}
details.plk>summary h2,details.plk[data-fold]>summary h2,section.plk>h2,.dl-plan[data-ptab] details.fold[data-fold^="tv"]>summary h2{padding-left:0!important;min-height:0}
details.fold:not([open]){row-gap:0!important}
/* 31 Oct: Places upsell uses the Premium-card tiles (3 across when there is room, one per row on phones) */
.plk-up.pfy{container:pfy plkup/inline-size}
.plk-up .pfy-h{margin:0 0 14px!important;font-size:1.2rem!important}
.plk-up .pfy-g{grid-template-columns:1fr;width:100%;margin-bottom:16px}
@container pfy (min-width:480px){.plk-up .pfy-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container pfy (max-width:479px){.plk-up .pfy-g li{grid-template-columns:34px minmax(0,1fr);row-gap:0;padding:10px!important}.plk-up .pfy-ic{grid-row:span 2;width:34px;height:34px;font-size:20px;margin-bottom:0}}
/* 31 Oct: Karma star tab, reorganised */
.km-v2 .km-lab{margin:18px 0 2px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.km-v2 .km-lab:first-of-type{margin-top:6px}
.km-v2 .km-rule{margin:4px 0 0;color:var(--muted);line-height:1.5}
.km-v2 .km-g{margin:0!important;padding:0!important}
.km-v2 .kc-more b{display:block;margin:0 0 4px;color:var(--ink);font-size:.84rem}
.km-v2 .kc-more .tw-segs{margin:0 0 6px}
.plk-up>p.pfy-k{color:#2A2410!important;margin:0 0 6px!important;font-size:.72rem!important;line-height:1.4}
#pf-err .pchg-sent{display:block;margin-top:8px;color:var(--good);font-weight:600}
#pf-err .pchg-ask{display:inline-flex;margin-top:8px}
/* 31 Oct: rasi pictures */
.ri{display:inline-grid;flex:none;place-items:center}
.ri img{display:block;width:100%;height:100%;object-fit:contain}
.ri .ri-ld{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ri .ri-l{display:none}:root:not([data-theme="light"]) .ri .ri-ld{display:block}}
:root[data-theme="dark"] .ri .ri-l{display:none}:root[data-theme="dark"] .ri .ri-ld{display:block}
/* Places › By rasi */
.vs-h .vs-ri{width:34px;height:34px;margin-right:2px}
/* overview Lagnam / Rasi tiles */
.ck-idc.has-ri{position:relative;padding-right:52px!important}
.ck-idc .ck-ri{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;opacity:.95}
/* "Your rasi" card: the arched picture floats beside the list (also inside "Lagnam & rasi notes" for Premium) */
.rf-img{float:right;width:96px;height:96px;margin:2px 0 8px 14px;border-radius:14px;shape-outside:margin-box}
@media (max-width:420px){.rf-img{width:80px;height:80px;margin-left:10px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rf-img{background:#F6F0E2;padding:6px;box-sizing:border-box}}
:root[data-theme="dark"] .rf-img{background:#F6F0E2;padding:6px;box-sizing:border-box}
.rf-hero::after,.lg-g::after{content:"";display:block;clear:both}
/* 31 Oct: rasi symbols — off the phone overview rows (they live in the info sheet there), kept on wider tiles */
@media (max-width:640px){.ck-idc .ck-ri{display:none}.ck-idc.has-ri{padding-right:14px!important}}
/* the sign's arched picture in the Lagnam / Rasi info sheets */
.ss-h.has-ri{align-items:flex-start}
.ss-h .ss-ri{flex:none;width:76px;height:76px;margin:0 10px 0 auto;border-radius:12px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ss-h .ss-ri{background:#F6F0E2;padding:5px;box-sizing:border-box}}
:root[data-theme="dark"] .ss-h .ss-ri{background:#F6F0E2;padding:5px;box-sizing:border-box}