.reader-page{background:#f7f3ea}.reader-wrap{width:min(1180px,calc(100% - 3rem));margin:auto}.reader-header{position:relative}.back-home{color:var(--ink);text-decoration:none;font-size:.85rem}.reader-hero{padding:5.5rem 0 4.5rem;background:var(--deep);color:#fff}.reader-hero h1{font-size:clamp(2.8rem,6vw,5.2rem);margin:.2rem 0 1rem}.reader-hero p:last-child{color:rgba(255,255,255,.68);max-width:650px}.reader-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:5rem;align-items:start;padding:5rem 0 7rem}.toc-panel{position:sticky;top:2rem}.toc-panel h2{font-size:1rem;letter-spacing:.16em;text-transform:uppercase;margin:2rem 0 1rem}.book-switch{display:grid;gap:.55rem}.book-switch button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:.8rem 1rem;text-align:left;font-family:inherit;cursor:pointer}.book-switch button.active{background:var(--ink);color:#fff}.toc-panel nav{border-top:1px solid var(--line)}.toc-link{display:grid;grid-template-columns:2rem 1fr;gap:.5rem;padding:.9rem 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.86rem;line-height:1.5}.toc-link span{color:var(--gold);font:500 .72rem Georgia,serif}.toc-link.active{color:var(--rust);font-weight:600}.article-panel{background:var(--white);padding:clamp(2rem,5vw,5rem);box-shadow:0 20px 55px rgba(7,24,39,.08);min-height:550px}.article-head{padding-bottom:2rem;margin-bottom:3rem;border-bottom:1px solid var(--line)}.article-head .overline{color:var(--gold);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.article-head h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:0}.article-body{max-width:760px;margin:auto}.article-body p{font-size:1.06rem;line-height:2.05;margin-bottom:1.3rem}.article-body .subhead{font-size:1.35rem;font-weight:600;color:var(--rust);margin:2.8rem 0 1.2rem}.article-body .date{text-align:right;color:var(--muted);font-style:italic}.article-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.article-nav a{color:var(--rust);text-decoration:none}.empty-reading{color:var(--muted);padding:4rem 0;text-align:center}.availability{padding:2rem;border:1px solid var(--gold);background:#fffaf0;color:#5d4b2d}.reader-page footer .reader-wrap{display:flex;justify-content:space-between}.reader-page footer p{margin:0}.reader-page footer a{color:inherit;text-decoration:none}
@media(max-width:850px){.back-home{display:none}.reader-layout{grid-template-columns:1fr;gap:2rem}.toc-panel{position:static}.article-panel{padding:2rem}.reader-hero{padding:3.5rem 0}.reader-wrap{width:min(100% - 2rem,1180px)}}
.article-head{margin-bottom:2rem}.speech-player{margin:0 0 2.4rem;padding:1rem 1.1rem;border:1px solid rgba(94,41,33,.18);border-radius:14px;background:rgba(247,243,234,.7);box-shadow:0 8px 28px rgba(61,34,27,.05)}.speech-title{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem;color:var(--ink)}.speech-icon{color:var(--rust);font-size:.62rem}.speech-title strong{font-size:1rem}#speech-status{margin-left:auto;color:var(--muted);font-size:.85rem}.speech-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.speech-controls button,.speech-controls select{min-height:40px;border:1px solid rgba(94,41,33,.25);border-radius:9px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.speech-controls button{padding:.55rem .95rem}.speech-controls button:first-child{background:var(--rust);border-color:var(--rust);color:#fff}.speech-controls button:disabled{opacity:.45;cursor:default}.speech-controls label{display:flex;align-items:center;gap:.45rem;margin-left:auto;color:var(--muted);font-size:.9rem}.speech-controls select{max-width:min(260px,60vw);padding:.4rem .55rem}.speech-unsupported{margin:0;color:var(--muted);line-height:1.6}
@media(max-width:560px){.speech-controls label{width:100%;margin:.25rem 0 0}.speech-controls select{margin-left:auto}}