.plat-main{padding:calc(var(--nav-h) + 2rem) 0 4rem}
.plat-hero{margin-bottom:2rem;max-width:72ch}
.plat-hero .h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:.35rem 0 .75rem}
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.plat-card{
  background:var(--bg-pearl-light,var(--ds-cream));border:1px solid var(--color-black,var(--border));padding:1.35rem 1.4rem;
  display:flex;flex-direction:column;gap:.7rem;min-height:100%;
}
.plat-card img{width:100%;aspect-ratio:2/3;object-fit:contain;border:1px solid var(--color-black,var(--border));background:var(--bg-pearl)}
.plat-card h3{font-size:1.15rem;font-weight:300;font-family:var(--font-serif,var(--serif))}
.plat-card p{color:var(--color-taupe-dark,var(--t60));font-size:.9rem;line-height:1.55}
.plat-meta{font-size:.72rem;color:var(--color-taupe,var(--t35));letter-spacing:.08em;text-transform:uppercase}
.plat-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto}
.gate-note{border-left:2px solid var(--color-champagne);padding:.7rem .95rem;margin:1rem 0;color:var(--color-taupe-dark);font-size:.9rem}
.ok-note{border-left:2px solid var(--color-champagne);padding:.7rem .95rem;margin:1rem 0;font-size:.9rem}

.dash-main{max-width:960px;margin:0 auto;padding:calc(var(--nav-h) + 2.5rem) 1.25rem 4rem}
.dash-tabs,.plat-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 1.25rem}
.dash-tabs [role="tab"],.plat-tabs [role="tab"]{
  min-height:44px;padding:.45em .95em;border:1px solid var(--color-black,var(--border));
  color:var(--color-black,var(--text));font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;
}
.dash-tabs [role="tab"][aria-selected="true"],.plat-tabs [role="tab"][aria-selected="true"]{
  background:var(--color-black);color:var(--bg-pearl);
}
.dash-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
.dash-card{background:var(--bg-pearl-light,var(--ds-cream));border:1px solid var(--color-black,var(--border));padding:1.4rem}
.dash-card h2{font-size:1.35rem;margin:0 0 .75rem;font-weight:300}
.dash-card[hidden]{display:none!important}
.dash-empty{color:var(--color-taupe);font-size:.9rem}
.account-email{word-break:break-all}

.reader-shell{max-width:1100px;margin:0 auto;padding:calc(var(--nav-h) + 1.25rem) 1rem 3rem}
.reader-top{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem}
.reader-tools{display:flex;flex-wrap:wrap;gap:.4rem}
.reader-tools button,.reader-tools .tool-btn{
  min-height:44px;padding:.45em .8em;border:1px solid var(--color-black,var(--border));
  color:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;
}
.reader-tools button:disabled,.tool-btn:disabled{opacity:.45}
.reader-stage{
  display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:min(70vh,720px);
  border:1px solid var(--color-black,var(--border));background:var(--bg-pearl);overflow:hidden;
}
.flip-page{display:flex;align-items:center;justify-content:center;background:var(--bg-pearl-light);border-right:1px solid var(--color-black,var(--border))}
.flip-page:last-child{border-right:none}
.flip-page img{max-width:86%;max-height:88%;object-fit:contain}
.reader-caption{margin-top:.85rem;color:var(--color-taupe);font-size:.85rem}
.audio-bar{margin-top:1.25rem;padding:1rem 1.15rem;border:1px solid var(--color-black,var(--border));display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.audio-bar button{min-height:44px;min-width:44px;border:1px solid var(--color-black,var(--border));padding:.4em .9em;background:transparent}
.audio-track{flex:1;min-width:160px;height:2px;background:var(--color-black)}
.reader-page{padding:1.6rem 1.7rem;overflow:auto;color:var(--color-black,var(--text));line-height:1.75;background:var(--bg-pearl)}
.reader-page h2{font-family:var(--font-serif,var(--serif));font-size:1.45em;margin:0 0 .7rem;font-weight:300}
.reader-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-champagne-dark);margin-bottom:.6rem}
.reader-cover-inline{max-width:180px;display:block;margin:0 0 1rem;border:1px solid var(--color-black,var(--border))}
.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem 0}
.reader-layout{display:grid;grid-template-columns:220px 1fr;gap:1.15rem;align-items:start}
.toc-rail{position:sticky;top:calc(var(--nav-h) + .7rem);border:1px solid var(--color-black,var(--border));background:var(--bg-pearl);padding:.85rem .8rem}
.toc-item{min-height:44px;padding:.35em .7em;border:1px solid var(--color-black,var(--border));color:inherit;font-size:.8rem;text-align:left;background:transparent}
.toc-item.is-on{background:var(--color-black);color:var(--bg-pearl)}
.admin-panel[hidden]{display:none!important}
.reader-notes,.hl-list{margin-top:1rem;padding:1rem;border-left:2px solid var(--color-champagne)}
.paper-sepia .reader-page{background:#f4e4c1;color:#3b2a16}
.paper-paper .reader-page{background:#FAF8F5;color:#000}
.paper-night .reader-page{background:#0A0A0C;color:#F4F1EB}
.reader-shell.dyslexia .reader-page{font-family:var(--font-sans);letter-spacing:.03em;word-spacing:.12em}
.shop-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1rem 0 1.5rem}
.shop-toolbar input{flex:1;min-width:200px;min-height:44px;padding:.6em .9em;border:1px solid var(--color-black,var(--border));background:var(--bg-pearl);color:inherit}
.wish-row{display:flex;justify-content:space-between;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--color-border-subtle)}
#postRelated{margin-top:3.5rem}
.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.25rem 0}
.kpi{background:var(--bg-pearl-light);border:1px solid var(--color-black,var(--border));padding:1.1rem}
.kpi .n{font-family:var(--font-serif);font-size:1.8rem;line-height:1}
.kpi .l{font-size:.75rem;color:var(--color-taupe);margin-top:.45rem;text-transform:uppercase;letter-spacing:.08em}
.admin-pre{font-size:.78rem;overflow:auto;padding:1rem;background:var(--bg-pearl);border:1px solid var(--color-black,var(--border));max-height:420px;white-space:pre-wrap}
.denied{max-width:520px;margin:calc(var(--nav-h) + 4rem) auto;padding:0 1.25rem}
@media(max-width:1024px){.plat-grid{grid-template-columns:1fr 1fr}.admin-kpis{grid-template-columns:1fr 1fr}.reader-stage{min-height:52vh}}
@media(max-width:900px){.reader-layout{grid-template-columns:1fr}.toc-rail{display:none;position:static}.toc-rail.is-open{display:block}}
@media(max-width:700px){.plat-grid,.dash-grid,.admin-kpis,.reader-stage{grid-template-columns:1fr}.reader-stage{min-height:auto}.flip-page{min-height:42vh}}