/* Itihasa — palm-leaf manuscript theme */
:root{--bg:#f3ead8;--paper:#fbf6ea;--ink:#2a2118;--mute:#7a6a55;--rule:#dccdb0;--accent:#b23a1e;--accent2:#1f4e5f;--chip:#efe3c8;--reader-size:1;--wrap:1060px;--gold:#b8892f;--serif:"Newsreader","Source Serif 4",Georgia,serif;--head:"Fraunces",Georgia,serif;--dev:"Tiro Devanagari Sanskrit","Noto Serif Devanagari",serif}
[data-theme=dark]{color-scheme:dark;--gold:#e3c071;--bg:#14110d;--paper:#1c1812;--ink:#ece1cc;--mute:#a89878;--rule:#3a3225;--accent:#e8794f;--accent2:#7cc0d4;--chip:#2a241a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:1.08rem/1.7 var(--serif);background-image:radial-gradient(var(--rule) 1px,transparent 1px);background-size:26px 26px}
a{color:var(--accent2);text-decoration:none}a:hover{color:var(--accent)}
h1,h2,h3,h4,h5{font-family:var(--head);font-weight:600;line-height:1.2;margin:0}
main{max-width:var(--wrap);margin:0 auto;padding:28px 20px 72px}
/* header */
.site-header{position:sticky;top:0;z-index:20;padding:10px 16px}
.header-inner{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:8px 10px 8px 22px;box-shadow:0 6px 24px -14px #0006}
.brand{display:flex;align-items:baseline;gap:10px;color:var(--ink)}
.brand .sa{font-family:var(--dev);font-size:1.35rem;color:var(--accent)}.brand .en{font-family:var(--head);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.nav a{font:600 .85rem var(--head);color:var(--mute);padding:7px 14px;border-radius:999px}
.nav a:hover,.nav a.on{background:var(--accent);color:#fff}
.icon-btn{border:1px solid var(--rule);background:transparent;color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;margin-left:6px}
/* hero */
.hero{text-align:center;padding:56px 12px 40px;position:relative;overflow:hidden}
.hero .om{font-family:var(--dev);font-size:clamp(7rem,22vw,13rem);line-height:1;color:var(--accent);opacity:.13;position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.hero h1{position:relative;font-size:clamp(2.2rem,6vw,3.8rem)}.accent-sa{font-family:var(--dev);color:var(--accent);font-weight:400}
.hero p{position:relative;color:var(--mute);font-size:1.2rem;font-style:italic;margin:12px 0 0}
.divider{width:90px;height:3px;margin:24px auto 0;background:var(--accent);border-radius:3px;position:relative}
.page-title{margin:8px 0 26px}.tag{display:inline-block;font:600 .72rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px;margin-bottom:10px}
.page-title h1{font-size:clamp(1.9rem,4.5vw,2.8rem)}.page-title .sa{font-family:var(--dev);color:var(--accent);font-size:1.5rem;margin-top:4px}.page-title p{color:var(--mute);margin:8px 0 0}
.crumbs{font:.82rem var(--head);color:var(--mute);margin-bottom:14px}.crumbs .sep{margin:0 8px;opacity:.5}
/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{display:block;background:var(--paper);border:1px solid var(--rule);border-radius:18px 18px 18px 4px;padding:22px;color:var(--ink);transition:.2s}
.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 30px -18px #0008;color:var(--ink)}
.card .icon{font-size:1.8rem}.card h3{margin:10px 0 2px;font-size:1.3rem}.card .sa{font-family:var(--dev);color:var(--accent)}.card p{color:var(--mute);font-size:.95rem;margin:8px 0}.card .count{font:600 .75rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--accent2)}
/* lists */
.epic{margin-bottom:44px}.epic-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:8px}
.epic-title .sa{font-family:var(--dev);font-size:1.7rem;color:var(--accent)}.epic-title .iast{font:600 1.1rem var(--head)}.epic-desc{color:var(--mute)}
ul.sections,ul.chapter-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
ul.chapter-list{margin:18px 0}
.sec-row,.avail-row,.chapter-list a{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:12px 16px;color:var(--ink);height:100%}
.sec-row:hover,.avail-row:hover,.chapter-list a:hover{border-color:var(--accent);color:var(--ink)}
.tri{display:none}.num{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--chip);color:var(--accent);font:700 .95rem var(--head)}
.names,.chapter-list a>span:nth-child(2){display:flex;flex-direction:column;flex:1;line-height:1.3}.n-sa,.s{font-family:var(--dev);color:var(--accent);font-size:.95rem}.n-iast,.t{font:600 1rem var(--head)}.n-en,.d{font-size:.85rem;color:var(--mute)}
.counts,.n{font-size:.78rem;color:var(--mute);text-align:right}.avail{display:block;color:var(--accent2);font-weight:600}
.note{background:var(--chip);border-left:4px solid var(--accent);border-radius:6px;padding:10px 14px;font-size:.92rem;color:var(--mute)}
.label{font:600 .7rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
/* reader */
.reader{display:grid;grid-template-columns:76px 1fr;gap:26px;align-items:start}
.side{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto;display:flex;flex-direction:column;gap:4px;font:.78rem var(--head)}
.side h4{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.side a{text-align:center;padding:4px 0;border-radius:6px;color:var(--mute)}.side a.active{background:var(--accent);color:#fff}
.toolbar{position:sticky;top:76px;z-index:10;display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:8px 14px;font:.82rem var(--head);margin-bottom:18px}
.toolbar label{cursor:pointer;display:flex;gap:6px;align-items:center}.toolbar input{accent-color:var(--accent)}
.size{margin-left:auto}.size button,.copy{font:600 .75rem var(--head);border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:8px;padding:3px 9px;cursor:pointer}.copy:hover,.size button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.verse{background:var(--paper);border:1px solid var(--rule);border-left:5px solid var(--accent);border-radius:6px 16px 16px 6px;margin-bottom:20px;overflow:hidden}
.verse-head{display:flex;align-items:center;gap:10px;padding:8px 18px;background:var(--chip);font:.78rem var(--head)}
.verse-head .id{font-weight:700;color:var(--accent);font-size:.95rem}.ref{color:var(--mute)}.ann{color:var(--accent2)}.head-right{margin-left:auto;display:flex;gap:10px;align-items:center}
.verse-body{padding:22px 26px 24px;font-size:calc(1rem * var(--reader-size));text-align:center}
.speaker{margin:0 0 10px;font-size:.85em;color:var(--mute)}.sp-sa{font-family:var(--dev);margin-right:8px;color:var(--accent)}
.sa-text{font-family:var(--dev);font-size:1.7em;line-height:1.85;white-space:pre-line;margin:0 0 10px}
.iast{font-style:italic;color:var(--mute);white-space:pre-line;margin:0 0 18px}
.words-block,.meaning-block{text-align:left;margin-top:16px;border-top:1px dashed var(--rule);padding-top:14px}
.words{display:flex;flex-wrap:wrap;gap:8px}.word{background:var(--chip);border-radius:8px;padding:5px 10px;display:flex;flex-direction:column;align-items:center;line-height:1.3}.w-sa{font-family:var(--dev);color:var(--accent);font-size:1.05em}.w-en{font-size:.82em;color:var(--mute)}
.meaning{margin:0;font-size:1.08em}
body.hide-sa .sa-text,body.hide-iast .iast,body.hide-words .words-block,body.hide-english .en-block,body.hide-hindi .hi-block,body.hide-hinglish .hing-block{display:none}
.pager{display:flex;justify-content:space-between;gap:12px;margin:30px 0 0}.pager a{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:8px 18px;font:600 .88rem var(--head)}.pager a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.prose{max-width:720px}.prose h2{margin:30px 0 8px;font-size:1.4rem;color:var(--accent)}
/* footer */
.site-footer{background:var(--paper);border-top:1px solid var(--rule);padding:36px 20px 18px}.footer-inner{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.footer-inner .sa{font-family:var(--dev);color:var(--accent);font-size:1.2rem}.footer-inner p{color:var(--mute);font-size:.92rem}.footer-inner h5{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.footer-inner ul{list-style:none;margin:0;padding:0;font-size:.92rem}
.copyright{max-width:var(--wrap);margin:24px auto 0;color:var(--mute);font-size:.8rem;border-top:1px solid var(--rule);padding-top:12px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:8px 18px;border-radius:999px;opacity:0;transition:.25s;pointer-events:none;font:.85rem var(--head)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.reader{grid-template-columns:1fr}.side{display:none}.footer-inner{grid-template-columns:1fr}.header-inner{border-radius:20px;padding:10px 14px}.verse-body{padding:18px 14px}.toolbar{top:70px}}
.trans-block .tr{display:none;margin:0 0 6px}.trans-block .tr.on{display:block}.by{display:block;font:600 .72rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--accent2);margin-bottom:2px}
.toolbar select{font:inherit;background:var(--chip);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:2px 6px}
.btn{display:inline-block;background:var(--accent);color:#fff;font:600 .95rem var(--head);border-radius:999px;padding:10px 24px}.btn:hover{color:#fff;filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.ghost:hover{color:var(--accent);background:var(--chip)}.cta{position:relative;margin-top:24px}
.votd{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:22px 26px;margin:0 0 22px;text-align:center}.votd .sa-text{font-size:1.5rem}.votd .meaning.hi{color:var(--mute);font-size:.98rem;margin-top:6px}.h2{font-size:1.2rem;margin:26px 0 10px}
.toolbar input[type=search],.toolbar input[type=text]{font:inherit;background:var(--chip);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:3px 8px;width:150px}#focus-btn{font:600 .75rem var(--head);border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:8px;padding:3px 9px;cursor:pointer}
.copy.on{background:var(--accent);color:#fff;border-color:var(--accent)}.verse.is-done{opacity:.72}.verse.playing{box-shadow:0 0 0 2px var(--accent2),0 10px 30px -18px #0008}.hi-block .tr-hi{margin:0;font-family:var(--dev);font-size:1.05em}
.player{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(860px,calc(100% - 20px));z-index:30;background:var(--paper);border:1px solid var(--accent);border-radius:16px;padding:10px 14px;box-shadow:0 14px 40px -12px #000a;font:.82rem var(--head)}.player[hidden]{display:none}
.pl-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pl-opts{margin-top:8px;color:var(--mute)}.pl-row button{border:1px solid var(--rule);background:var(--chip);color:var(--ink);border-radius:50%;width:34px;height:34px;cursor:pointer}.pl-row button#pl-play{background:var(--accent);color:#fff;border-color:var(--accent)}.pl-row select{font:inherit;background:var(--chip);color:var(--ink);border:1px solid var(--rule);border-radius:8px;max-width:190px}
.pl-info{flex:1;min-width:140px}.pl-bar{height:5px;background:var(--rule);border-radius:3px;margin-top:5px}#pl-fill{height:100%;width:0;background:var(--accent);border-radius:3px;transition:width .2s}#pl-msg{margin-top:6px;color:var(--accent);min-height:0}#pl-msg:empty{display:none}body.has-player main{padding-bottom:190px}
body.focus .site-header,body.focus .site-footer,body.focus .side,body.focus .crumbs,body.focus .page-title,body.focus .note{display:none}body.focus .reader{grid-template-columns:1fr;max-width:760px;margin:0 auto}

/* ===== v6: two-column verses, guide, gallery ===== */
body.wide{--wrap:1360px}
.side{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.side::-webkit-scrollbar{width:6px}.side::-webkit-scrollbar-thumb{background:var(--gold);border-radius:6px}
.side a.active{background:var(--accent);color:#fff}
.verse-body .label,.verse-side .label{color:var(--gold)}
.verse-head .id,.sa-text{color:inherit}.verse-head .id{color:var(--accent)}
.page-title h1,.verse-body .by,.guide h3{color:var(--gold)}
.verse-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:stretch}
.verse-body{min-width:0;text-align:center}
.verse-side{border-left:1px solid var(--rule);padding:18px 18px 20px;background:color-mix(in srgb,var(--chip) 45%,transparent);display:flex;flex-direction:column;gap:14px;font-size:.92rem;min-width:0;text-align:left}
body.hide-side .verse-side{display:none}body.hide-side .verse-grid{grid-template-columns:1fr}
.verse-body .words-block,.verse-body .meaning-block{text-align:left}
.simple-block{margin-top:12px}.by-inline{text-transform:none;letter-spacing:0;font-style:italic;color:var(--mute);font-weight:400}
.hing-text{margin:0}
.miss-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin-top:14px;text-align:left}
.miss::after{content:": not added yet"}.miss{font-style:normal;font:.72rem var(--head);color:var(--mute);border:1px dashed var(--rule);border-radius:999px;padding:2px 10px}
body.hide-words .miss[data-for=words],body.hide-english .miss[data-for=english],body.hide-hindi .miss[data-for=hindi],body.hide-hinglish .miss[data-for=hinglish]{display:none}
.coverage{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;background:var(--chip);border-left:4px solid var(--accent);border-radius:6px;padding:8px 14px;margin-bottom:18px;font:.8rem var(--head);color:var(--mute)}
.coverage .label{margin:0 6px 0 0}.cov{border:1px solid var(--rule);border-radius:999px;padding:1px 10px}.cov b{font-weight:600;color:var(--ink)}
.cov.full{border-color:#4f9d6b}.cov.some{border-color:var(--gold)}.cov.none{border-style:dashed}.cov-hint{margin-left:auto;font-style:italic}
.tr-fallback .by::after{content:" (selected translator not available for this verse)";text-transform:none;letter-spacing:0;color:var(--mute)}
/* side panel */
.vs-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vs-head .label{margin:0}
.btn-sm{font:600 .75rem var(--head);border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:999px;padding:4px 12px;cursor:pointer}
.btn-sm:hover{background:var(--accent);color:#fff}.btn-sm.solid{background:var(--accent);color:#fff}.btn-sm.danger{border-color:#c0504d;color:#e07a77}.btn-sm.danger:hover{background:#c0504d;color:#fff}
.empty{border:1px dashed var(--rule);border-radius:12px;padding:16px;text-align:center;color:var(--mute);font-size:.88rem;line-height:1.5}
.empty .ico{display:block;font-size:1.6rem;margin-bottom:4px;opacity:.8}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.thumb{position:relative;aspect-ratio:4/3;border:1px solid var(--rule);border-radius:10px;overflow:hidden;padding:0;background:var(--chip);cursor:zoom-in;color:var(--ink)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb .chip{position:absolute;left:4px;bottom:4px;right:4px}
.thumb:hover{border-color:var(--accent)}
.img-broken{display:grid;place-items:center;height:100%;font:.72rem var(--head);color:var(--mute);padding:6px;text-align:center}
.chip{display:inline-block;font:600 .64rem var(--head);letter-spacing:.03em;padding:2px 7px;border-radius:6px;background:#000b;color:#fff;line-height:1.35;border-left:3px solid var(--gold)}
.chip.amber{border-color:#e0a030}.chip.red{border-color:#e05a4f}.chip.teal{border-color:#4fb3c9}.chip.green{border-color:#5cba7d}
.vs-ctx{border-top:1px dashed var(--rule);padding-top:10px;color:var(--mute);font-size:.85rem;display:flex;flex-direction:column;gap:6px}
.vs-ctx a{color:var(--gold)}.rel{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.rel a{border:1px solid var(--rule);border-radius:999px;padding:0 9px;font:600 .75rem var(--head)}.rel a:hover{border-color:var(--accent)}
/* guide */
.guide{margin:0 0 18px}
.guide-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:8px 12px}
.guide-tabs .gt{font:600 .82rem var(--head);border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:999px;padding:5px 14px;cursor:pointer}
.guide-tabs .gt:hover{border-color:var(--accent)}.guide-tabs .gt[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.guide-tabs .hint{margin-left:auto;font:.78rem var(--head);color:var(--mute)}
.guide-panel{background:var(--paper);border:1px solid var(--rule);border-top:0;border-radius:0 0 12px 12px;padding:18px 22px;margin-top:-6px}
.guide-panel h3{font-size:1.05rem;margin:0 0 6px}.guide-panel p{margin:0 0 10px}
.stage-now{border-left:4px solid var(--accent);background:var(--chip);border-radius:6px;padding:10px 14px}
.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--rule)}
.timeline li{position:relative;padding:0 0 12px 16px}
.timeline li::before{content:"";position:absolute;left:-25px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--rule)}
.timeline li.now::before{background:var(--accent);border-color:var(--accent)}
.timeline a{font:600 .95rem var(--head);color:var(--ink)}.timeline li.now a{color:var(--accent)}.timeline p{margin:2px 0 0;font-size:.9rem;color:var(--mute)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.char{display:flex;gap:12px;background:var(--chip);border:1px solid var(--rule);border-radius:14px;padding:12px}
.avatar{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--gold);color:var(--gold);font:1.4rem var(--dev)}
.char b{font:600 1rem var(--head)}.char .role{font:.74rem var(--head);color:var(--accent);display:block}.char p{margin:4px 0 0;font-size:.86rem;color:var(--mute);line-height:1.45}
.ev{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.ev li{background:var(--chip);border-radius:10px;padding:10px 14px;border-left:4px solid var(--rule)}
.ev li.fact{border-color:#5cba7d}.ev li.interpretation{border-color:#e0a030}.ev li.tradition{border-color:#9a86d6}
.kind{font:700 .66rem var(--head);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:2px}
.fact .kind{color:#5cba7d}.interpretation .kind{color:#e0a030}.tradition .kind{color:#9a86d6}
.refs{font-size:.8rem;color:var(--mute);margin-top:4px}.refs a{word-break:break-word}
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.legend div{font-size:.84rem;color:var(--mute)}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filters button{font:600 .75rem var(--head);border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:999px;padding:3px 11px;cursor:pointer}.filters button.on{background:var(--accent);border-color:var(--accent);color:#fff}
/* dialogs */
dialog.dlg{background:var(--paper);color:var(--ink);border:1px solid var(--gold);border-radius:16px;padding:0;max-width:min(920px,94vw);width:100%;max-height:92vh;box-shadow:0 30px 80px -20px #000}
dialog.dlg::backdrop{background:#000a}
.dlg-in{padding:20px 24px;overflow:auto;max-height:92vh}.dlg h2{font-size:1.25rem;color:var(--gold);margin-bottom:10px}
.dlg label{display:block;font:600 .78rem var(--head);margin:10px 0 3px;color:var(--mute)}
.dlg input[type=text],.dlg input[type=url],.dlg select,.dlg textarea{width:100%;font:inherit;font-size:.95rem;background:var(--chip);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:6px 10px}
.dlg textarea{min-height:62px;resize:vertical}.dlg .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.dlg .radios{display:flex;flex-direction:column;gap:6px}.dlg .radios label{display:flex;gap:8px;align-items:flex-start;margin:0;font:.88rem var(--serif);color:var(--ink);cursor:pointer}.dlg .radios small{display:block;color:var(--mute);font-size:.78rem;line-height:1.35}
.dlg .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.dlg .err{color:#e07a77;font-size:.85rem;margin-top:8px;min-height:1em}
.dlg .warn{background:#e0a03022;border-left:4px solid #e0a030;border-radius:6px;padding:8px 12px;font-size:.85rem;margin-top:10px}.dlg .warn.red{background:#e05a4f22;border-color:#e05a4f}.dlg .warn.ok{background:#5cba7d22;border-color:#5cba7d}
.lb-img{width:100%;max-height:52vh;object-fit:contain;background:#000;border-radius:10px}.lb-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:.88rem;margin-top:10px}.lb-meta dt{font:600 .7rem var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.lb-meta dd{margin:0 0 6px;word-break:break-word}
.lb-nav{display:flex;justify-content:space-between;align-items:center;gap:8px}
@media(max-width:980px){.verse-grid{grid-template-columns:1fr}.verse-side{border-left:0;border-top:1px solid var(--rule)}.dlg .row2,.lb-meta{grid-template-columns:1fr}.cov-hint{margin-left:0}}
body.focus .verse-side{display:none}body.focus .verse-grid{grid-template-columns:1fr}
@media(max-width:820px){.toolbar{position:static}.site-header{position:static}}

/* ===== v7: topics, spans, together-notes ===== */
.page-title .topic{color:var(--ink);font-size:1.12rem;margin:10px 0 0;font-style:italic;max-width:900px}
.page-title .topic.speakers{font-style:normal;font-size:.95rem;color:var(--mute)}.page-title .topic .label{display:inline;margin-right:6px}
.page-title .topic .sp-sa{font-family:var(--dev);color:var(--accent);margin-right:2px}.page-title .topic .sp-iast{font-style:italic;margin-right:10px}
.summary{margin-top:8px;max-width:900px;font-size:.92rem}.summary summary{cursor:pointer;color:var(--gold);font:600 .8rem var(--head)}.summary p{margin:6px 0;color:var(--mute)}.summary .src{font-size:.78rem;font-style:italic}
.topic-line{color:var(--mute);font-size:.83rem;line-height:1.35;margin-top:2px}
.span-note{font:italic .8rem var(--serif);color:var(--mute);margin:4px 0 0}
.miss.together{border-style:solid;border-color:var(--gold);color:var(--mute)}.miss.together::after{content:none}
.miss.together a{color:var(--gold);text-decoration:underline}