.reading .work-contents{border:0;border-bottom:1px solid var(--line);padding:0 0 16px;margin:18px 0 28px;color:var(--green)}.work-contents summary{font:12px/1.6 'Segoe UI',sans-serif;cursor:pointer}.work-contents nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;padding-top:18px;padding-inline-start:14px;max-height:360px;overflow:auto}.work-contents a{font:12px/1.6 'Segoe UI',sans-serif;padding:5px 0}.work-chapter{font-weight:400;font-size:1.2em;scroll-margin-top:30px}.work-chapter:focus{outline:1px solid var(--line);outline-offset:6px}.contents-return{font-size:13px;text-align:right}.author-sequence{border-block:1px solid var(--line);padding:24px 0;margin:32px 0}.sequence-links{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sequence-links a{display:flex;flex-direction:column;gap:10px}.sequence-links a:last-child{text-align:right}.sequence-links small{font:12px/1.5 sans-serif;color:var(--muted)}.sequence-links span{font:21px/1.4 Georgia,serif}.sequence-hint{font-size:12px}.sequence-all{display:inline-block;font-size:13px;margin-top:20px}.work-contents a:focus-visible,.sequence-links a:focus-visible{outline:2px solid var(--accent,#a83829);outline-offset:3px}@media(max-width:600px){.work-contents nav{grid-template-columns:1fr}.sequence-links{gap:18px}.sequence-links span{font-size:18px}}
.reading-nav-dock{position:sticky;top:0;z-index:8;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 0;margin-bottom:18px}.app-main .reading-nav-dock .section-nav{margin:0;padding:0;gap:6px 18px;font:13px/1.6 'Segoe UI',sans-serif}.reading-nav-dock .section-nav a{padding:10px 0}.reading-contents-link{display:inline-block;padding:6px 0;font:12px/1.6 'Segoe UI',sans-serif}.reading #text,.reading #annotation,.reading #notes,.reading #extras,.reading #contents,.reading .work-chapter{scroll-margin-top:125px}.reading-return{position:fixed;bottom:24px;right:28px;z-index:9;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:10px 16px;font:13px/1.6 'Segoe UI',sans-serif;box-shadow:0 3px 16px #0000000a}body:has(dialog[open]) .reading-return{display:none}.reading-nav-dock a:focus-visible,.reading-return:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:700px){.reading-return{display:none}.reading-nav-dock{padding:5px 0}.app-main .reading-nav-dock .section-nav{gap:0 15px;font-size:12px}.reading-nav-dock .section-nav a{padding:10px 0}.reading-contents-link{padding:5px 0}}
.reading #similar-poems{scroll-margin-top:125px}

.app-main nav.author-sequence{display:block}.author-sequence>.eyebrow{margin:0 0 18px}.reading .author-sequence+.annotation{border-top:0}.reading .annotation>.eyebrow,.reading .related-reading>.eyebrow{margin-bottom:10px}

/* Reader recommendations follow the approved prototype's quiet list. */
.reading .related-reading{margin:55px 0}

.app-main .reading .similar-poem-link{display:block;padding:17px 0;border-bottom:1px solid var(--line);color:var(--ink);font:21px/1.4 Georgia,serif;text-decoration:none;overflow-wrap:anywhere}
.app-main .reading .similar-poem-link small{display:block;margin:0 0 6px;color:var(--muted);font:11px/1.5 'Segoe UI',sans-serif}
.app-main .reading .similar-poem-link:hover{color:var(--green)}
@media(max-width:600px){.reading .related-reading{margin-top:42px}}

/* Section navigation uses the spare left margin; actions remain with the text. */
.reading .reading-nav-dock{display:none}
@media(min-width:1200px){
 .reading .reading-nav-dock{display:block;position:fixed;top:150px;left:max(24px,calc(50% - 550px));width:170px;max-height:calc(100dvh - 180px);overflow:auto;padding:0;margin:0;border:0;background:transparent;z-index:7}
 .app-main .reading-nav-dock .section-nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:0;font:12px/1.6 'Segoe UI',sans-serif}
 .reading-nav-dock .section-nav a{padding:6px 0;color:var(--muted)}
 .reading-nav-dock .section-nav a:hover{color:var(--green)}
 .reading-nav-label{font:10px/1.6 'Segoe UI',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
}
body:has(dialog[open]) .reading .reading-nav-dock{display:none}
.reading .reading-action-bar{position:sticky;top:0;z-index:8;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 0;margin:18px 0 26px;gap:8px 20px}
.reading-action-bar .reading-notes-link{margin-left:auto;font:13px/1.5 'Segoe UI',sans-serif;color:var(--ink);padding:8px 0;text-decoration:none}
.reading-action-bar .reading-notes-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.reading #text,.reading #annotation,.reading #notes,.reading #extras,.reading #contents,.reading .work-chapter,.reading #similar-poems{scroll-margin-top:calc(var(--reader-action-height,60px) + 16px)}
@media(max-width:600px){.reading .reading-action-bar{gap:4px 14px}.reading .reading-action-bar button,.reading-action-bar .reading-notes-link{font-size:12px}}

/* Match the prototype rail: a low starting position, then a gentle sticky stop. */
.reading{position:relative}
.reading-nav-rail{display:none}
@media(min-width:1200px){
 .reading-nav-rail{display:block;position:absolute;top:0;bottom:0;left:-220px;width:170px}
 .reading .reading-nav-dock{position:sticky;top:-100px;left:auto;width:170px;max-height:none;overflow:visible;padding:150px 0 0}
 .app-main .reading-nav-dock .section-nav{gap:0;font-size:13px}
 .reading-nav-dock .section-nav a{padding:8px 0}
 .reading-nav-dock .section-nav a:first-child{color:var(--green)}
 .reading-nav-label{letter-spacing:1.8px;margin:0 0 4px}
 .reading-nav-motto{font:italic 16px/1.6 Georgia,serif;color:var(--muted);margin:25px 0 0;max-width:160px}
 .reading-nav-motto:before{content:'';display:block;width:26px;border-top:1px solid var(--line);margin-bottom:25px}
}
body:has(dialog[open]) .reading-nav-rail{display:none}

.reading .reading-action-bar button,.reading .reading-action-bar .reading-notes-link{color:var(--muted);text-decoration:none}
.reading .reading-action-bar button:hover,.reading .reading-action-bar .reading-notes-link:hover{color:var(--ink);text-decoration:none}
.reading .reading-action-bar #work-save[aria-pressed=true]{color:var(--green);text-decoration:none}
