.blog-index{max-width:var(--max);padding-inline:var(--pad-x);padding-block:var(--rhythm);margin-inline:auto}.blog-article{max-width:var(--col);padding-inline:var(--pad-x);padding-block:var(--rhythm);color:var(--ink);margin-inline:auto}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article h4{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-block-start:calc(var(--rhythm)*.5);margin-block-end:.5em;font-weight:400;line-height:1.15}.blog-article h1{margin-block-start:0;font-size:clamp(2rem,5vw,3rem)}.blog-article h2{font-size:clamp(1.5rem,3.5vw,2.125rem)}.blog-article h3{font-size:clamp(1.25rem,2.5vw,1.625rem)}.blog-article h4{font-size:1.125rem}.blog-article p{font-family:var(--sans);color:var(--ink);margin-block:1.25em 0;font-size:clamp(1rem,1.5vw,1.0625rem);line-height:1.75}.blog-article p:first-of-type{color:var(--ink-muted);font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.6}.blog-article hr{border:none;border-block-start:1px solid var(--hairline);margin-block:calc(var(--rhythm)*.4)}.blog-article h2+*{margin-block-start:.75em}.blog-article a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);transition:text-decoration-color var(--t-deliver)var(--ease-deliver)}.blog-article a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.blog-article blockquote{border-inline-start:2px solid var(--hairline);color:var(--ink-muted);font-family:var(--serif);margin-inline:0;padding-inline-start:1.25em;font-size:clamp(1.125rem,2vw,1.375rem);font-style:italic;line-height:1.55}.blog-article code{font-family:var(--mono);background:var(--surface);border:1px solid var(--hairline);border-radius:4px;padding:.125em .375em;font-size:.875em}.blog-article pre{background:var(--surface);border:1px solid var(--hairline);border-radius:8px;margin-block:1.5em;padding:1.25em;overflow-x:auto}.blog-article pre code{background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.65}.blog-article ul,.blog-article ol{margin-block:1em;padding-inline-start:1.5em}.blog-article li{font-family:var(--sans);margin-block:.35em;font-size:clamp(1rem,1.5vw,1.0625rem);line-height:1.7}.blog-article img{border:1px solid var(--hairline);border-radius:8px;width:100%;height:auto;margin-block:2em}.blog-meta{font-family:var(--sans);color:var(--ink-muted);border-block-end:1px solid var(--hairline);align-items:center;gap:1em;margin-block-end:2.5em;padding-block-end:1.5em;font-size:.875rem;display:flex}.blog-article ul{list-style:outside}.blog-article ol{list-style:decimal}.blog-article ul ul{list-style:circle}.blog-article ul ul ul{list-style:square}.blog-article li::marker{color:var(--ink-muted)}.blog-article li>ul,.blog-article li>ol{margin-block:.35em}.blog-article li>p:first-child{margin-block-start:0}.blog-article table{border-collapse:collapse;width:100%;font-family:var(--sans);white-space:nowrap;margin-block:1.75em;font-size:.9375rem;display:block;overflow-x:auto}.blog-article thead th{text-align:left;color:var(--ink);border-block-end:1px solid var(--ink);padding:.6em 1em;font-weight:600}.blog-article tbody td{color:var(--ink);border-block-end:1px solid var(--hairline);vertical-align:top;padding:.6em 1em}.blog-article tbody tr:last-child td{border-block-end:none}.blog-article p a,.blog-article li a{text-decoration:underline;-webkit-text-decoration-color:var(--ink-muted);text-decoration-color:var(--ink-muted);text-underline-offset:3px}.blog-article p a:hover,.blog-article li a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.blog-article sup.citation{margin-inline-start:1px;font-size:.7em;line-height:0}.blog-article sup.citation a{color:var(--ink-muted);font-weight:500;text-decoration:none}.blog-article sup.citation a:before{content:"["}.blog-article sup.citation a:after{content:"]"}.blog-article sup.citation a:hover{color:var(--ink)}.blog-article figure{margin-block:2em;margin-inline:0}.blog-article figcaption{font-family:var(--sans);color:var(--ink-muted);text-align:center;margin-block-start:.75em;font-size:.8125rem}.blog-article h2{margin-block-start:1.6em}.blog-article h3{margin-block-start:1.2em}.blog-article>:first-child{margin-block-start:0}