/* Article navigation remains useful without JS. No sticky overlay over the text. */
.reader .reading-copy>.reader-toc{margin:32px 0 40px;padding:18px 22px;background:linear-gradient(125deg,#ffffffdd,#e0edf3c9);border:1px solid #fff;border-radius:24px;box-shadow:0 8px 24px #183b5010;font-size:16px;line-height:1.7}
.reader-toc summary{min-height:44px;align-content:center;color:#17344b;font-weight:700;cursor:pointer}
.reader-toc summary>span{font-size:13px;font-weight:400;color:#506777;margin-inline-start:16px;white-space:nowrap}
.reader-toc nav{display:block;padding:8px 0 0}
.reader .reader-toc:not([open])>nav{display:none}
.reader .reader-toc ol{margin:0;padding:0;list-style:none;counter-reset:reader-section;display:grid;gap:0 24px}
.reader-toc li{margin:0;counter-increment:reader-section;min-width:0}
.reader .reader-toc a{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:12px 0;text-decoration:none;border-bottom:1px solid #284e6819;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.reader-toc a:before{content:counter(reader-section,decimal-leading-zero);color:#577486;font-size:12px;flex-shrink:0;font-variant-numeric:tabular-nums}
.reader-toc a:hover{color:#11617b;text-decoration:underline;text-underline-offset:4px}
.reader-toc :focus-visible,.reader-next a:focus-visible,.reader-context a:focus-visible{outline:3px solid #177c98;outline-offset:5px;border-radius:5px}
.reader .reader-context{display:grid;gap:5px;margin:32px 0;padding:18px 22px;border-inline-start:3px solid #337a90;border-radius:8px 18px 18px 8px;background:#e2edf38c;font-size:16px;line-height:1.85}
[dir=rtl] .reader .reader-context{border-radius:18px 8px 8px 18px}
.reader-context>span{font-size:13px;color:#536b7e}
.reader-context>a{color:#153d58;font-weight:600;text-decoration:underline;text-underline-offset:5px;min-height:44px;align-content:center}
.reader-next{margin:56px 0 20px;padding-top:32px;border-top:1px solid #bacddc}
.reader-next-heading>span{font-size:13px;color:#567082}
.reader-next-heading h2{margin:8px 0 24px;font-size:clamp(25px,3vw,32px);line-height:1.5}
.reader-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.reader-next-card{display:flex;flex-direction:column;border:1px solid white;border-radius:24px;overflow:hidden;background:#ffffffa6;color:#17344b;text-decoration:none;box-shadow:0 10px 28px #17344b09;transition:box-shadow .18s ease}
.reader-next-card:hover{box-shadow:0 14px 32px #17344b18}
.reader-next-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#dbe8ef}
.reader-next-image img{display:block;width:100%;height:100%;object-fit:cover}
.reader-next-copy{position:relative;display:flex;flex-direction:column;flex:1;padding:20px}
.reader-next-copy h3{font-size:20px;line-height:1.7;margin:10px 0 20px;font-weight:650}
.reader-next-arrow{margin-top:auto;display:grid;place-items:center;align-self:flex-end;border:1px solid #bfd0dc;border-radius:50%;width:42px;height:42px}
.reader-next-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
[dir=ltr] .reader-next-arrow svg{transform:rotate(180deg)}
.reader .reading-copy h3{font-size:clamp(20px,2vw,25px);line-height:1.7}
.reader .reading-copy li{margin-block:10px}
.reader .reading-copy .reader-toc li{margin:0}
.reader .reading-copy a:not(.reader-toc a){text-underline-offset:4px}
@media(min-width:640px){.reader .reader-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reader .reading-copy>.reader-toc{padding:14px 18px}.reader-next-grid{grid-template-columns:1fr;gap:18px}.reader-next-copy h3{font-size:20px}.reader-next{margin-top:40px}.reader .reader-context{padding:15px 18px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.reader-next-card{transition:none}}
@media print{.reader-next,.reader-context,.reader-toc{display:none!important}.reader-cover img{max-height:220px;object-fit:contain}}