/* Presentation only: the existing advanced reader and its stored data remain intact. */
:root{--bg:#101113;--surface:#191b1c;--surface-2:#222424;--text:#f4f0e8;--text-soft:#c0bcb4;--muted:#a49f96;--hair:#363735;--hair-strong:#565851;--accent:#d09b7e;--accent-soft:#a2b1a5}
html[data-theme=paper]{--bg:#f4f0e8;--surface:#ebe6dc;--surface-2:#e2dcd1;--text:#1c1d1f;--text-soft:#55534e;--muted:#6a635a;--hair:#d8d2c8;--hair-strong:#b5ada0;--accent:#89543e;--accent-soft:#526b5a}
*{box-shadow:none!important;backdrop-filter:none!important}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{min-height:44px}.publication-home{display:block;font:500 12px/1.5 Inter,system-ui,sans-serif;padding:0 0 24px;text-decoration:none;color:var(--accent)}.brand img,.brand-lockup img,.mobile-brand-logo,.brand-fallback,.poem-thumb,.related-card img,.pulse-dot{display:none!important}.brand-lockup{grid-template-columns:1fr!important}.brand{margin-bottom:24px}.poem-link{grid-template-columns:24px minmax(0,1fr);padding:12px 0;border-radius:0;border-bottom:1px solid var(--hair)}.poem-link-title{font-size:20px}.poem-link[aria-current=true]{background:transparent;border-color:var(--accent)}.poem-link[aria-current=true] .poem-link-title{color:var(--accent)}.poem-number{font-size:9px}.poem-link-date{font-size:9px}.poem-topic-line{display:none}.hero h1{letter-spacing:-.045em;font-weight:400;overflow-wrap:break-word}.hero{padding-top:58px}.reading-copy{max-width:min(100%,var(--measure))}.st{overflow-wrap:break-word}.theme-btn,.control-btn,.lab-button,.reader-action,.cut-btn,.related-card,.poem-index-item,.command-item,.theme-chip,.story-thread-chip,.lab-note,.lab-select{border-radius:0!important}.dev-launcher{border-radius:0;box-shadow:none;background:var(--surface);border-color:var(--hair-strong);color:var(--text)}.reader-actions{border-bottom:1px solid var(--hair);padding-bottom:16px}.reader-action{font-size:10px;background:transparent}.reader-lab,.command-shell,.quote-card-modal,.quote-card-shell,.cookie-banner,.consent-modal,.shortcuts-dialog,.poem-index-sheet{border-radius:0!important;background:var(--surface)}.reader-lab{width:min(480px,100vw)}.reader-lab[aria-hidden=true]{visibility:hidden}.reader-lab[aria-hidden=false]{visibility:visible}.related-card{grid-template-columns:1fr;min-height:70px;background:transparent;border:0;border-top:1px solid var(--hair);padding:16px 0}.related-card strong{font-size:22px;font-weight:400}.related-grid{gap:20px}.poem-pager{border-radius:0}.poem-pager button{border-radius:0}.cookie-banner{background:var(--surface);border-color:var(--hair-strong)}.cookie-btn{border-radius:0}.mobile-home{font:11px/1 Inter,system-ui,sans-serif;text-decoration:none;min-height:44px;display:none;align-items:center}.sidebar{overflow-y:auto}.mobile-tabs{display:none!important}.mobile-top{border-bottom:1px solid var(--hair);background:var(--bg)}.poem-index-backdrop{background:rgba(0,0,0,.75)}.poem-index-item strong{font-weight:400}.poem-index-item{grid-template-columns:24px 1fr}.poem-index-copy small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.poem-link.is-resumable::after{background:var(--accent);width:var(--resume,0%)}.lab-tabs button{font-size:11px}.lab-copy small,.lab-section>p{font-size:11px!important}.reader-sans .st{font-family:Inter,system-ui,sans-serif}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.cookie-manage-link{min-height:44px}.mobile-reader-dock{background:var(--surface);border-radius:0}.session-indicator{display:none}.page{min-width:0}.main{min-width:0}html{scroll-padding-top:100px}
@media(max-width:900px){.mobile-home{display:flex}.mobile-brand{font-size:11px;letter-spacing:0}.mobile-top{gap:12px}.hero{padding-top:28px}.mobile-reader-dock{width:auto;left:50%;right:auto;transform:translateX(-50%)}.mobile-reader-dock .dock-btn{min-width:44px}.dev-launcher{font-size:10px;padding:9px;bottom:85px}.cookie-banner{left:12px;right:12px;bottom:144px}.related-grid{grid-template-columns:1fr}.mobile-poems-btn{min-width:54px}.reading-wrap{padding-inline:20px}.hero h1{font-size:clamp(36px,8vw,62px)}.reader-tools{flex-wrap:wrap}.reader-actions{flex-wrap:wrap}.reader-action{min-width:44px}.poem-index-item{min-height:68px}.command-palette{width:calc(100% - 24px)}.lab-range{max-width:110px}.sticky-title{overflow-wrap:break-word}.hero-meta{flex-wrap:wrap}.lab-row{gap:10px}.lab-select{max-width:160px}.stanza-popover{max-width:calc(100vw - 20px);flex-wrap:wrap}}
.poem-link{grid-template-columns:24px minmax(0,1fr)!important}.poem-index-item{grid-template-columns:24px minmax(0,1fr)!important}.poem-edition .beat{font-style:normal;font-weight:500}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.reader-site-nav{display:flex;gap:18px;border-bottom:1px solid var(--hair);padding-bottom:12px;margin-bottom:20px}.reader-site-nav a{font:11px/1.5 Inter,system-ui,sans-serif;min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--text-soft)}.reader-site-nav a[aria-current]{color:var(--accent)}.reader-entry-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.reader-entry-tools button{border:1px solid var(--hair-strong);border-radius:0;padding:10px 12px;color:var(--text-soft);background:var(--surface);font:11px/1.5 Inter,system-ui,sans-serif;min-height:44px;cursor:pointer}.reader-entry-tools button:hover{border-color:var(--accent);color:var(--accent)}.poem-pager a{color:var(--text);text-decoration:none}.poem-pager>a .pager-label,.poem-pager>a .pager-title{display:block}.poem-pager>a .pager-title{margin-top:12px}.poem-pager>a{min-width:0}.poem-pager .pager-title{overflow-wrap:anywhere}.session-indicator{display:inline!important}.poem-topic-line{display:flex!important}.poem-topic{font-size:9px!important}.story-thread-filter{display:grid!important}.reader-tools{display:flex;flex-wrap:wrap;gap:8px}.reader-tools .reader-action{min-height:44px;font-size:11px}.reader-tools .reader-stat{width:100%}.st:target{outline:1px solid var(--accent);outline-offset:8px}.st.stanza-hover{outline:1px solid var(--accent);outline-offset:8px}.st{white-space:pre-wrap}
@media(max-width:900px){.reader-entry-tools{gap:6px;margin-top:18px}.reader-entry-tools button{font-size:10px}.reader-tools .reader-action{font-size:10px}.reading-wrap{grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 36px)!important}.reading-copy{grid-column:1!important;width:100%;max-width:100%}.reader-tools .reader-stat{font-size:10px}.cookie-banner{max-height:35vh;overflow-y:auto}}
html.high-contrast{--text:#fff;--text-soft:#fff;--muted:#fff;--hair:#999;--hair-strong:#bbb}html[data-theme=paper].high-contrast{--text:#101113;--text-soft:#101113;--muted:#101113;--hair:#70695f;--hair-strong:#55534e}
/* Desktop sidebar layout fixes: rows size to their content, header no longer overlaps search, compact filters leave room for the poem list. */
.poem-nav{grid-auto-rows:max-content;align-content:start}.poem-link{height:auto;align-items:start!important}.poem-link .poem-number{padding-top:6px}
.library-tools{margin-top:0}.brand{margin-bottom:18px;align-items:baseline}.brand-meta{white-space:nowrap}
@media(min-width:901px){.sidebar .story-thread-chip,.sidebar .theme-chip,.sidebar .library-row button{min-height:32px;height:32px}.sidebar .story-thread-chips{gap:5px}.sidebar-bottom .control-btn,.sidebar-bottom .theme-btn,.sidebar-bottom button{min-height:36px}}
@media(min-width:901px){.sidebar{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hair-strong) transparent}.library-tools{margin-bottom:16px}.poem-nav{flex:1 1 0;min-height:min(320px,50vh);border-top:1px solid var(--hair)}.sidebar-bottom{flex:0 0 auto}}

