.blog-page{--blog-width:min(1120px, calc(100% - 2 * clamp(20px, 5vw, 72px)));--blog-measure:min(700px, calc(100% - 40px));background:var(--color-bg);min-height:100svh;color:var(--color-ink)}.blog-header,.blog-footer{width:var(--blog-width);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.blog-header{height:74px}.blog-header a,.blog-footer a{color:var(--color-ink);text-decoration:none}.blog-header nav,.blog-footer nav{flex-wrap:wrap;gap:22px;display:flex}.blog-header nav a,.blog-footer nav a{color:var(--color-muted);font:600 14px/1.3 var(--font-inter), Inter, sans-serif}.blog-header nav a:hover,.blog-footer nav a:hover{color:var(--color-ink)}.blog-footer{flex-wrap:wrap;padding:48px 0 56px}.blog-main{padding-bottom:40px}.blog-meta{color:var(--color-muted);font:500 13px/1.4 var(--font-inter), Inter, sans-serif;margin:0 0 14px}.blog-meta a{color:var(--color-muted);text-decoration:none}.blog-meta a:hover{color:var(--color-ink)}.blog-intro,.blog-list{width:var(--blog-measure);margin-inline:auto}.blog-intro{padding:clamp(48px,9vh,96px) 0 32px}.blog-intro h1,.blog-article h1{font:500 clamp(40px, 5.4vw, 64px)/1.04 var(--font-display), "Instrument Sans", Inter, sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0}.blog-intro p{max-width:46ch;color:var(--color-muted);font:400 19px/1.5 var(--font-inter), Inter, sans-serif;margin:18px 0 0}.blog-list{gap:8px;margin-block:24px 64px;padding:0;list-style:none;display:grid}.blog-list li{padding:28px 0}.blog-list h2{font:500 clamp(24px, 2.6vw, 30px)/1.15 var(--font-display), "Instrument Sans", Inter, sans-serif;letter-spacing:-.025em;margin:0 0 10px}.blog-list h2 a{color:var(--color-ink);text-decoration:none}.blog-list h2 a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.blog-list li>p:last-child{max-width:60ch;color:var(--color-ink-2);font:400 17px/1.55 var(--font-inter), Inter, sans-serif;margin:0}.blog-article{width:var(--blog-measure);margin:0 auto;padding-top:clamp(40px,8vh,88px)}.blog-lede{color:var(--color-muted);font:400 clamp(19px, 2vw, 22px)/1.5 var(--font-inter), Inter, sans-serif;margin:20px 0 40px}.blog-body{color:var(--color-ink-2);font:400 18px/1.7 var(--font-inter), Inter, system-ui, sans-serif}.blog-body>*+*{margin-top:1.1em}.blog-body h2{color:var(--color-ink);font:500 30px/1.15 var(--font-display), "Instrument Sans", Inter, sans-serif;letter-spacing:-.025em;margin-top:2.2em}.blog-body h3{color:var(--color-ink);font:500 22px/1.25 var(--font-display), "Instrument Sans", Inter, sans-serif;letter-spacing:-.02em;margin-top:1.8em}.blog-body p,.blog-body ul,.blog-body ol,.blog-body blockquote,.blog-body table,.blog-body pre{margin-bottom:0}.blog-body ul,.blog-body ol{padding-left:1.3em}.blog-body li+li{margin-top:.45em}.blog-body a{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-muted-3);text-decoration-color:var(--color-muted-3);text-underline-offset:4px}.blog-body a:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.blog-body strong{color:var(--color-ink);font-weight:600}.blog-body code{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-ink);font:500 .84em/1.4 var(--font-mono), "JetBrains Mono", monospace;border-radius:6px;padding:2px 6px}.blog-body pre{background:var(--color-teal);color:#e8edea;font:400 14px/1.65 var(--font-mono), "JetBrains Mono", monospace;border-radius:14px;padding:18px 20px;overflow-x:auto}.blog-body pre code{box-shadow:none;color:inherit;font:inherit;background:0 0;padding:0}.blog-body blockquote{box-shadow:inset 3px 0 0 var(--color-accent-light);color:var(--color-ink);margin-inline:0;padding:4px 0 4px 20px;font-size:19px}.blog-body table{border-collapse:collapse;width:100%;font-size:15px}.blog-body th,.blog-body td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.blog-body th{color:var(--color-ink);font-weight:600}.blog-body img{border-radius:14px;max-width:100%}.blog-byline{color:var(--color-muted);font:400 14px/1.6 var(--font-inter), Inter, sans-serif;margin:48px 0 0}.blog-byline a{color:var(--color-ink-2)}.blog-check{width:var(--blog-measure);background:var(--color-accent-tint);color:#1c1c1c;border-radius:24px;margin:56px auto 0;padding:clamp(28px,4vw,40px)}.blog-check h2{font:500 30px/1.1 var(--font-display), "Instrument Sans", Inter, sans-serif;letter-spacing:-.03em;margin:0 0 8px}.blog-check p{color:#3a3a3a;font:400 16px/1.5 var(--font-inter), Inter, sans-serif;margin:0 0 20px}.blog-check .home-search{background:#fff}.blog-check .home-search input{color:#1c1c1c}.blog-check .home-search button{color:#fff;background:#1c1c1c}.blog-related{width:var(--blog-measure);margin:56px auto 0}.blog-related h2{font:500 22px/1.2 var(--font-display), "Instrument Sans", Inter, sans-serif;margin:0 0 16px}.blog-related ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-related a{color:var(--color-ink);font:600 17px/1.4 var(--font-inter), Inter, sans-serif}.blog-related span{color:var(--color-muted);font:400 15px/1.5 var(--font-inter), Inter, sans-serif;margin-top:4px;display:block}@media (max-width:560px){.blog-header{height:64px}.blog-body{font-size:17px}.blog-body h2{font-size:26px}.blog-body pre{margin-inline:-8px;font-size:13px}}.blog-body td code{white-space:nowrap}