.article-page{min-height:100vh;background:var(--paper)}.article-wrap{width:min(780px,calc(100% - 48px));margin:auto}.article-nav{display:flex;justify-content:space-between;padding:2rem 0;border-bottom:1px solid var(--line);font:500 .7rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.article-nav a:hover{color:var(--signal)}.article-header{padding:5rem 0 3rem}.article-header h1{margin:1.2rem 0 2.2rem;font:600 clamp(3.5rem,8vw,7rem)/.91 Newsreader,serif;letter-spacing:-.045em}.article-byline{display:flex;justify-content:space-between;color:var(--muted);font:500 .7rem "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.article-rule{display:flex;align-items:center;gap:12px}.article-rule span{height:1px;flex:1;background:var(--ink)}.article-rule i{width:9px;height:9px;background:var(--signal);transform:rotate(45deg)}.article-body{padding:4.5rem 0;color:#24332f;font:400 1.16rem/1.82 Manrope,sans-serif}.article-body>p:first-child{font-size:1.35rem;line-height:1.65;color:var(--ink)}.article-body h2,.article-body h3{margin:3.6rem 0 1.2rem;color:var(--ink);font:600 2.2rem/1.05 Newsreader,serif;letter-spacing:-.025em}.article-body h3{font-size:1.65rem}.article-body p,.article-body ul,.article-body ol,.article-body pre,.article-body blockquote{margin:1.45rem 0}.article-body a{color:#126552;text-decoration:underline;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:1.5rem}.article-body li{margin:.55rem 0}.article-body blockquote{margin-inline:0;padding:1.1rem 0 1.1rem 2rem;border-left:3px solid var(--signal);font:500 1.5rem/1.45 Newsreader,serif}.article-body code{background:var(--soft);padding:.15rem .35rem;border-radius:3px;font:.9em "DM Mono",monospace}.article-body pre{overflow:auto;padding:1.3rem;background:var(--ink);color:#e9f0ed;border-radius:4px}.article-body pre code{background:none;padding:0}.article-body img{width:100%;margin:2.5rem 0}.article-body hr{margin:3rem 0;border-color:var(--line)}.article-footer{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 0 6rem;border-top:1px solid var(--ink)}.article-footer p{font:600 1.7rem Newsreader,serif}.article-footer a{font:500 .72rem "DM Mono",monospace;text-transform:uppercase}.article-footer span{color:var(--signal)}@media(max-width:640px){.article-wrap{width:calc(100% - 30px)}.article-header{padding:3.5rem 0 2.2rem}.article-header h1{font-size:3.35rem}.article-byline{display:block}.article-byline time{display:block;margin-top:.5rem}.article-body{padding:3rem 0;font-size:1.03rem}.article-body>p:first-child{font-size:1.17rem}.article-footer{display:block}.article-footer a{display:block;margin-top:1rem}}