/* ==========================================================================
   Modern editorial layer: aligns the reader with the homepage and archive.
   Sentence-case type, text buttons on hairlines, readable metadata sizes,
   calmer sidebar, generous rhythm. Presentation only.
   ========================================================================== */
:root{--ease:cubic-bezier(.2,.7,.2,1);--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Newsreader,Georgia,"Times New Roman",serif}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--text);color:var(--bg)}

/* ---- Sidebar ---------------------------------------------------------- */
@media(min-width:901px){
  .sidebar{padding:32px 28px 24px;gap:0}
  .sidebar .brand{display:none}
  .publication-home{font:500 12px/1.5 var(--sans);color:var(--muted);padding:0 0 12px;transition:color .2s var(--ease)}
  .publication-home:hover{color:var(--accent)}
  .reader-site-nav{gap:22px;margin-bottom:22px;padding-bottom:8px}
  .reader-site-nav a{font-size:13px;color:var(--text-soft);transition:color .2s var(--ease)}
  .reader-site-nav a:hover{color:var(--text)}
  .reader-site-nav a[aria-current]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}

  .search-shell{height:42px;border-radius:0;border:0;border-bottom:1px solid var(--hair-strong);background:transparent;padding:0 2px}
  .search-shell:focus-within{background:transparent;border-color:var(--accent)}
  .search-shell input{font:400 13px/1 var(--sans)}
  .search-shell kbd{border-radius:0;background:transparent}
  .library-row{font:400 11px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
  .library-row .search-status{text-transform:none;letter-spacing:0;font-size:11px}
  .library-row .text-action{font:500 11px/1 var(--sans);letter-spacing:0;text-transform:none;min-height:32px;height:32px;padding:0}

  .story-thread-filter{border-top:0;padding-top:4px;margin-top:4px;gap:6px}
  .story-thread-label{font:500 10px/1.4 var(--sans);letter-spacing:.14em;color:var(--muted)}
  .story-thread-chips,.theme-filter{display:flex!important;flex-wrap:wrap;gap:2px 14px!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important}
  .theme-filter{margin-top:6px!important}
  .sidebar .story-thread-chip,.sidebar .theme-chip{height:28px!important;min-height:28px!important;padding:0!important;border:0!important;border-bottom:1px solid transparent!important;background:transparent!important;color:var(--muted)!important;font:500 12px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;transition:color .2s var(--ease),border-color .2s var(--ease)}
  .sidebar .story-thread-chip:hover,.sidebar .theme-chip:hover{color:var(--text)!important}
  .sidebar .story-thread-chip[aria-pressed=true],.sidebar .theme-chip[aria-pressed=true]{color:var(--text)!important;border-bottom-color:var(--accent)!important}

  .poem-nav{border-top:1px solid var(--hair);padding-top:4px;margin-right:-8px}
  .poem-link{padding:14px 8px 14px 0;gap:10px;border-bottom:1px solid var(--hair);transition:color .2s var(--ease)}
  .poem-link:hover{background:transparent;color:var(--text)}
  .poem-link:hover .poem-link-title{color:var(--accent)}
  .poem-link .poem-number{font:500 11px/1.4 var(--sans);letter-spacing:.02em;padding-top:5px;font-variant-numeric:tabular-nums}
  .poem-link-title{font-size:19px;line-height:1.2;transition:color .2s var(--ease)}
  .poem-link-date{font:400 11px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important}
  .poem-topic-line{display:none!important}
  .poem-link[aria-current=true]{border-bottom-color:var(--hair)}
  .poem-link[aria-current=true] .poem-number{color:var(--accent)}

  .sidebar-bottom{border-top:1px solid var(--hair);padding-top:14px;gap:6px;display:grid;grid-template-columns:1fr}
  .sidebar-bottom>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
  .control-label{font:500 10px/1.4 var(--sans);letter-spacing:.14em;color:var(--muted);margin:0}
  .segmented{border:0;gap:4px;background:transparent}
  .segmented .control-btn{min-height:32px!important;height:32px;min-width:36px;border:1px solid var(--hair)!important;background:transparent;font:500 12px/1 var(--sans)}
  .segmented .control-btn[aria-pressed=true]{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}
  .sidebar-bottom .theme-btn{min-height:36px!important;height:36px;padding:0 12px;border:1px solid var(--hair)!important;background:transparent;font:500 12px/1 var(--sans);color:var(--text-soft);transition:border-color .2s var(--ease),color .2s var(--ease)}
  .sidebar-bottom .theme-btn:hover{border-color:var(--hair-strong)!important;color:var(--text)}
}

