*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1217;color:#d6dde0;font-family:Arial,Helvetica,sans-serif}.gold{color:#c9a227}.site-header{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:auto;padding:24px 30px;border-bottom:1px solid #2c353c}.back{color:#d6dde0;text-decoration:none}.back:hover,.chapter-nav button:hover{color:#e4bb35}.brand{font-weight:700}.edition{font-size:.7rem;letter-spacing:.2em;color:#c9a227}.layout{max-width:1320px;margin:auto;padding:30px;display:grid;grid-template-columns:255px minmax(0,1fr);gap:36px}.sidebar{align-self:start;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;padding:0 8px 30px 0}.cover-wrap{max-width:142px;margin:0 auto 25px}.cover{width:100%;display:block;box-shadow:0 8px 30px #0009}.nav-heading{color:#c9a227;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;margin-bottom:15px}.part-link{margin:18px 0 9px;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:#c9a227}.chapter-link{display:block;width:100%;text-align:left;padding:9px 12px;background:none;border:1px solid transparent;border-radius:6px;color:#acb7c0;cursor:pointer;font-size:.88rem;line-height:1.35}.chapter-link:hover{background:#1c2930}.chapter-link.active{color:white;border-color:#57636a;background:#1d2a31}.chapter-link .number{display:inline-block;color:#c9a227;width:25px;font-size:.74rem}.sidebar-note{font-size:.78rem;color:#8998a2;line-height:1.8;border-top:1px solid #334048;padding-top:18px}.reader-panel{border:1px solid #28333a;border-radius:16px;background:#121d23;min-width:0;padding:32px clamp(22px,5vw,76px) 38px}.reader-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:48px;color:#a6b4be;font-size:.8rem}.reader-toolbar select{background:#223038;color:#fff;border:1px solid #46535a;padding:7px;border-radius:6px}.part-label{text-transform:uppercase;letter-spacing:.22em;color:#c9a227;font-size:.75rem}.chapter-number{color:#99a9b3;margin-top:30px;font-size:.95rem}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.2;margin:6px 0 32px}#chapter-body{font-family:Georgia,'Times New Roman',serif;font-size:var(--reader-font,19px);line-height:1.85;max-width:730px;margin:48px auto 0;overflow-wrap:break-word}#chapter-body p{margin:0 0 1.15em}#chapter-body p.prose:not(.no-indent){text-indent:1.3em}#chapter-body p.interface{font-family:'Courier New',monospace;font-size:.86em;letter-spacing:.01em;background:#223038;padding:10px 14px;text-indent:0}#chapter-body p.manuscript-blank{min-height:.9em}.music{margin:26px 0 36px;padding:18px 22px;border:1px solid #5a4b26;border-radius:12px;background:#1b2427}.music .music-kicker{font-size:.7rem;letter-spacing:.18em;color:#c9a227;text-transform:uppercase;margin:0 0 9px}.music-title{font-weight:700;margin:0 0 12px}.music audio{width:100%;display:block}.music-note{font-size:.73rem;color:#a1b0b9;line-height:1.5;margin:9px 0 0}.chapter-nav{border-top:1px solid #334048;margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;gap:12px;align-items:center}.chapter-nav button{background:transparent;border:1px solid #4c565d;padding:12px;border-radius:8px;color:#d6dde0;cursor:pointer}.chapter-nav button:disabled{opacity:.25;cursor:not-allowed}.chapter-nav span{font-size:.78rem;color:#8d9ca5}.disclaimer{margin-top:35px;color:#788994;font-size:.72rem;line-height:1.7}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;color:black;z-index:100;padding:10px}body.light{background:#e3e4e0;color:#273238}body.light .reader-panel{background:#f8f6ef;color:#242a30}body.light .sidebar .chapter-link{color:#273238}body.light .sidebar .chapter-link.active{background:#dcd8c9;color:#131b1f}body.light .music{background:#f3eedc}body.light #chapter-body p.interface{background:#e7e5dc}body.light .chapter-nav button{color:#243039}body.light .site-header a{color:#273238}body.light .reader-toolbar select{color:#111;background:#f6f3ed}body.light .chapter-number,body.light .sidebar-note{color:#54636a}@media(max-width:800px){.layout{grid-template-columns:1fr;padding:15px;gap:14px}.sidebar{position:static;max-height:250px;border-bottom:1px solid #44515a;padding:0 0 8px}.cover-wrap{display:none}.reader-panel{padding:22px 19px}.reader-toolbar{margin-bottom:28px}.site-header{padding:15px}.edition{display:none}#chapter-body{font-size:var(--reader-font,18px)}}
/* @RJS° approved gateway v8 palette and brand treatments. Styling only: chapter prose remains untouched. */
:root{--brand-gold:#c9a227;--brand-light:#d6dde0;--brand-bg:#0c1216;--brand-line:rgba(214,221,224,.16)}
body{background:radial-gradient(ellipse at 77% 65%,rgba(149,94,28,.13),transparent 40%),radial-gradient(ellipse at 17% 20%,rgba(55,93,110,.16),transparent 46%),var(--brand-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.site-header{max-width:1200px;border-color:var(--brand-line)}
.brand,.back{color:var(--brand-light)}
.punct-gold,.bullet-gold,.arrow-gold{color:var(--brand-gold)}
.punct-light,.terminal-light{color:var(--brand-light)}
.gold{color:var(--brand-gold)}
.layout{max-width:1200px}
.reader-panel{background:linear-gradient(125deg,rgba(20,33,39,.95),rgba(16,22,25,.97));border:1px solid var(--brand-line)}
.chapter-link.active{border-color:rgba(201,162,39,.47)}
.nav-heading,.part-link,.part-label,.edition,.music-kicker{color:var(--brand-gold)}
#chapter-title .punct-gold,.music-title .punct-gold,.part-link .punct-gold{color:var(--brand-gold)}
#chapter-title .terminal-light,.music-title .terminal-light{color:var(--brand-light)}
.reader-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--brand-line);margin-top:2rem;padding-top:1.5rem;font-size:.8rem;color:#aab5bc}
.reader-footer strong,.reader-footer .footer-at{color:var(--brand-gold)}
.reader-footer a{color:inherit;text-decoration:none}
.reader-footer a:hover{color:var(--brand-gold)}
body.light .reader-footer .terminal-light{color:#273238}
body.light .punct-light{color:#273238}
body.light .site-header .brand,body.light .site-header .back{color:#273238}
body.light .reader-panel{background:#f8f6ef}
body.light .reader-footer{color:#54636a}
body.light #chapter-title .terminal-light,body.light .music-title .terminal-light{color:#273238}
@media(max-width:680px){.reader-footer{flex-direction:column;align-items:flex-start}}

/* v3 marked corrections: all punctuation is presentation only. */
.back .arrow-gold,.chapter-nav .arrow-gold{color:var(--brand-gold);font-weight:700}
.chapter-nav button .punct-gold{color:var(--brand-gold);margin:0 .08em}
.reader-toolbar select{appearance:none;-webkit-appearance:none;padding-right:31px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c9a227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.reader-footer .copyright-year{color:var(--brand-light)}
.disclaimer .punct-gold{color:var(--brand-gold)}
body.light .reader-footer .copyright-year{color:#273238}

/* v4 — companion music and lyrics. Lyrics never overlay the manuscript. */
.music-wave{display:block;width:100%;height:66px;margin:11px 0 10px;border-radius:7px;background:rgba(9,17,22,.45)}
.lyrics-toggle{background:transparent;border:1px solid var(--brand-gold);color:var(--brand-light);border-radius:7px;padding:9px 14px;font-weight:700;cursor:pointer}
.lyrics-toggle:hover,.lyrics-toggle[aria-expanded="true"]{background:rgba(201,162,39,.13)}
.lyrics-toggle:disabled{opacity:.4;cursor:default}
.reading-stage{display:block;min-width:0}
.reading-stage.lyrics-visible{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);align-items:start;gap:20px}
.reading-stage.lyrics-visible #chapter-body{min-width:0;margin-top:48px}
.lyrics-panel{position:sticky;top:14px;max-height:calc(100vh - 30px);min-width:0;border:1px solid rgba(201,162,39,.45);border-radius:10px;background:#18252b;color:var(--brand-light);display:flex;flex-direction:column;overflow:hidden;margin-top:48px}
.lyrics-panel[hidden]{display:none!important}
.lyrics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--brand-line)}
.lyrics-eyebrow{font-size:.66rem;letter-spacing:.17em;color:var(--brand-gold);margin:0 0 9px}
.lyrics-header h2{font-size:1rem;line-height:1.4;margin:0;color:var(--brand-light);overflow-wrap:anywhere}
#close-lyrics{background:none;border:1px solid #46535a;color:var(--brand-gold);font-size:1.5rem;line-height:1;border-radius:6px;cursor:pointer;min-width:32px;min-height:32px}
.lyrics-scroll{overflow:auto;padding:13px 16px 18px;overscroll-behavior:contain}
#lyrics-text{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font:400 .85rem/1.7 Georgia,'Times New Roman',serif;color:var(--brand-light)}
body.light .lyrics-panel{background:#f1eee3;color:#273238}
body.light #lyrics-text,body.light .lyrics-header h2{color:#273238}
body.light .music-wave{background:rgba(140,126,94,.12)}
body.light .lyrics-toggle{color:#273238}
@media(max-width:1050px){.reading-stage.lyrics-visible{grid-template-columns:1fr}.lyrics-panel{position:static;max-height:320px;margin-top:15px;grid-row:1}.reading-stage.lyrics-visible #chapter-body{margin-top:24px}}

/* v5: quiet, on-demand companion music and non-destructive dot-language spans. */
.music{margin:18px 0 30px;padding:12px 15px}
.music.music-collapsed{display:flex;align-items:center;width:fit-content;max-width:100%;border:0;background:transparent;padding:0;margin:14px 0 24px}
.music-cta{display:inline-flex;align-items:center;gap:11px;padding:10px 17px;border:1px solid rgba(201,162,39,.7);border-radius:100px;background:rgba(201,162,39,.09);color:var(--brand-light);font-weight:700;cursor:pointer;letter-spacing:.025em}
.music-cta:hover,.music-cta:focus-visible{background:rgba(201,162,39,.2);outline-color:var(--brand-gold)}
.cta-symbol{color:var(--brand-gold);font-size:.9rem}
.music-expanded[hidden],.music-cta[hidden]{display:none!important}
.music-expanded{max-width:620px}
.music-wave{height:44px;margin:8px 0;background:rgba(9,17,22,.3)}
.music-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.music-collapse{border:1px solid #59646a;background:transparent;color:var(--brand-light);padding:9px 14px;border-radius:7px;cursor:pointer}
.music-actions button .punct-gold,.music-cta .punct-gold{color:var(--brand-gold)}
.prose-dot{color:var(--brand-gold)}
#chapter-body .prose-dot,#lyrics-text .prose-dot{color:var(--brand-gold)}
#lyrics-text span{font:inherit}
body.light .music-cta,body.light .music-collapse{color:#273238}
body.light .music.music-collapsed{background:transparent}
@media(max-width:800px){.music-expanded{max-width:100%}}

/* v6 — punctuation is colored in rendered manuscript AND lyrics without changing characters. */
#chapter-body .prose-dot,#lyrics-text .prose-dot,
#chapter-body .prose-punctuation,#lyrics-text .prose-punctuation{color:var(--brand-gold)}
#chapter-body .prose-terminal,#lyrics-text .prose-terminal{color:var(--brand-light)}
/* Contrasting treatment where source content is displayed in gold. */
#chapter-body .gold .prose-dot,#lyrics-text .gold .prose-dot,
#chapter-body .gold .prose-punctuation,#lyrics-text .gold .prose-punctuation{color:var(--brand-light)}
body.light #chapter-body .prose-terminal,body.light #lyrics-text .prose-terminal{color:#273238}
body.light #chapter-body .gold .prose-dot,body.light #lyrics-text .gold .prose-dot,
body.light #chapter-body .gold .prose-punctuation,body.light #lyrics-text .gold .prose-punctuation{color:#273238}

/* v7 — heading-specific approved contrast rules, not manuscript edits. */
.part-label{color:var(--brand-gold)}
.part-label .heading-dash{color:var(--brand-light)}
.chapter-number .chapter-separator{color:var(--brand-gold);padding:0 .09em}
#chapter-title{color:var(--brand-gold)}
#chapter-title .punct-gold,#chapter-title .terminal-light{color:var(--brand-light)}
body.light .part-label .heading-dash{color:#273238}
body.light #chapter-title .punct-gold,body.light #chapter-title .terminal-light{color:#273238}


/* v10 — synchronized lyric lane beneath the waveform. */
.music-lyric-lane{display:block;width:100%;height:30px;margin:0 0 10px;border-radius:5px;background:transparent}
body.light .music-lyric-lane{background:transparent}

/* v14.2 locked semantics — aligned with the fixed center threshold and lyric travel. */
.wave-meaning{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:6px 0 8px;align-items:center;text-align:center;font-size:.72rem;letter-spacing:.05em;font-weight:700;line-height:1.35}
.wave-meaning-item{min-width:0;overflow-wrap:normal;white-space:nowrap}
/* The.Record */
.wave-meaning .record .wave-the{color:#8da6b5}
.wave-meaning .record .wave-dot{color:var(--brand-gold)}
.wave-meaning .record .wave-tail{color:#8da6b5}
/* The..Threshold */
.wave-meaning .threshold .wave-the{color:var(--brand-light)}
.wave-meaning .threshold .wave-dot{color:#8da6b5}
.wave-meaning .threshold .wave-dot-second{color:var(--brand-gold)}
.wave-meaning .threshold .wave-tail{color:var(--brand-light)}
/* The.Voice */
.wave-meaning .voice .wave-the{color:var(--brand-gold)}
.wave-meaning .voice .wave-dot{color:#8da6b5}
.wave-meaning .voice .wave-tail{color:var(--brand-gold)}
body.light .wave-meaning .record .wave-the,
body.light .wave-meaning .record .wave-tail,
body.light .wave-meaning .threshold .wave-dot,
body.light .wave-meaning .voice .wave-dot{color:#536c7a}
body.light .wave-meaning .threshold .wave-dot-second{color:var(--brand-gold)}
body.light .wave-meaning .threshold .wave-the,
body.light .wave-meaning .threshold .wave-tail{color:#273238}
@media(max-width:480px){.wave-meaning{font-size:.6rem;gap:4px;letter-spacing:0}}

/* v14.4 — compact top-right player dismissal; other player elements unaffected. */
.music:not(.music-collapsed){position:relative}
.music-expanded{position:static;padding-top:1px}
.music-close-x{position:absolute;right:11px;top:11px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #8298a8;border-radius:8px;background:#263640;color:var(--brand-gold);font:700 26px/1 Arial,sans-serif;cursor:pointer;z-index:2}
.music-close-x:hover{background:#354a55;border-color:#a9bac4}
.music-close-x:focus-visible{outline:2px solid var(--brand-gold);outline-offset:3px}
.music-expanded .music-kicker,.music-expanded .music-title{padding-right:44px}
body.light .music-close-x{background:#dde6ea;border-color:#536c7a;color:#9b7818}
body.light .music-close-x:hover{background:#cbd9e0}