.page-hero.compact{padding-block:90px 65px}.article-shell{padding:40px 0 90px;position:relative}.article-page{grid-template-columns:minmax(0,900px) 280px;gap:58px;max-width:1260px;margin:0 auto;padding:0;display:grid}.article-main{min-width:0}.article-header{border-bottom:1px solid var(--line);padding-bottom:48px}.article-cover{border:1px solid var(--line);background:#071018;border-radius:24px;margin:0 0 34px;position:relative;overflow:hidden}.article-cover img{aspect-ratio:16/9;object-fit:cover;opacity:.45;width:100%;display:block}.article-cover figcaption{background:linear-gradient(#0000,#071018e6);gap:10px;padding:clamp(24px,4vw,48px);display:grid;position:absolute;inset:auto 0 0}.article-cover figcaption small{color:var(--orange);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.article-cover figcaption strong{color:#fff;max-width:780px;font-size:clamp(1.7rem,4vw,3.4rem);line-height:1.15}.article-cover figcaption span{color:#ffffffb8;max-width:640px;line-height:1.7}:is(body[data-page=blog],body[data-page=notes]) .article-cover img{aspect-ratio:auto;height:clamp(300px,34vw,400px)}:is(body[data-page=blog],body[data-page=notes]) .article-cover figcaption{gap:8px;padding:clamp(22px,3vw,34px)}:is(body[data-page=blog],body[data-page=notes]) .article-cover figcaption strong{font-size:clamp(1.6rem,3vw,2.7rem)}:is(body[data-page=blog],body[data-page=notes]) .article-cover figcaption span{line-height:1.55}.article-header h1{margin-bottom:24px;font:600 clamp(2.6rem,5vw,4.9rem) DM Sans,Noto Sans SC,sans-serif}.article-header>p{max-width:660px;color:var(--muted);font-size:1.05rem;line-height:1.8}.article-meta{color:var(--muted);gap:20px;font-size:.72rem;display:flex}.tag-list{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.tag-list a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.68rem;display:block}.article-body{padding-top:45px;font-size:1rem;line-height:1.9}.article-maintenance{border:1px solid color-mix(in srgb, var(--orange) 45%, var(--line));background:color-mix(in srgb, var(--orange) 8%, transparent);color:var(--ink);border-radius:10px;margin-bottom:24px;padding:14px 16px;font-size:.88rem}.article-maintenance--deprecated{border-color:color-mix(in srgb, var(--danger) 45%, var(--line));background:color-mix(in srgb, var(--danger) 8%, transparent)}.article-body h2,.article-body h3{margin-top:2.2em;font-family:Playfair Display,serif;position:relative}.article-body h2{font-size:1.8rem}.article-body a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.article-body pre{border:1px solid var(--line);background:var(--paper);padding:20px;font-size:.83rem;line-height:1.7;position:relative;overflow-x:auto}.heading-copy,.code-copy{border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer}.heading-copy{vertical-align:middle;opacity:0;margin-left:10px;padding:2px 7px}.article-body :is(h2,h3):hover .heading-copy,.heading-copy:focus-visible{opacity:1}.code-copy{padding:5px 9px;font-size:.68rem;position:absolute;top:10px;right:10px}.article-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:54px;display:grid}.article-pagination a{border:1px solid var(--line);gap:8px;padding:20px;display:grid}.article-pagination a:last-child{text-align:right}.article-pagination small{color:var(--muted)}.article-related{border-top:1px solid var(--line);margin-top:44px;padding-top:32px}.article-related h2{font-size:1.45rem}.article-related ul{gap:10px;padding-left:1.2em;display:grid}.article-body :not(pre)>code{background:var(--paper);padding:2px 5px;font-size:.86em}.article-toc{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 72%,transparent);backdrop-filter:blur(14px);border-radius:24px;align-self:start;max-height:calc(100vh - 140px);padding:26px 24px;position:sticky;top:116px;overflow:auto}.article-toc p{color:var(--ink);margin:0 0 20px;font-weight:700}.article-toc nav{gap:12px;padding-left:20px;display:grid;position:relative}.article-toc nav:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:3px}.article-toc a{color:var(--muted);font-size:.78rem;line-height:1.5;position:relative}.article-toc a:before{border:2px solid var(--orange);background:var(--bg);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:-21px}.article-toc .depth-3{padding-left:14px;font-size:.72rem}.tag-cloud{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tag-cloud a{border:1px solid var(--line);background:var(--paper);justify-content:space-between;padding:24px;display:flex}.tag-cloud small{color:var(--orange)}.timeline-page>section+section{margin-top:70px}.timeline-page>section>h2{font-size:3rem}.timeline article small{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.search-box{border:1px solid var(--line);background:var(--paper);align-items:center;max-width:760px;padding:0 20px;display:flex}.search-box input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:20px 15px}.search-box kbd{color:var(--muted)}.search-status,.empty-message{color:var(--muted);margin-top:24px}.search-results{margin-top:35px}.search-results p{color:var(--muted);margin:7px 0 0;font-size:.76rem}.search-results mark{color:inherit;background:color-mix(in srgb, var(--orange) 28%, transparent);padding:0 .08em}.not-found{min-height:calc(100vh - 165px);padding:130px 7%}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:32px}@media (width<=850px){.article-page{grid-template-columns:1fr}.article-toc{order:-1;max-height:none;position:relative;top:auto}}@media (width<=620px){.article-shell{padding:28px 0 70px}.article-main{padding:24px 18px}.article-header h1{font-size:clamp(2.2rem,12vw,3.5rem)}.article-body{padding-top:32px;font-size:.98rem}.article-body pre{-webkit-overflow-scrolling:touch;max-width:100%;padding:16px;font-size:.76rem}}