/* ---- Sticky reading bar ---------------------------------------------- */
.sticky-reader{background:var(--bg);border-bottom:1px solid var(--hair)}
.sticky-no,.sticky-release{font:400 12px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)}
.sticky-title{font-family:var(--serif);font-size:19px}
.sticky-progress{background:transparent}
#progressBar{background:var(--accent)}

/* Quiet reading-tools launcher, styled like the homepage text links */
.dev-launcher{background:transparent!important;border:0!important;border-bottom:1px solid var(--accent)!important;border-radius:0!important;padding:10px 2px!important;font:500 12px/1.2 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--text)!important;transform:none!important}
.dev-launcher:hover{color:var(--accent)!important}

/* ---- Poem header ----------------------------------------------------- */
.hero{padding-top:88px;padding-bottom:8px}
.hero-kicker{font:500 11px/1.5 var(--sans);letter-spacing:.16em;color:var(--accent)}
.hero h1{font-size:clamp(48px,6.4vw,104px);line-height:.98;letter-spacing:-.04em;margin:18px 0 26px;text-wrap:balance}
.hero-meta{font:400 13px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--text-soft);gap:6px 20px}
.hero-meta>span{letter-spacing:0;text-transform:none;font-size:13px!important}
.hero-author{color:var(--text)}

