@font-face{font-family:Inter;font-weight:300 700;font-display:swap;src:url(/blog/font/inter/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122}@font-face{font-family:Inter;font-weight:300 700;font-display:swap;src:url(/blog/font/inter/inter-latinext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}:root{--az-bg: #fbfaf8;--az-surface: #ffffff;--az-panel: #f3f1ec;--az-band: #f1efe9;--az-ink: #15120f;--az-muted: #6f6a63;--az-line: #e8e3da;--az-lime: #81ff3c;--az-lime-ink: #2e7d0a;--az-lime-edge: #4ae00c;--az-radius: 8px;--az-radius-pill: 999px;--az-col: 1120px;--measure: 40rem;--sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--az-bg)}body{margin:0;background:var(--az-bg);color:var(--az-ink);font-family:var(--sans);font-size:1.02rem;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{width:min(100% - 3rem,var(--az-col));margin-inline:auto}.prose{max-width:var(--measure)}a{color:inherit;text-underline-offset:.18em}.prose a,a:hover{color:var(--az-lime-ink)}h1,h2,h3{line-height:1.12;letter-spacing:-.03em;font-weight:500;color:var(--az-ink);text-wrap:balance}h1{font-size:clamp(2.25rem,1.5rem + 2.8vw,3.75rem);margin:0 0 .8rem}h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);margin:2.8rem 0 .8rem;letter-spacing:-.02em}h3{font-size:1.15rem;margin:2rem 0 .5rem;font-weight:600;letter-spacing:-.01em}p,ul,ol{margin:0 0 1.15rem}code{font-family:var(--mono);font-size:.88em;background:var(--az-panel);padding:.12em .38em;border-radius:4px}pre{background:var(--az-ink);color:#f3f1ec;padding:1rem 1.1rem;border-radius:var(--az-radius);overflow-x:auto;font-size:.9rem}pre code{background:none;padding:0;color:inherit}blockquote{margin:1.5rem 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--az-lime);color:var(--az-muted)}hr{border:0;border-top:1px solid var(--az-line);margin:2.6rem 0}table{width:100%;border-collapse:collapse;margin:1.3rem 0;font-size:.95rem}th{text-align:left;font-weight:600;background:var(--az-panel)}th,td{padding:.55rem .75rem;border-bottom:1px solid var(--az-line);vertical-align:top}.skip{position:absolute;left:-9999px}.skip:focus{left:.5rem;top:.5rem;background:var(--az-surface);padding:.5rem .8rem;z-index:10}.site-header{background:transparent;padding:16px 0 0}.site-header .nav{background:#fff;border:1px solid #ececf0;border-radius:999px;box-shadow:0 14px 34px #0d0d1f14;padding:0 30px;min-height:70px;display:flex;align-items:center;gap:24px}.brand{font-family:var(--sans);font-size:21px;font-weight:600;color:#0d0d1f;letter-spacing:.01em;text-decoration:none}.brand:hover{color:#0d0d1f}.nav-links{display:flex;align-items:center;gap:14px;margin-left:auto}.nav-link{font-family:var(--sans);font-size:15px;font-weight:600;color:#0a0a0a;text-decoration:none;padding:9px 8px;line-height:1}.nav-link:hover{color:#3aa80a}.nav-btn{display:inline-flex;align-items:center;font-family:var(--sans);background:#15120f;color:#fff;font-size:15px;font-weight:500;padding:10px 22px;border-radius:999px;text-decoration:none;border:1px solid #15120f;line-height:1;transition:background .15s ease,transform .15s ease}.nav-btn:hover{background:#2a2520;color:#fff;transform:translateY(-1px)}@media(max-width:1023px){.site-header{padding:0}.site-header .nav{border-radius:0;border-width:0 0 1px;box-shadow:none;padding:12px 16px;min-height:0}.brand{font-size:18px}.nav-link{display:none}.nav-btn{padding:9px 16px;font-size:14px}}.site-footer{background:#1c1814;color:#d8d2c8;margin-top:5rem}.site-footer .inner{width:min(100% - 3rem,1180px);margin:0 auto;padding:48px 0 32px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;justify-content:space-between}.site-footer .fname{font-size:19px;font-weight:600;color:#fff;letter-spacing:.01em;text-decoration:none}.site-footer .tagline{margin:14px 0 0;max-width:340px;font-size:14px;line-height:1.6;color:#a8a199}.site-footer .cols{display:flex;gap:48px;flex-wrap:wrap}.site-footer .col .col-h{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#8c857b;margin:0 0 14px;font-weight:500}.site-footer .col ul{list-style:none;margin:0;padding:0}.site-footer .col li{margin:0 0 10px}.site-footer .col a{font-size:14px;color:#cfc8bd;text-decoration:none}.site-footer .col a:hover{color:#fff}.site-footer .bottom{width:min(100% - 3rem,1180px);margin:0 auto;padding:18px 0 32px;border-top:1px solid #352f27;font-size:13px;color:#8c857b}main{padding:3rem 0 1rem}.eyebrow{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--az-lime-ink);font-weight:600}.eyebrow a{text-decoration:none}.muted{color:var(--az-muted)}.meta{color:var(--az-muted);font-size:.9rem}.lede{font-size:1.2rem;line-height:1.5;color:var(--az-muted);max-width:40rem;text-wrap:pretty}.hub{margin-top:3rem}.hub>h2{margin-top:0}.hub>h2 a{text-decoration:none}.hub>h2 a:hover{color:var(--az-lime-ink)}.card-grid{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}.card{background:var(--az-surface);border:1px solid var(--az-line);border-radius:var(--az-radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.card:hover{border-color:var(--az-lime-edge)}.card img{display:block;width:100%;height:auto;object-fit:contain;background:var(--az-bg);border-bottom:1px solid var(--az-line)}.card .body{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}.card h3{margin:0;font-size:1.08rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--az-lime-ink)}.card p{margin:0;font-size:.93rem;color:var(--az-muted)}.unreviewed{font-size:.85rem;color:var(--az-muted);border:1px solid var(--az-line);background:var(--az-panel);border-radius:var(--az-radius);padding:.6rem .8rem}.reveal .w{display:inline-block;opacity:0;transform:translateY(.35em);animation:w-in .55s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 55ms)}@keyframes w-in{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal .w{animation:none;opacity:1;transform:none}}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:1.6rem 0 .4rem}.pill{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--az-ink);background:var(--az-panel);border:1px solid transparent}.pill:hover{border-color:var(--az-line);color:var(--az-ink)}.pill[aria-current=page]{background:var(--az-ink);color:#fff}.card .kicker{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--az-muted);margin-top:.1rem}.card .kicker .cat{color:var(--az-lime-ink);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:start}@media(min-width:1024px){.article-grid{grid-template-columns:240px minmax(0,var(--measure));gap:3.5rem}}.rail{position:sticky;top:24px;display:none}@media(min-width:1024px){.rail{display:block}}.toc{background:var(--az-panel);border-radius:var(--az-radius);padding:1rem 1.1rem}.toc .toc-h{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--az-muted);font-weight:600;margin:0 0 .6rem}.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--az-line)}.toc li{margin:0}.toc a{display:block;padding:.3rem 0 .3rem .8rem;margin-left:-2px;border-left:2px solid transparent;font-size:.9rem;color:var(--az-muted);text-decoration:none;line-height:1.35}.toc a:hover{color:var(--az-ink);border-left-color:var(--az-lime)}.toc li.d3 a{padding-left:1.6rem;font-size:.85rem}.article-head .kicker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--az-muted);font-size:.9rem}.author-card{display:flex;align-items:center;gap:14px;background:var(--az-panel);border-radius:var(--az-radius);padding:1rem 1.1rem;margin-top:2rem}.author-card .avatar{width:44px;height:44px;border-radius:50%;background:var(--az-ink);color:var(--az-lime);display:grid;place-items:center;font-weight:700;font-size:1rem;flex:0 0 44px}.author-card .who{font-weight:600}.author-card .role{color:var(--az-muted);font-size:.9rem}
