.article-layout.svelte-1jze7i{display:flex;padding-right:16px;padding-left:16px;line-height:1.5rem;height:100%;margin-top:0;padding-top:calc(var(--nav-h) + 40px);flex-direction:column;justify-content:center;align-items:center}#article-content.svelte-1jze7i{--main-column-width: 100ch;position:relative;padding-bottom:80px;display:flex;flex-direction:column;gap:30px}#article-content.svelte-1jze7i .header:where(.svelte-1jze7i){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;width:min(var(--main-column-width),100%);margin:0 auto}#article-content.svelte-1jze7i .header:where(.svelte-1jze7i) h1{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;line-height:1.15;color:var(--ink);margin-bottom:8px}#article-content.svelte-1jze7i .header:where(.svelte-1jze7i) .note:where(.svelte-1jze7i){font-size:12px;color:var(--ink-muted);letter-spacing:.06em}#article-content.svelte-1jze7i .cover-image:where(.svelte-1jze7i){width:100%;max-height:400px;margin:0 auto;box-shadow:var(--image-shadow);border-radius:6px}#article-content.svelte-1jze7i .cover-image img{max-height:400px;width:100%}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i){display:grid;grid-template-columns:1fr min(var(--main-column-width),100%) 1fr}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i)>*{grid-column:2}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i)>.full-bleed{grid-column:1 / 4;width:100%;max-width:1600px;margin-left:auto;margin-right:auto}#article-content.svelte-1jze7i .tags:where(.svelte-1jze7i){display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h1,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h2,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h3,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h4,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h5,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h6{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2;color:var(--ink)}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h1{font-size:2rem;margin:2.5rem 0 1rem}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h2{font-size:1.5rem;margin:2rem 0 .75rem}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h3{font-size:1.25rem;margin:1.75rem 0 .5rem}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h4,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h5,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) h6{font-size:1.1rem;margin:1.5rem 0 .5rem}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) p,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) li,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) blockquote{font-family:var(--font-mono);font-size:14px;line-height:1.85;color:var(--ink-mid);font-weight:300}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) p{margin:0 0 1.25rem}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) ul,#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) ol{margin:0 0 1.25rem;padding-left:1.5rem}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1.5rem 0}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) code{font-family:var(--font-mono);font-size:13px;background:var(--surface-2);padding:2px 6px;border-radius:4px}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;margin:1.25rem 0}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) pre code{background:none;padding:0}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-dk);transition:text-decoration-color .2s}#article-content.svelte-1jze7i .content:where(.svelte-1jze7i) a:hover{text-decoration-color:var(--accent)}