@layer components{.blog-page{background:var(--color-bg);min-height:100svh}.blog-shell{width:min(100% - clamp(32px,5vw,96px),1200px);margin:0 auto;padding:16px 0 28px}.blog-page .nav-link[aria-current=page]{color:var(--color-fg)}.blog-intro{padding:clamp(40px,7vh,88px) 0 clamp(28px,4vh,44px)}.blog-intro h1{max-width:22ch;color:var(--color-fg);margin:18px 0 0;font-size:clamp(34px,4.2vw,56px);font-weight:720;line-height:1.04}.blog-lead{max-width:62ch;color:var(--color-fg-muted);margin:18px 0 0;font-size:17px;line-height:1.6}.blog-index{padding-bottom:72px}.blog-tabs{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.blog-tabs nav{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.blog-tabs nav a{color:var(--color-fg-muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:14px 12px;font-size:14px;font-weight:600;transition:color .14s,border-color .14s}.blog-tabs nav a:first-child{padding-left:0}.blog-tabs nav a:hover,.blog-tabs nav a[aria-current=page]{color:var(--color-fg)}.blog-tabs nav a[aria-current=page]{border-bottom-color:var(--color-accent)}.blog-rss{color:var(--color-fg-muted);flex:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.blog-rss:hover{color:var(--color-accent)}.blog-cover{isolation:isolate;aspect-ratio:1200/630;border:1px solid var(--color-border);background:radial-gradient(120% 90% at 100% 0,#ffb33121,#0000 55%),#0c0c0e;background:radial-gradient(120% 90% at 100% 0,lab(78.9302% 23.1983 79.2156/.13),#0000 55%),lab(3.34407% .219069 -.850201);border-radius:8px;flex-direction:column;justify-content:space-between;padding:5.5% 6.5% 5%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.blog-cover:before{z-index:-1;content:"";background-image:linear-gradient(90deg,#f5f5f80d 1px,#0000 1px),linear-gradient(#f5f5f80d 1px,#0000 1px);background-image:linear-gradient(90deg,lab(96.4863% .369251 -1.4644/.05) 1px,#0000 1px),linear-gradient(lab(96.4863% .369251 -1.4644/.05) 1px,#0000 1px);background-size:6cqw 6cqw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 80%);mask-image:linear-gradient(135deg,#000,#0000 80%)}.blog-cover-label{color:var(--color-accent);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:max(9px,2.1cqw)}.blog-cover-line{max-width:15ch;color:var(--color-fg);text-wrap:balance;margin:0;font-size:7.2cqw;font-weight:720;line-height:1.04}.blog-cover-foot{color:var(--color-fg-muted);align-items:center;gap:1.6cqw;font-size:max(9px,2.2cqw);font-weight:600;display:inline-flex}.blog-cover-mark{background:var(--color-accent-soft);width:4.6cqw;min-width:14px;height:4.6cqw;min-height:14px;color:var(--color-accent);border:1px solid #ffb33199;border:1px solid lab(78.9302% 23.1983 79.2156/.6);border-radius:1cqw;place-items:center;font-size:max(8px,2.2cqw);font-weight:750;display:inline-grid}.blog-cover-cells{grid-template-columns:repeat(2,3.4cqw);gap:.9cqw;display:grid;position:absolute;top:6cqw;right:6.5cqw}.blog-cover-cells i{aspect-ratio:1;border:1px solid #f5f5f838;border:1px solid lab(96.4863% .369251 -1.4644/.22);border-radius:.5cqw}.blog-cover-cells i:first-child{border-color:var(--color-accent);background:var(--color-accent)}.blog-cover[data-category=comparisons]{background:linear-gradient(90deg,#ffb3311a 0 50%,#0000 50%),#0c0c0e;background:linear-gradient(90deg,lab(78.9302% 23.1983 79.2156/.1) 0 50%,#0000 50%),lab(3.34407% .219069 -.850201)}.blog-cover[data-category=expert-takes]{background:radial-gradient(110% 90% at 0 100%,#ffb33124,#0000 55%),#0c0c0e;background:radial-gradient(110% 90% at 0 100%,lab(78.9302% 23.1983 79.2156/.14),#0000 55%),lab(3.34407% .219069 -.850201)}.blog-cover-quote{width:9cqw;height:9cqw;color:var(--color-accent);position:absolute;top:5.5cqw;right:6.5cqw}.blog-meta{flex-wrap:wrap;gap:6px 14px;margin:0;display:flex}.blog-meta-category{color:var(--color-accent)}.blog-byline{align-items:center;gap:9px;min-width:0;display:inline-flex}.blog-byline-text{gap:1px;min-width:0;display:grid}.blog-byline strong{color:var(--color-fg);font-size:13px;font-weight:600}.blog-byline small{color:var(--color-fg-muted);font-size:12px}.blog-avatar{background:var(--color-accent-soft);width:26px;height:26px;color:var(--color-accent);border:1px solid #ffb33166;border:1px solid lab(78.9302% 23.1983 79.2156/.4);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.blog-avatar-lg{width:56px;height:56px;font-size:17px}.blog-featured{margin-bottom:44px}.blog-featured>a{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.blog-featured-body{gap:14px;display:grid}.blog-featured-body>.terminal-label{margin:0}.blog-featured h2{color:var(--color-fg);margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.12;transition:color .14s}.blog-featured-excerpt{color:var(--color-fg-soft);margin:0;font-size:16px;line-height:1.6}.blog-featured-cta{color:var(--color-accent);align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.blog-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;display:grid}.blog-cards[data-count="1"],.blog-cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured+.blog-cards{border-top:1px solid var(--color-border);padding-top:40px}.blog-card>a{gap:18px;height:100%;display:grid}.blog-card-body{align-content:start;gap:10px;display:grid}.blog-card h3{color:var(--color-fg);margin:0;font-size:18px;font-weight:650;line-height:1.3;transition:color .14s}.blog-card-excerpt{color:var(--color-fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:4px;display:flex}.blog-card-foot time{color:var(--color-fg-muted);font-size:12px;font-weight:600}.blog-card>a:hover h3,.blog-featured>a:hover h2{color:var(--color-accent-bright)}.blog-card>a:hover .blog-cover,.blog-featured>a:hover .blog-cover{border-color:#ffb3318c;border-color:lab(78.9302% 23.1983 79.2156/.55)}.blog-band{background:linear-gradient(115deg, transparent 0%, #ffb33114 60%, transparent 100%), var(--color-surface);border:1px solid #ffb33152;border:1px solid lab(78.9302% 23.1983 79.2156/.32);border-radius:10px;justify-content:space-between;align-items:center;gap:24px;margin-top:72px;padding:32px clamp(24px,4vw,44px);display:flex}@supports (color:lab(0% 0 0)){.blog-band{background:linear-gradient(115deg, transparent 0%, lab(78.9302% 23.1983 79.2156/.08) 60%, transparent 100%), var(--color-surface)}}.blog-band .terminal-label{margin:0 0 12px}.blog-band h2{color:var(--color-fg);margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.2}.blog-post{padding-bottom:72px}.blog-post-grid{grid-template-columns:220px minmax(0,680px);grid-template-areas:"toc head""toc body";justify-content:center;column-gap:clamp(40px,5vw,80px);display:grid}.blog-post-head{grid-area:head;padding:clamp(40px,7vh,80px) 0 40px}.blog-crumbs{gap:8px;margin:0;display:flex}.blog-crumbs a:hover,.blog-crumbs a:last-child{color:var(--color-accent)}.blog-post-head h1{color:var(--color-fg);margin:20px 0 0;font-size:clamp(32px,4vw,48px);font-weight:720;line-height:1.08}.blog-dek{color:var(--color-fg-soft);margin:18px 0 0;font-size:19px;line-height:1.55}.blog-post-byline{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:28px 0 32px;padding:16px 0;display:flex}.blog-dates{color:var(--color-fg-muted);flex-wrap:wrap;gap:6px 18px;margin:0;font-size:13px;font-weight:600;display:flex}.blog-toc{grid-area:toc;align-self:start;max-height:calc(100svh - 48px);margin-top:clamp(40px,7vh,80px);position:sticky;top:24px;overflow-y:auto}.blog-toc-title{align-items:center;gap:8px;margin:0 0 18px;display:flex}.blog-toc ol,.blog-toc-mobile ol{border-left:1px solid var(--color-border);gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-toc li a,.blog-toc-mobile li a{color:var(--color-fg-muted);border-left:2px solid #0000;margin-left:-1px;padding:6px 0 6px 14px;font-size:13px;line-height:1.45;display:block}.blog-toc li a:hover,.blog-toc-mobile li a:hover{color:var(--color-fg)}.blog-toc li a[aria-current]{border-left-color:var(--color-accent);color:var(--color-fg)}.blog-toc-mobile{display:none}.blog-share{border-top:1px solid var(--color-border);justify-items:start;gap:4px;margin-top:28px;padding-top:20px;display:grid}.blog-share .terminal-label{margin:0 0 8px}.blog-share a,.blog-share button{color:var(--color-fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.blog-share a:hover,.blog-share button:hover{color:var(--color-accent)}.blog-body{min-width:0;color:var(--color-fg-soft);grid-area:body;font-size:17px;line-height:1.75}.blog-body p,.blog-body ul,.blog-body ol{margin:0 0 22px}.blog-body ul,.blog-body ol{padding-left:22px}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li+li{margin-top:8px}.blog-body li>ul{margin:8px 0 0}.blog-body li::marker{color:var(--color-fg-dim)}.blog-body h2{color:var(--color-fg);margin:64px 0 18px;scroll-margin-top:24px;font-size:28px;font-weight:700;line-height:1.22}.blog-body h3{color:var(--color-fg);margin:40px 0 12px;scroll-margin-top:24px;font-size:20px;font-weight:650;line-height:1.35}.blog-body strong{color:var(--color-fg);font-weight:650}.blog-body a{color:var(--color-accent);text-underline-offset:3px;-webkit-text-decoration:underline #ffb33173;text-decoration:underline #ffb33173;-webkit-text-decoration:underline lab(78.9302% 23.1983 79.2156/.45);text-decoration:underline lab(78.9302% 23.1983 79.2156/.45)}.blog-body a:hover{text-decoration-color:currentColor}.blog-body code{font-family:var(--font-mono);font-size:.88em}.blog-takeaways{background:#ffb3310f;background:lab(78.9302% 23.1983 79.2156/.06);border:1px solid #ffb33152;border:1px solid lab(78.9302% 23.1983 79.2156/.32);border-radius:8px;margin:0 0 8px;padding:22px 24px 6px}.blog-takeaways .terminal-label{margin:0 0 14px}.blog-takeaways ul{margin:0 0 16px;font-size:16px;line-height:1.6}.blog-takeaways li{color:var(--color-fg)}.blog-table{border:1px solid var(--color-border);border-radius:8px;margin:28px 0;overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.5}.blog-table th{background:var(--color-surface);color:var(--color-fg);text-align:left;font-weight:650}.blog-table th,.blog-table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:11px 14px}.blog-table tr:last-child td{border-bottom:0}.blog-table td{font-variant-numeric:tabular-nums}.blog-figure{margin:32px 0}.blog-figure a{cursor:zoom-in;display:block}.blog-figure img{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--color-fg-muted);margin-top:12px;font-size:13px;line-height:1.5}.blog-download{background:var(--color-surface);border:1px solid #ffb33166;border:1px solid lab(78.9302% 23.1983 79.2156/.4);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:28px 0;padding:20px 22px;display:flex}.blog-download p{color:var(--color-fg-muted);flex:260px;margin:0;font-size:15px;line-height:1.55}.blog-body .blog-download .button,.blog-body .blog-cta .button{color:var(--color-accent-fg);text-decoration:none}.blog-sources{border-top:1px solid var(--color-border);margin-top:56px;padding-top:8px;font-size:14px;line-height:1.6}.blog-sources h2{margin-top:32px;font-size:20px}.blog-sources li+li{margin-top:6px}.blog-about{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;gap:20px;margin-top:56px;padding:24px;font-size:15px;line-height:1.6;display:flex}.blog-about .terminal-label,.blog-about p{margin:0 0 10px}.blog-disclosure{border-top:1px solid var(--color-border);color:var(--color-fg-muted);padding-top:12px;font-size:13px;margin-top:14px!important}.blog-cta{background:linear-gradient(115deg, transparent 0%, #ffb3311a 60%, transparent 100%), var(--color-surface);border:1px solid #ffb33166;border:1px solid lab(78.9302% 23.1983 79.2156/.4);border-radius:10px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:26px 28px;display:flex}@supports (color:lab(0% 0 0)){.blog-cta{background:linear-gradient(115deg, transparent 0%, lab(78.9302% 23.1983 79.2156/.1) 60%, transparent 100%), var(--color-surface)}}.blog-cta h2{margin:0;font-size:21px;line-height:1.3}.blog-cta .button{flex:none}.blog-related{border-top:1px solid var(--color-border);margin-top:96px;padding-top:40px}.blog-related-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.blog-related-head h2{color:var(--color-fg);margin:0;font-size:24px;font-weight:700}.blog-text-cta{color:var(--color-accent);align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.blog-text-cta:hover{color:var(--color-accent-bright)}@media (min-width:1320px){.blog-body .blog-table,.blog-body .blog-figure{margin-right:-180px}}@media (max-width:1080px){.blog-post-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""toc""body"}.blog-toc{display:none}.blog-toc-mobile{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-area:toc;margin-bottom:8px;padding:14px 16px;display:block}.blog-toc-mobile summary{cursor:pointer;align-items:center;gap:8px;display:flex}.blog-toc-mobile[open] summary{margin-bottom:12px}}@media (max-width:899px){.blog-cards,.blog-cards[data-count]{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured>a{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.blog-cards,.blog-cards[data-count]{grid-template-columns:minmax(0,1fr)}.blog-rss{display:none}.blog-band,.blog-cta{flex-direction:column;align-items:stretch}.blog-band .button,.blog-cta .button{justify-content:center}.blog-body{font-size:16.5px}.blog-body h2{margin-top:52px;font-size:24px}.blog-dek{font-size:17px}.blog-about,.blog-related-head{flex-direction:column}}}