/* Actions as one hairline toolbar of text buttons */
.reader-actions,.reader-tools{gap:4px 22px!important;border-bottom:0!important;padding-bottom:0!important;margin-top:28px}
.reader-tools .reader-stat{font:400 12px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)}
.reader-action{min-height:40px!important;height:40px;padding:0!important;border:0!important;border-bottom:1px solid transparent!important;background:transparent!important;color:var(--text-soft)!important;font:500 13px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;gap:8px;transition:color .2s var(--ease),border-color .2s var(--ease)}
.reader-action:hover{color:var(--text)!important;border-bottom-color:var(--accent)!important}
.reader-action[aria-pressed=true]{color:var(--accent)!important}
.reader-action .action-symbol{color:var(--accent);font-size:12px}
.reader-entry-tools{gap:4px 22px;margin-top:4px;padding-top:12px;border-top:1px solid var(--hair)}
.reader-entry-tools button{border:0!important;background:transparent!important;padding:0!important;min-height:40px;color:var(--muted)!important;font:400 13px/1 var(--sans)!important;transition:color .2s var(--ease)}
.reader-entry-tools button:hover{color:var(--accent)!important}

/* ---- Poem body ------------------------------------------------------- */
.reading-wrap{margin-top:48px}
.st{text-wrap:pretty}
.poem-end{font:500 11px/1.5 var(--sans);letter-spacing:.16em;color:var(--muted);border-top:1px solid var(--hair);padding-top:22px;margin-top:64px}

