/* A chapter can be watched or read; both start from the same visible action. */
.chapter-actions .history-open{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:10px 13px;border:1px solid #b3a17a66;background:#d0b17412;color:#ecd9b4;text-align:left;font-size:12px;line-height:1.4}
.history-open>span{display:flex;align-items:center;gap:9px}.history-open svg{width:17px;height:17px;flex:none}.history-open small{color:#aebfae;font-size:10px;white-space:nowrap}.history-open:hover{background:#d0b17427;border-color:var(--brass)}
dialog.story-dialog{max-width:1100px;background:#142321}
dialog.story-dialog::backdrop{background:#020b0cbb;backdrop-filter:blur(3px)}
.story-dialog .dialog-shell{padding:22px 36px 32px}.story-dialog .dialog-top{margin-bottom:0;position:sticky;top:0;z-index:3;background:#142321}
.story-chapters{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:12px 0;overflow-x:auto;scrollbar-width:thin}
.story-chapters button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font-size:11px;white-space:nowrap;border:1px solid transparent;color:#b9c5b5}
.story-chapters button i{font-style:normal;color:#849784;font-size:9px}.story-chapters button[aria-current]{background:#cfa66b16;color:#f0d8aa;border-color:#cfa66b4d}.story-chapters button:hover{color:#f0d8aa}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:48px;padding-top:30px}.story-article{min-width:0}.story-article .story-dateline{font-size:11px;color:#d2b785;margin:0 0 14px;line-height:1.6}
.story-dialog h2{font-size:clamp(36px,4.4vw,62px);letter-spacing:-.6px;margin:0 0 20px;line-height:1.02}
.story-dialog .story-lead{font:400 18px/1.75 Onest,Arial,sans-serif;color:#e0e4d4;margin:0 0 28px;max-width:61ch}
.story-dialog .story-section{margin:28px 0}.story-dialog .story-section h3{font:400 28px/1.2 Museum,Georgia,serif;color:#e9d9b9;margin:0 0 12px}.story-dialog .story-section p{font-size:14px;line-height:1.9;color:#c7d0bf;margin:0 0 14px;max-width:65ch}
.story-aside{align-self:start;padding-top:4px}.story-facts{margin:0 0 24px}.story-facts>div{border-top:1px solid var(--line);padding:14px 0}.story-facts dt{font-size:10px;color:#a2b29d;margin-bottom:7px}.story-facts dd{font:400 24px/1.25 Museum,Georgia,serif;margin:0;color:#e4cca1}
.story-aside .story-footnote{font-size:10px;line-height:1.8;color:#a6b69f;padding:15px 0;border-block:1px solid var(--line)}
.story-place-links{display:flex;flex-direction:column;gap:0}.story-place-links button{border-bottom:1px solid var(--line);font-size:11px;line-height:1.6;min-height:44px;padding:12px 0;text-align:left;color:#dcc596}
.story-evidence{margin:28px 0 12px;border-block:1px solid var(--line)}.story-evidence summary{min-height:48px;cursor:pointer;color:#d6c096;font-size:12px;padding:15px 0}.story-evidence[open] summary{margin-bottom:6px}.story-evidence a{color:#e2c691;font-size:12px;line-height:1.7}.story-evidence article{padding:0 0 16px}.story-evidence article p{font-size:11px;line-height:1.7;margin:4px 0;color:#9caf9b}
.story-next{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.story-next button{min-height:44px;padding:10px 0;color:#dfc79a;text-align:left;font-size:12px}.story-next small{font-size:10px;color:#8fa28b}
.story-return{margin:0 0 18px;font-size:11px;color:#d3bc92;min-height:44px;padding:8px 0}
@media(max-width:900px){.story-layout{grid-template-columns:minmax(0,1fr) 190px;gap:28px}.story-dialog .dialog-shell{padding-inline:25px}.story-chapters button{padding-inline:9px}}
@media(max-width:650px){.chapter-actions .history-open{font-size:10px;padding:8px 10px;margin-bottom:6px}.history-open small{font-size:9px}.story-dialog .dialog-shell{padding:12px 18px 24px}.story-layout{grid-template-columns:1fr;gap:18px;padding-top:23px}.story-dialog h2{font-size:37px}.story-dialog .story-lead{font-size:15px;line-height:1.8;margin-bottom:22px}.story-dialog .story-section h3{font-size:25px}.story-dialog .story-section p{font-size:13px;line-height:1.85}.story-chapters{gap:1px;padding-block:8px}.story-chapters button{font-size:10px;padding-inline:10px}.story-facts{display:grid;grid-template-columns:1fr;gap:0}.story-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-block:10px}.story-facts dd{font-size:20px;text-align:right}.story-facts dt{margin:0;max-width:40%}.story-aside{padding-top:0}.story-next small{display:none}}
@media(max-height:560px){.chapter-actions .history-open{margin-bottom:3px;padding-block:6px}}