@import url('/blog/tokens.css');
@font-face{font-family:'Fraunces Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/blog/assets/display.woff2') format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible Next Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/blog/assets/body.woff2') format('woff2')}
html{scroll-padding-top:112px}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:var(--fs-body)/1.5 var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--primary)}button{font:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:560;line-height:1.2;font-variation-settings:'SOFT' 100}h1,.article-head h1{font-size:var(--fs-display);letter-spacing:-.02em}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}
.site-header,html[data-theme=dark] .site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:80px;padding:12px max(24px,calc((100vw - 1440px)/2));background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:none}.brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand img{border-radius:24%;box-shadow:0 0 0 1px var(--border),var(--shadow-card)}.brand span{display:inline;margin:0;letter-spacing:0;font:600 var(--fs-h3)/1.1 var(--font-display);font-variation-settings:'SOFT' 100}.site-header nav{display:flex;align-items:center;justify-content:center;flex:1;gap:4px}.site-header nav a,.account{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:14px;color:var(--ink);font-size:var(--fs-small);font-weight:600;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{background:var(--herb-soft);color:var(--herb)}.site-header nav svg{width:22px;height:22px}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.account{border:1px solid var(--border-control)}.theme{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;border:1px solid var(--border);border-radius:50%;color:var(--ink);background:var(--surface);cursor:pointer}.theme[hidden]{display:none}.theme:hover{background:var(--herb-soft)}.theme .sun{display:none}html[data-theme=dark] .theme .sun{display:block}html[data-theme=dark] .theme .moon{display:none}
main{flex:1;width:100%;max-width:1240px;padding:40px 32px 64px}.hero{max-width:760px;padding:0 0 32px}.hero h1{font-size:var(--fs-display);margin:12px 0 16px}.hero h1 em{font-style:normal;color:var(--herb)}.hero>p:last-child,.intro{color:var(--ink-dim);font-size:var(--fs-lead);line-height:1.5}.eyebrow{font-size:var(--fs-small);font-weight:600;letter-spacing:0;text-transform:none;color:var(--herb)}.cards{gap:24px}.cards>p{grid-column:1/-1;padding:24px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.card,html[data-theme=dark] .card{border-color:var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-card)}.card:hover{transform:none;border-color:var(--herb)}.card>div{padding:24px}.card h2{font-size:var(--fs-h2)}.card p{font-size:var(--fs-body);color:var(--ink-dim)}.byline,figcaption{font-size:var(--fs-small);color:var(--ink-dim)}.article-top{gap:40px;margin-top:0}.answer,html[data-theme=dark] .answer{padding:24px;background:var(--herb-soft);border-color:var(--border);border-radius:var(--r-md)}.contents{border-color:var(--border);border-radius:var(--r-md);background:var(--surface)}.prose td,.prose th{border-color:var(--border)}.prose th,html[data-theme=dark] .prose th{background:var(--surface-alt)}
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:28px 32px;border-top:1px solid var(--border);color:var(--ink-dim);font-size:var(--fs-small)}.site-footer>div{display:flex;flex-direction:column;gap:6px}.site-footer strong{font:700 20px/1.5 var(--font-body);color:var(--herb)}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit}.skip{background:var(--surface);color:var(--ink)}
@media(max-width:1199px){.site-header{padding-inline:20px;column-gap:12px}.site-header nav{gap:2px}.site-header nav a{gap:6px;padding-inline:8px}}
@media(max-width:1023px){.site-header nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}.site-header nav img{width:28px;height:28px}.site-header nav a{padding:6px 10px}html{scroll-padding-top:150px}}
@media(max-width:600px){main{padding:28px 18px 40px}.site-header{padding:8px 18px}.site-header nav a{font-size:14px;gap:5px}.site-header nav svg,.site-header nav img{display:none}.brand span{font-size:22px}.account{font-size:14px;padding:8px}.site-footer{padding:24px 18px}}