/* Previous / next as editorial rows */
.poem-pager{gap:0!important;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-top:40px}
.pager-btn{border:0!important;border-radius:0!important;background:transparent!important;padding:26px 0!important;min-height:0!important;transition:color .2s var(--ease)}
.pager-btn.next{border-left:1px solid var(--hair)!important;padding-left:24px!important}
.pager-btn:not(.next){padding-right:24px!important}
.pager-btn:hover .pager-title{color:var(--accent)}
.pager-label{font:500 11px/1.4 var(--sans)!important;letter-spacing:.14em!important;color:var(--muted)}
.pager-title{font:400 clamp(22px,2.4vw,30px)/1.15 var(--serif)!important;letter-spacing:-.02em;transition:color .2s var(--ease)}
@media(max-width:600px){.pager-btn.next{border-left:0!important;border-top:1px solid var(--hair)!important;padding-left:0!important}}

/* Continue reading */
.related-poems{margin-top:72px}
.related-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hair);padding-bottom:16px}
.related-head h2{font:400 clamp(28px,3vw,40px)/1.1 var(--serif);letter-spacing:-.03em}
.related-head small{font:400 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
.related-grid{gap:0 32px!important;align-items:start}
.session-indicator{font:400 12px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)}
.related-card{text-transform:none!important;letter-spacing:0!important;text-align:left;color:var(--text)!important;font-family:var(--sans)!important;border-top:0!important;border-bottom:1px solid var(--hair)!important;padding:20px 0!important;transition:color .2s var(--ease)}
.related-card strong{font:400 24px/1.2 var(--serif)!important;letter-spacing:-.02em!important;text-transform:none!important;display:block;transition:color .2s var(--ease)}
.related-card strong+span{display:block;margin-top:6px;font:400 12px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)}
.related-card:hover strong{color:var(--accent)}

/* ---- Footer ---------------------------------------------------------- */
.footer-inner{font:400 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
.footer-links a,.footer-links button{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}

/* ---- Consent card: compact corner card instead of a full-width bar ---- */
@media(min-width:901px){
  .cookie-banner{left:auto!important;right:24px!important;bottom:24px!important;width:min(420px,calc(100vw - 48px));grid-template-columns:1fr!important;gap:16px!important;padding:20px 22px!important}
  .cookie-actions{justify-content:flex-start!important}
}
.cookie-copy strong{font:400 20px/1.2 var(--serif)}
.cookie-copy p{font-size:13px!important}
.cookie-btn{height:38px;font:500 12px/1 var(--sans);border-color:var(--hair-strong)}
.cookie-btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}

/* Overlays and panels share the hairline look */
.reader-lab,.command-shell,.shortcuts-dialog,.consent-modal,.poem-index-sheet{border:1px solid var(--hair-strong)}
.lab-tabs button{text-transform:none!important;letter-spacing:0!important;font:500 12px/1 var(--sans)!important}

/* Brand mark in the reader sidebar and mobile header */
.publication-home{display:flex!important;align-items:center;gap:12px;color:var(--text)!important;font:500 20px/1 var(--serif)!important;letter-spacing:-.03em}
.publication-home:hover span{color:var(--accent)}
.publication-home .brand-mark{flex:none;height:36px;width:auto}
.mobile-brand-mark{height:28px;width:auto;margin-right:10px;vertical-align:middle}
/* The reader's base palette is ink; paper is opt-in via html[data-theme=paper]. */
.logo-ink{display:none!important}
.logo-light{display:block!important}
.mobile-brand .logo-light{display:inline-block!important}
html[data-theme=paper] .logo-light{display:none!important}
html[data-theme=paper] .logo-ink{display:block!important}
html[data-theme=paper] .mobile-brand .logo-ink{display:inline-block!important}
.poem-subtitle{font:italic clamp(18px,2.5vw,23px)/1.55 Newsreader,Georgia,serif;color:var(--text-soft);max-width:38ch;margin:20px 0}
.poem-collection{font:11px/1.6 Inter,system-ui,sans-serif;color:var(--muted);margin:16px 0}.poem-collection a{color:inherit;text-underline-offset:4px}