:root{--blog-bg:#fff;--blog-soft:#f4f6f8;--blog-ink:#111827;--blog-body:#374151;--blog-muted:#5b6572;--blog-line:#e5e7eb;--blog-hero:#eaf8fd;--blog-pill:#d3ebf6;--blog-accent:#29b5e8;--blog-link:#1b7396;--blog-focus:#1b7396;--blog-code-bg:#0f172a;--blog-code-ink:#e2e8f0}@media (prefers-color-scheme:dark){:root{--blog-bg:#0b1118;--blog-soft:#141c26;--blog-ink:#f3f4f6;--blog-body:#cbd2db;--blog-muted:#98a2b0;--blog-line:#263140;--blog-hero:#10202b;--blog-pill:#1b3444;--blog-link:#54c4ed;--blog-focus:#54c4ed;--blog-code-bg:#0a0f16}}html{scroll-behavior:smooth}.blog-body{background:var(--blog-bg);color:var(--blog-body)}.blog-body [hidden]{display:none!important}.blog-footer{color:#111827;color-scheme:light;border-top:1px solid var(--blog-line);background:#fff}.font-display,.font-display *{font-family:Poppins,Lato,sans-serif}.blog-body :focus-visible{outline:2px solid var(--blog-focus);outline-offset:3px;border-radius:4px}.skip-link{z-index:100;background:var(--blog-ink);color:var(--blog-bg);border-radius:.5rem;padding:.6rem 1rem;font-weight:600;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-muted);align-self:flex-start;font-size:.75rem;font-weight:700;text-decoration:none}.topic-pill{background:var(--blog-pill);width:fit-content;color:var(--blog-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:.25rem;align-self:flex-start;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}a.topic-pill:hover{color:var(--blog-link)}a.eyebrow:hover{color:var(--blog-link);text-underline-offset:4px;text-decoration:underline}.card-link{color:inherit}.card-link:after{content:"";position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:2px solid var(--blog-focus);outline-offset:6px;border-radius:1rem}.chip,.page-link{white-space:nowrap;border:1px solid var(--blog-line);color:var(--blog-body);background:var(--blog-bg);border-radius:9999px;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.chip{padding:.25rem .75rem;font-size:.75rem}.page-link{min-width:2.5rem;height:2.5rem;padding:0 .9rem;font-size:.9375rem}.chip:hover,a.page-link:hover{border-color:var(--blog-link);color:var(--blog-link)}.chip[aria-current=page],.page-link[aria-current=page]{background:var(--blog-link);border-color:var(--blog-link);color:#fff}.blog-hero{background:var(--blog-hero)}.aside-card{background:var(--blog-bg);border:1px solid var(--blog-line);transition:box-shadow .2s;box-shadow:0 0 25px #00000014}.aside-card:hover{box-shadow:0 0 30px #00000024}.search-input:hover{border-color:var(--blog-muted)}.search-input:focus{border-color:var(--blog-link);outline:none}.read-progress{z-index:60;background:var(--blog-accent);transform-origin:0;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.share-btn{border:1px solid var(--blog-line);width:2.5rem;height:2.5rem;color:var(--blog-body);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.share-btn:hover{border-color:var(--blog-link);color:var(--blog-link)}.prose h2[id],.prose h3[id]{scroll-margin-top:7rem}.prose figure{margin:2rem 0}.prose figcaption{text-align:left}.prose img{width:100%;height:auto;margin:2rem 0}.prose figure img{margin:0}.prose .table-wrap{margin:2rem 0;overflow-x:auto}.prose .table-wrap table{min-width:32rem;margin:0}.prose pre{background:var(--blog-code-bg);color:var(--blog-code-ink)}.prose .video-embed{aspect-ratio:16/9;background:var(--blog-soft);border-radius:.75rem;margin:2rem 0;position:relative;overflow:hidden}.prose .video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.callout{border:1px solid var(--blog-line);border-left:4px solid var(--blog-muted);background:var(--blog-soft);color:var(--blog-body);border-radius:.75rem;margin:2rem 0;padding:1.1rem 1.4rem}.callout>:last-child{margin-bottom:0}.callout p{margin:.5rem 0 0}.callout .callout-title{letter-spacing:.06em;text-transform:uppercase;color:var(--blog-ink);margin:0;font-size:.8125rem;font-weight:700}.callout-tip{border-left-color:#2e9e6b}.callout-important{border-left-color:var(--blog-link)}.callout-warning{border-left-color:#d97706}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-body *,.blog-body :before,.blog-body :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}