.blog-app,.article,.blog-archive{--blog-panel:#1d2020;--blog-panel-deep:#151717;--blog-line:#373b3a;--blog-copy:#c5c9c7}.blog-hero{padding-top:clamp(3.25rem,7vw,6.5rem);padding-bottom:clamp(2rem,4vw,3.5rem)}.blog-hero .eyebrow{margin-bottom:1rem}.blog-hero h1{max-width:12ch;margin-bottom:1.25rem;font-size:clamp(2.55rem,7vw,5.75rem)}.blog-hero__intro{max-width:760px;color:var(--muted-strong);margin-bottom:0;font-size:clamp(1.02rem,1.7vw,1.25rem);line-height:1.55}.blog-main{padding-bottom:clamp(4rem,8vw,8rem)}.blog-search{border-block:1px solid var(--blog-line);margin-bottom:clamp(3rem,6vw,5rem);padding-block:1.25rem;position:relative}.blog-search__field{border:1px solid var(--line-strong);background:var(--blog-panel-deep);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:62px;padding-inline:1rem;display:grid}.blog-search__field svg{fill:none;stroke:var(--mint);stroke-width:1.7px}.blog-search__field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:clamp(1rem,2vw,1.15rem)}.blog-search__field input::placeholder{color:#8f9491}.blog-search__field kbd{border:1px solid var(--line);color:var(--muted);padding:.25rem .48rem;font-size:.74rem}.blog-search__controls{justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1rem;display:flex}.blog-categories{flex-wrap:wrap;gap:.45rem;display:flex}.blog-filter,.blog-tags-toggle,.blog-tag-panel button,.blog-search__status button{border:1px solid var(--line);min-height:44px;color:var(--muted-strong);cursor:pointer;background:0 0;border-radius:999px}.blog-filter{padding:.55rem .9rem;font-size:.84rem;font-weight:650}.blog-filter:hover,.blog-filter.is-active{border-color:var(--mint);color:var(--text);background:#7fd4b81a}.blog-tags-toggle{flex:none;align-items:center;gap:.65rem;padding:.55rem .9rem;font-weight:700;display:inline-flex}.blog-tags-toggle span{color:var(--lime);font-size:1.15rem}.blog-tag-panel{border:1px solid var(--line);background:var(--blog-panel-deep);margin-top:1rem;padding:1rem}.blog-tag-panel__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-tag-panel__header button,.blog-search__status button{padding-inline:.85rem}.blog-tag-options{flex-wrap:wrap;gap:.55rem;display:flex}.blog-tag-option{border:1px solid color-mix(in srgb, var(--tag-color) 40%, var(--line));background:color-mix(in srgb, var(--tag-color) 8%, transparent);min-height:44px;color:color-mix(in srgb, var(--tag-color) 82%, white);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .7rem;display:inline-flex}.blog-tag-option:has(input:checked){border-color:var(--tag-color);background:color-mix(in srgb, var(--tag-color) 17%, transparent)}.blog-tag-option input{width:18px;height:18px;accent-color:var(--tag-color)}.blog-tag-option small{color:var(--muted)}.blog-search__status{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding-top:.8rem;display:flex}.blog-search__status p,.blog-search__dev-note,.blog-search__noscript{color:var(--muted);margin:0;font-size:.88rem}.blog-search__status strong{color:var(--text)}.blog-search__dev-note,.blog-search__noscript{color:var(--web-accent-soft);padding-top:.5rem}.blog-featured{border:1px solid var(--blog-line);background:var(--blog-panel-deep);margin-bottom:clamp(4rem,8vw,7rem);display:grid}.blog-featured__image{min-height:250px;overflow:hidden}.blog-featured__image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%}.blog-featured__content{flex-direction:column;justify-content:center;padding:clamp(1.35rem,4vw,3.5rem);display:flex}.blog-featured__label,.blog-card__category{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem;font-size:.72rem;font-weight:750;line-height:1.3}.blog-featured h2{max-width:16ch;margin-bottom:1rem;font-size:clamp(2rem,4.4vw,3.8rem)}.blog-featured__content>p:not(.blog-featured__label,.blog-featured__meta){max-width:55ch;color:var(--blog-copy);font-size:1.05rem}.blog-featured__tags,.blog-card__tags,.article-header__tags{flex-wrap:wrap;gap:.45rem;display:flex}.blog-featured__meta{color:var(--muted);margin:1.2rem 0 .5rem;font-size:.82rem}.tag{--tag-color:var(--mint);border:1px solid color-mix(in srgb, var(--tag-color) 35%, var(--line));background:color-mix(in srgb, var(--tag-color) 8%, transparent);min-height:28px;color:color-mix(in srgb, var(--tag-color) 78%, white);border-radius:999px;align-items:center;padding:.28rem .58rem;font-size:.72rem;font-weight:650;line-height:1.2;display:inline-flex}.tag-mint{--tag-color:#7fd4b8}.tag-lime{--tag-color:#b8e75d}.tag-violet{--tag-color:#b7a3ff}.tag-gold{--tag-color:#e4ad5f}.tag-coral{--tag-color:#ff9a85}.tag-sky{--tag-color:#8fc6ff}.tag-pink{--tag-color:#efa6ca}.blog-list-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem;display:flex}.blog-list-heading .eyebrow{margin-bottom:0}.blog-list-heading h2{margin-bottom:0;font-size:clamp(1.75rem,3vw,2.7rem)}.blog-grid{grid-template-columns:1fr;gap:1rem;display:grid}.blog-card{border:1px solid var(--blog-line);background:var(--blog-panel-deep);flex-direction:column;min-width:0;display:flex}.blog-card[hidden]{display:none}.blog-card__image{border-bottom:1px solid var(--blog-line);display:block;overflow:hidden}.blog-card__image img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .32s}.blog-card:hover .blog-card__image img{transform:scale(1.025)}.blog-card__body{flex-direction:column;height:100%;padding:1.2rem;display:flex}.blog-card h2{margin-bottom:.75rem;font-size:clamp(1.35rem,2.1vw,1.72rem);line-height:1.08}.blog-card h2 a:hover,.blog-card__link:hover{color:var(--lime)}.blog-card__description,.blog-card__excerpt{color:var(--blog-copy);margin-bottom:1rem;font-size:.92rem;line-height:1.55}.blog-card__excerpt{border-left:2px solid var(--mint);padding-left:.8rem}.blog-card__excerpt mark{color:var(--text);background:#b8e75d38}.blog-card__tags{margin-top:auto}.blog-card__meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:1.15rem;padding-top:.8rem;font-size:.74rem;display:flex}.blog-card__link{align-items:center;gap:.55rem;min-height:44px;margin-top:.45rem;font-size:.88rem;font-weight:750;display:inline-flex}.blog-card__link span{color:var(--lime);font-size:1.4em}.blog-more{justify-content:center;padding-top:2rem;display:flex}.button-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.blog-empty{border:1px solid var(--line);color:var(--muted-strong);text-align:center;padding:2rem}.blog-pagination{min-height:52px;color:var(--muted);justify-content:center;align-items:center;gap:1rem;margin-top:2rem;font-size:.84rem;display:flex}.blog-pagination a{border:1px solid var(--line);min-height:44px;color:var(--text);align-items:center;padding-inline:.9rem;font-weight:700;display:inline-flex}.blog-archive{padding-block:clamp(3rem,7vw,6rem)}.blog-archive>h1{max-width:14ch;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem)}.blog-archive__intro{max-width:62ch;color:var(--muted-strong);font-size:clamp(1rem,2vw,1.2rem)}.blog-archive__count{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;margin:2rem 0 1rem;font-size:.78rem;font-weight:700}.article{padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(4rem,8vw,7rem)}.article-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.45rem;margin-bottom:2rem;font-size:.78rem;display:flex}.article-breadcrumb a:hover{color:var(--mint)}.article-header{max-width:1120px;margin-inline:auto}.article-header__meta{color:var(--muted);flex-wrap:wrap;gap:.55rem 1rem;margin-bottom:1.25rem;font-size:.78rem;display:flex}.article-header__meta a{color:var(--mint);font-weight:700}.article-header h1{max-width:18ch;margin-bottom:1.25rem;font-size:clamp(2.45rem,6vw,5.25rem)}.article-header__description{max-width:760px;color:var(--muted-strong);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.article-header__byline{color:var(--muted);flex-wrap:wrap;gap:.35rem .75rem;margin-top:1rem;font-size:.85rem;display:flex}.article-header__byline a{color:var(--text);font-weight:700}.article-header__byline span:before{color:var(--line-strong);content:"·";margin-right:.75rem}.article-header__tags{margin-block:1.5rem 2rem}.article-header__tags .tag{min-height:36px}.article-header__image{object-fit:cover;border:1px solid var(--line);width:100%;max-height:660px}.article-takeaways{border-left:3px solid var(--lime);background:#b8e75d0f;max-width:850px;margin:clamp(2rem,5vw,4rem) auto;padding:clamp(1.2rem,3vw,2rem)}.article-takeaways .eyebrow{color:var(--lime);margin-bottom:.8rem}.article-takeaways ul{margin:0;padding-left:1.15rem}.article-takeaways li+li{margin-top:.55rem}.article-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:1050px;margin:clamp(2.5rem,6vw,5rem) auto 0;display:grid}.article-toc{color:var(--muted-strong);font-size:.82rem}.article-toc--desktop{display:none}.article-toc--mobile{border:1px solid var(--line);background:var(--blog-panel-deep);padding:.75rem 1rem}.article-toc summary,.article-toc--desktop>p{color:var(--text);cursor:pointer;font-weight:750}.article-toc ol{margin:.8rem 0 0;padding-left:1.1rem}.article-toc li+li{margin-top:.45rem}.article-toc .depth-3{margin-left:.8rem}.article-toc a:hover{color:var(--mint)}.article-prose{color:#d5d7d4;min-width:0;max-width:70ch;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.76}.article-prose>:first-child{margin-top:0}.article-prose h2{margin-top:3.5rem;margin-bottom:1rem;font-size:clamp(1.8rem,3.4vw,2.7rem)}.article-prose h3{margin-top:2.3rem;margin-bottom:.75rem;font-size:clamp(1.35rem,2.2vw,1.75rem)}.article-prose :where(a){color:var(--mint);text-underline-offset:.18em;text-decoration:underline #7fd4b866}.article-prose :where(blockquote){border-left:3px solid var(--mint);background:var(--surface-soft);color:var(--muted-strong);margin:2rem 0;padding:1rem 1.25rem}.article-prose :where(code){color:#d7efab;background:#111313;padding:.15em .35em}.article-prose :where(pre){border:1px solid var(--line);background:#111313;padding:1rem}.article-prose :where(table,pre,.schema,.diagram,.diagram-schema,.bench-chart){overscroll-behavior-inline:contain;max-width:100%;display:block;overflow-x:auto}.article-prose table{border-collapse:collapse;width:100%;margin-block:2rem;font-size:.88rem}.article-prose :where(th,td){border:1px solid var(--line);text-align:left;vertical-align:top;min-width:9rem;padding:.75rem}.article-prose th{background:var(--surface);color:var(--text)}.article-prose :where(img,svg){max-width:100%;height:auto;display:block}.article-prose :where(.schema,.diagram,.bench-chart){border:1px solid var(--line);background:#151817;margin-block:2rem;padding:clamp(1rem,3vw,1.5rem)}.article-prose :where(.gridbg,.bench-bars){gap:.75rem;min-width:min(100%,540px);display:grid}.article-prose :where(.node,.link,.flow,.cap,.bench-chart-head,.bench-chart-meta,.bench-chart-foot,.bench-chart-note){max-width:100%}.article-prose :where(.node,.flow){border:1px solid var(--line);background:var(--surface-soft);padding:.75rem}.article-prose :where(.bench-track){background:var(--line);border-radius:99px;min-width:13rem;height:.65rem;position:relative;overflow:hidden}.article-prose :where(.bench-fill){background:linear-gradient(90deg, var(--mint), var(--lime));height:100%}.article-faq,.article-cta{max-width:850px;margin:clamp(4rem,8vw,7rem) auto 0}.article-faq h2,.article-cta h2{max-width:16ch;margin-bottom:1.5rem;font-size:clamp(1.9rem,4vw,3rem)}.article-faq__list{border-top:1px solid var(--line)}.article-faq details{border-bottom:1px solid var(--line)}.article-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding-block:.8rem;font-weight:700;display:flex}.article-faq summary span{color:var(--lime)}.article-faq details p{max-width:65ch;color:var(--muted-strong)}.article-cta{border:1px solid var(--line);background:var(--surface-soft);padding:clamp(1.5rem,4vw,3rem)}.article-cta>p:not(.eyebrow){max-width:56ch;color:var(--muted-strong)}.article-related{padding-bottom:clamp(4rem,8vw,7rem)}.article-related>h2{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.2rem)}@media (width>=700px){.blog-featured{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:210px minmax(0,70ch);justify-content:center;gap:clamp(2.5rem,5vw,5rem)}.article-toc--mobile{display:none}.article-toc--desktop{top:calc(var(--header-height) + 1.5rem);max-height:calc(100vh - var(--header-height) - 3rem);align-self:start;display:block;position:sticky;overflow-y:auto}}@media (width<=699px){.blog-search__controls,.blog-list-heading{flex-direction:column;align-items:stretch}.blog-tags-toggle{border-radius:4px;justify-content:space-between;width:100%}.blog-search__field kbd{display:none}.blog-search__field{grid-template-columns:auto minmax(0,1fr)}.blog-search__status{flex-direction:column;align-items:flex-start}.blog-featured__image{min-height:0}.article-header__image{width:calc(100% + (2 * var(--page-gutter)));max-width:none;margin-left:calc(-1 * var(--page-gutter));border-inline:0}.article-prose :where(ul,ol){padding-left:1.25rem}}@media (prefers-reduced-motion:reduce){.blog-card__image img,.blog-filter,.blog-tags-toggle{transition:none}.blog-card:hover .blog-card__image img{transform:none}}