/* The reader keeps real article URLs, natural document scroll and ordinary links. */
html:has(.reader-nav){overscroll-behavior-y:contain}
.single-post{padding-bottom:110px;scroll-padding-bottom:110px}
.single-post .related-stories,.single-post .story-rail,.single-post .site-footer .foot-inner{max-width:780px}
.reader-nav{z-index:40;position:fixed;inset:0;pointer-events:none;font:13px/1.4 var(--sans)}
.reader-step{position:absolute;top:44%;width:158px;display:flex;gap:10px;align-items:flex-start;padding:14px 10px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none;pointer-events:auto;box-shadow:0 6px 22px #00000008}
.reader-step--previous{left:18px}.reader-step--next{right:18px}
.reader-arrow{font:24px/1.2 var(--sans);flex-shrink:0}.reader-arrow--vertical{display:none}
.reader-step-copy{min-width:0}.reader-step-copy strong{display:block;font-size:12px}
.reader-step-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;color:var(--ink-soft);margin-top:6px}
.reader-step:hover:not([aria-disabled]){border-color:var(--marigold);background:var(--paper-dim)}
.reader-step[aria-disabled]{opacity:.45;pointer-events:none}
.reader-progress{position:absolute;bottom:16px;right:18px;width:158px;box-sizing:border-box;display:grid;gap:3px;text-align:center;border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:var(--paper);pointer-events:auto;box-shadow:0 4px 24px #0000000c}
.reader-step--next .reader-arrow{color:var(--marigold)}
.reader-progress>span{font-weight:650}.reader-progress>a{font-size:11px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}
.reader-swipe-hint{display:none}
.reader-checkpoint{max-width:400px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid var(--line);border-radius:16px;padding:34px 26px;background:var(--paper);color:var(--ink)}
.reader-checkpoint::backdrop{background:#0009}.reader-checkpoint h2{font:650 30px/1.15 var(--serif-display);margin:20px 0 12px}.reader-checkpoint p{font:15px/1.6 var(--sans);color:var(--ink-soft)}
.reader-checkpoint .reader-close{position:absolute;right:10px;top:10px;border:0;background:transparent;color:var(--ink);font-size:25px;width:44px;height:44px;cursor:pointer}
.reader-continue{display:block;background:var(--marigold);color:#17140f;border:0;border-radius:8px;padding:14px 22px;font:650 15px/1.4 var(--sans);margin:24px 0 16px;cursor:pointer}
.reader-checkpoint>a{font:13px/1.5 var(--sans);color:var(--ink);text-decoration:underline}
@media(max-width:1199px){
 .reader-nav{inset:auto 12px max(12px,env(safe-area-inset-bottom));margin:auto;max-width:480px;height:76px;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 4px 28px #0002;pointer-events:auto}
 .reader-step{position:static;width:auto;border:0;box-shadow:none;background:transparent;padding:12px 8px;align-items:center;justify-content:center;gap:7px;border-radius:12px}.reader-step--previous{grid-column:1;grid-row:1}.reader-step--next{grid-column:3;grid-row:1}
 .reader-step-title,.reader-arrow--horizontal{display:none}.reader-arrow--vertical{display:block}.reader-step-copy strong{font-size:11px}
 .reader-progress{position:static;width:auto;grid-column:2;grid-row:1;padding:9px 0;border:0;border-radius:0;box-shadow:none;background:none;align-content:center;font-size:12px}
 .reader-swipe-hint:not([hidden]){display:block;font-size:9px;color:var(--ink-soft)}
 .single-post{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:no-preference){
 .single-article{animation:reader-in .18s ease-out both}
 @keyframes reader-in{from{opacity:0;transform:translateX(14px)}}
}
@media(max-width:1199px) and (prefers-reduced-motion:no-preference){
 @keyframes reader-in{from{opacity:0;transform:translateY(14px)}}
}