.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid var(--line)}.reader-header>a:last-child{font-size:.95rem}.reader main{max-width:1050px;margin:auto;padding:24px 18px}.reader-title{text-align:center;font-size:2.5rem}.reader-intro{text-align:center;margin:8px 0 22px}.reader iframe{display:block;width:100%;height:78vh;min-height:400px;border:1px solid var(--line);background:var(--soft)}.reader-help{text-align:center;font-size:.95rem;margin-top:14px}dialog{position:fixed;width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--line);padding:48px 30px 30px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0004;text-align:center}dialog::backdrop{background:#241a13a6}dialog h2{font-size:2.8rem;margin-bottom:20px}dialog .eyebrow{margin-bottom:16px}.dismiss{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:2rem;color:var(--ink);cursor:pointer}.keep-reading{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--ink);padding:16px;cursor:pointer;font:inherit}button:focus-visible{outline:3px solid var(--olive);outline-offset:3px}@media(max-width:600px){.reader-header{align-items:flex-start;flex-direction:column;gap:8px}.reader-title{font-size:2.1rem}dialog{padding-inline:22px}dialog .button{font-size:.9rem}}

.reader-header-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.reader-header-actions .button{font-size:.95rem;min-height:48px;padding:12px 20px}@media(max-width:600px){.reader-header-actions{width:100%;gap:14px}.reader-header-actions .button{width:100%;order:-1}}

/* Keep the preview navigation and purchase action visible while scrolling. */
.reader-header{position:sticky;top:0;z-index:20;background:var(--paper);box-shadow:0 2px 10px #39291f0d}