.article-reader{--ar-font-display:var(--nf-bricolage), "Bricolage Grotesque", system-ui, sans-serif;--ar-font-body:var(--nf-geist), "Geist", system-ui, sans-serif;--ar-font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--ar-bg:var(--il-paper);--ar-surface:var(--il-paper-deep);--ar-surface-card:var(--il-surface);--ar-text:var(--il-ink);--ar-text-body:#262c40;--ar-text-muted:var(--il-ink-mute);--ar-border:var(--il-rule);--ar-border-mid:var(--il-rule);--ar-accent:var(--il-lapis);--ar-accent-soft:var(--il-lapis);--ar-max-w:1024px;--ar-col-pad:clamp(1rem, 5vw, 2rem);background:var(--ar-bg);color:var(--ar-text-body);min-height:100vh}.article-reader-inner{max-width:var(--ar-max-w);padding:clamp(7rem, 12vw, 8.5rem) var(--ar-col-pad) 6rem;margin:0 auto}.article-body{font-family:var(--ar-font-body);color:var(--ar-text-body);letter-spacing:-.003em;font-size:clamp(16px,2.1vw,19px);font-weight:400;line-height:1.85}.article-body p{margin-bottom:1.75rem}.article-body>:first-child{margin-top:0}.article-body a{color:var(--ar-accent-soft);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--il-lapis) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--il-lapis) 40%, transparent);text-underline-offset:4px;transition:all .2s}.article-body a:hover{-webkit-text-decoration-color:var(--il-lapis);text-decoration-color:var(--il-lapis);color:var(--il-lapis-hover)}.article-body h1,.article-body h2,.article-body h3,.article-body h4{font-family:var(--ar-font-display);color:var(--ar-text);letter-spacing:-.015em;font-weight:700}.article-body h1{margin:3.5rem 0 1.5rem;font-size:clamp(24px,3.5vw,30px);line-height:1.25}.article-body h2{margin:3rem 0 1.25rem;font-size:clamp(21px,2.8vw,25px);line-height:1.3}.article-body h3{margin:2.5rem 0 1rem;font-size:clamp(18px,2.2vw,21px);line-height:1.4}.article-body blockquote{border-left:3px solid var(--ar-accent);background:var(--ar-surface);border-radius:0 1rem 1rem 0;margin:2.75rem 0;padding:.75rem 0 .75rem 1.75rem}.article-body blockquote p{font-family:var(--ar-font-display);color:var(--ar-text);font-size:clamp(18px,2.3vw,22px);font-style:italic;font-weight:500;line-height:1.5;margin-bottom:.5rem!important}.article-body blockquote p:last-child{margin-bottom:0!important}.article-body .callout-box{background:var(--ar-surface);border:1px solid var(--ar-border-mid);border-left:4px solid var(--ar-accent);border-radius:1rem;margin:2.5rem 0;padding:1.5rem 1.75rem}.article-body .callout-box p{font-family:var(--ar-font-body);color:var(--ar-text-body);font-size:clamp(14px,1.8vw,16px);font-style:normal;font-weight:400;line-height:1.7;margin-bottom:0!important}.article-body .callout-box strong{font-family:var(--ar-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ar-accent-soft);margin-bottom:.5rem;font-size:.85em;display:block}.article-body ul,.article-body ol{background:var(--ar-surface);border-left:3px solid var(--ar-accent);border-radius:0 1rem 1rem 0;margin:2rem 0;padding:1.25rem 1.5rem 1.25rem 2rem;list-style-position:inside}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li{border-bottom:.5px solid var(--ar-border);color:var(--ar-text-body);padding:.4rem 0;font-size:.95em;line-height:1.75}.article-body li:last-child{border-bottom:none;padding-bottom:0}.article-body li strong{color:var(--ar-text);font-weight:600}.article-body img{border:1px solid var(--ar-border-mid);max-width:100%;height:auto;box-shadow:none;border-radius:1rem;margin:2.5rem 0}.article-body hr{border:none;border-top:1px solid var(--ar-border);margin:3rem 0}.article-body code{font-family:var(--ar-font-mono);background:var(--ar-surface);border:1px solid var(--ar-border);color:var(--ar-accent-soft);border-radius:6px;padding:.15em .45em;font-size:.85em}.article-body pre{background:var(--ar-surface);border:1px solid var(--ar-border);border-radius:1rem;margin:2rem 0;padding:1.25rem 1.5rem;overflow-x:auto}.article-body pre code{color:var(--ar-text);background:0 0;border:none;padding:0;font-size:.85em}.article-body table{border-collapse:collapse;border-radius:1rem;width:100%;margin:2rem 0;font-size:.9em;overflow:hidden}.article-body th,.article-body td{border:1px solid var(--ar-border);text-align:left;padding:.75rem 1rem}.article-body th{background:var(--ar-surface);font-family:var(--ar-font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ar-accent-soft);font-size:.8em;font-weight:600}.article-body td{color:var(--ar-text-body)}.article-body strong{color:var(--ar-text);font-weight:600}.article-body em{font-style:italic}.article-end{border-top:1px solid var(--ar-border);margin-top:4rem;padding-top:2.5rem}.article-end-label{font-family:var(--ar-font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ar-accent-soft);margin-bottom:1rem;font-size:11px;font-weight:600}@media (max-width:640px){.article-body{font-size:16px;line-height:1.75}}
