:root{--article-max: 72ch;--article-wide: min(1200px, 100vw);--article-bleed: 100vw;--radius-s: var(--radius-sm, 8px);--radius-m: var(--radius-md, 10px);--radius-l: var(--radius-lg, 14px);--shadow-soft: 0 4px 12px color-mix(in oklab, var(--text) 14%, transparent)}.article{max-width:var(--article-max);margin-inline:auto;display:grid;gap:var(--space-md);font-size:1rem;line-height:1.7;color:var(--text-secondary);container-type:inline-size}.article-content{max-width:var(--article-max);margin-inline:auto;padding:var(--space-2xl) var(--space-lg);line-height:1.8}.article-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.article-header h1{margin:0 0 var(--space-sm);color:var(--text);font-weight:var(--weight-bold, 700);letter-spacing:-.01em;line-height:1.1;font-size:clamp(2rem,1.2rem + 2.2vw,2.6rem)}.article-meta{display:flex;gap:var(--space-md);flex-wrap:wrap;color:var(--text-secondary);font-size:.95rem;margin:0 0 var(--space-md)}.article-category{color:var(--color-primary);font-weight:var(--weight-semibold, 600)}.article-summary{color:var(--text-secondary);font-size:1.0625rem;margin:var(--space-sm) 0 var(--space-lg);line-height:1.6}.article-cover{width:100%;max-height:clamp(220px,40vw,420px);object-fit:cover;border-radius:var(--radius-s);margin-bottom:var(--space-lg);box-shadow:var(--shadow-soft)}.article h2,.article h3{color:var(--text);font-weight:var(--weight-bold, 700);line-height:1.25;margin:clamp(1.75rem,2.8vw,2.5rem) 0 var(--space-sm);scroll-margin-top:90px}.article h2{font-size:clamp(1.35rem,1rem + 1.6vw,1.75rem)}.article h3{font-size:clamp(1.125rem,.9rem + 1.2vw,1.375rem)}.article h4{margin-top:var(--space-lg);color:color-mix(in oklab,var(--text) 86%,transparent);font-weight:var(--weight-semibold, 600)}.article p{margin:0 0 var(--space-md);color:var(--text-secondary)}.article a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.article a:hover{text-decoration-thickness:2px}.article a:focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px;border-radius:4px}.article kbd{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.95em;background:color-mix(in oklab,var(--text) 8%,transparent);border:1px solid color-mix(in oklab,var(--text) 16%,transparent);border-bottom-width:2px;padding:.1rem .35rem;border-radius:4px;color:var(--text)}.article code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background-color:color-mix(in oklab,var(--color-primary) 14%,var(--bg) 86%);color:var(--text);padding:.2rem .4rem;border-radius:4px;font-size:.95rem}.article pre{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background-color:color-mix(in oklab,var(--color-primary) 10%,var(--bg) 90%);border:1px solid var(--border);border-radius:var(--radius-s);padding:var(--space-lg);overflow-x:auto;margin:var(--space-xl) 0;font-size:.95rem}.article pre code{background:transparent;padding:0}.article ul,.article ol{padding-left:1.5rem;margin:0 0 var(--space-md)}.article li{margin:0 0 .5rem}.article table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:.95rem}.article th,.article td{border:1px solid var(--border);padding:.75rem;text-align:left}.article thead th{background:color-mix(in oklab,var(--color-primary) 14%,transparent);color:var(--text);font-weight:var(--weight-bold, 700);position:sticky;top:0;z-index:1}.article tbody tr:nth-child(odd) td{background:color-mix(in oklab,var(--text) 4%,transparent)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface)}.table-wrap>table{min-width:640px;margin:0;border:0}.article blockquote{margin:var(--space-xl) 0;padding:.5rem 1.25rem;border-left:4px solid var(--color-primary);color:var(--text-secondary);font-style:italic;background:linear-gradient(90deg,color-mix(in oklab,var(--color-primary) 12%,transparent),transparent 60%);border-radius:0 var(--radius-s) var(--radius-s) 0}.pullquote{font-size:clamp(1.2rem,.6rem + 2vw,1.6rem);color:var(--text);font-style:normal;border-left-color:transparent;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--text) 4%,transparent)}.article img{display:block;max-width:100%;height:auto;margin:var(--space-lg) 0;border-radius:4px;box-shadow:var(--shadow-soft)}.article figure{margin:var(--space-lg) 0}.article figure img{margin:0;border-radius:var(--radius-m)}.article figcaption{font-size:.95rem;color:var(--text-secondary);margin-top:.5rem;text-align:center}.img-1-2{width:50%}.img-1-3{width:33.333%}.img-2-3{width:66.666%}.img-sm{width:420px;max-width:100%}.img-lg{width:90%;max-width:var(--article-wide)}@container (inline-size < 560px){.img-1-2,.img-1-3,.img-2-3,.img-sm,.img-lg{width:100%;max-width:100%}}.float-left,.float-right{max-width:46%}.float-left{float:left;margin:.25rem 1rem 1rem 0}.float-right{float:right;margin:.25rem 0 1rem 1rem}.float-left img,.float-right img,figure.float-left,figure.float-right{border-radius:var(--radius-l);shape-outside:inset(0 round var(--radius-l))}@media (hover: hover) and (pointer: fine){.img-zoom img{transition:transform .25s var(--ease-standard, ease)}.img-zoom:hover img{transform:scale(1.02)}}.callout{border:1px solid var(--border);background:color-mix(in oklab,var(--text) 4%,transparent);border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-s);margin:var(--space-lg) 0;color:var(--text)}.callout .title{font-weight:var(--weight-bold, 700);color:var(--color-primary);margin-bottom:.25rem}.callout.tip{border-left-color:var(--color-accent-teal)}.callout.warn{border-left-color:var(--color-alert)}.embed{position:relative;width:100%;aspect-ratio:16/9;margin:var(--space-lg) 0;border-radius:var(--radius-s);overflow:hidden;box-shadow:var(--shadow-soft);background:color-mix(in oklab,var(--text) 12%,transparent)}.embed>iframe,.embed>video{position:absolute;inset:0;width:100%;height:100%;border:0}.article :focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px}@media (max-width: 900px){.float-left,.float-right{float:none;max-width:100%;margin:var(--space-md) 0;width:100%}.float-left+*,.float-right+*,figure.float-left+*,figure.float-right+*{clear:both}}@media (max-width: 640px){.article h2,.article h3{scroll-margin-top:72px}}.centered{display:block;margin-inline:auto;text-align:center}.full-bleed{width:100vw;margin-inline:calc(50% - 50vw);max-width:none}.wide{width:var(--article-wide);max-width:none;margin-left:50%;transform:translate(-50%)}