/* Keep native details as a readable fallback when JavaScript is unavailable. */
.story-reader-open{overflow:hidden}
.story-reader{box-sizing:border-box;width:min(840px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #fffd;border-radius:30px;color:var(--ink);background:linear-gradient(140deg,#f7f3fa,#e9e3f0);box-shadow:inset 0 1px 0 #fff,0 30px 110px #29193655;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.story-reader::backdrop{background:#29203999;backdrop-filter:blur(12px)}
.story-reader-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;background:#f4eff8f5;border-bottom:1px solid #7964862b;backdrop-filter:blur(18px)}
.story-reader-toolbar .section-label{font-size:11px;letter-spacing:1.8px}
.story-reader-close{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:9px 17px;border:1px solid #78618455;border-radius:999px;background:#fff8;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.story-reader-close span{font-size:22px;line-height:1}
.story-reader-close:hover{background:#fff}
.story-reader-close:focus-visible,.story-reader-back:focus-visible{outline:3px solid #513965;outline-offset:4px}
.story-reader-body{padding:38px 52px 42px}
.story-reader h2{font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:0 0 12px;outline:none}
.story-reader-context{font-size:14px;line-height:1.6;margin:0;color:#655370}
.story-reader-content{margin:32px 0}
.story-reader-content blockquote{margin:0}
.story-reader-content p{font-size:17px;line-height:1.9;overflow-wrap:break-word;margin:0 0 24px}
.story-reader-content p:last-child{margin:0}
.story-reader-note{font-size:13px;line-height:1.8;color:#655370;padding-top:22px;margin:0;border-top:1px solid #7964862b}
.story-reader-back{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;margin-top:18px;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
@media(max-width:700px){
 .story-reader{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:24px}
 .story-reader-toolbar{padding:12px 18px;gap:12px}.story-reader-toolbar .section-label{font-size:10px;letter-spacing:1.4px}
 .story-reader-close{padding-inline:13px;gap:10px}
 .story-reader-body{padding:27px 22px 30px}.story-reader h2{font-size:32px;letter-spacing:-1px}
 .story-reader-content{margin-top:25px}.story-reader-content p{font-size:16px;line-height:1.85}
}