.blog-page{min-height:100vh;padding-top:clamp(144px,15vw,205px)}.blog-page .accent{color:var(--accent)}.blog-index-head,.blog-post-head{max-width:1320px}.blog-index-head h1,.blog-post-head h1{max-width:17ch;margin-top:16px;font-size:clamp(3rem,7.2vw,7.2rem);line-height:.98}.blog-post-head h1{max-width:15ch;font-size:clamp(2.8rem,6.5vw,6.3rem)}.blog-lead{max-width:65ch;color:var(--muted);margin-top:clamp(24px,3vw,40px);font-size:clamp(1.1rem,1.45vw,1.4rem);line-height:1.55}.blog-demo-note{border:1px solid var(--line);color:var(--muted);border-radius:12px;margin-top:42px;padding:15px 20px;font-size:.88rem}.blog-list{margin-top:clamp(54px,7vw,100px)}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}.blog-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);min-width:0;transition:border-color .25s ease, transform .35s var(--ease-out);overflow:hidden}.blog-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.blog-card.is-featured{grid-template-columns:1.12fr 1fr;display:grid}.blog-card-image{background:var(--surface-2);aspect-ratio:16/9;display:block;overflow:hidden}.blog-card.is-featured .blog-card-image{aspect-ratio:auto;height:100%;min-height:440px}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.blog-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card-copy{flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,48px);display:flex}.blog-card-topline{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;flex-wrap:wrap;gap:10px 16px;font-size:.73rem;font-weight:700;display:flex}.blog-example{color:var(--faint)}.blog-card h2{margin-top:24px;font-size:clamp(1.55rem,2.5vw,2.7rem);line-height:1.13}.blog-card h2 a:hover{color:var(--accent)}.blog-card-copy>p{max-width:45ch;color:var(--muted);margin-top:16px;font-size:1rem;line-height:1.65}.blog-card-meta{color:var(--faint);flex-wrap:wrap;gap:8px;margin-top:24px;font-size:.84rem;display:flex}.blog-card-more{color:var(--accent);align-items:center;gap:12px;margin-top:auto;padding-top:32px;font-size:.87rem;font-weight:700;display:inline-flex}.blog-card-more span{font-size:1.2em;transition:transform .25s}.blog-card-more:hover span{transform:translate(3px,-3px)}.blog-empty{color:var(--muted);margin-top:70px}.blog-back{color:var(--muted);font-size:.9rem;font-weight:600;transition:color .2s;display:inline-block}.blog-back:hover{color:var(--accent)}.blog-post-head .eyebrow{margin-top:clamp(50px,7vw,94px)}.blog-post-head .blog-lead{max-width:58ch}.blog-post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;font-size:.9rem;display:flex}.blog-post-meta strong{color:var(--ink);font-weight:650}.blog-meta-separator{color:var(--faint)}.blog-cover{margin-top:clamp(48px,6vw,84px)}.blog-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--line);width:100%;height:auto}.blog-post-grid{grid-template-columns:minmax(175px,220px) minmax(0,1fr) minmax(205px,245px);align-items:start;gap:clamp(26px,3vw,48px);margin-top:clamp(72px,8vw,120px);display:grid}.blog-toc,.blog-side-cta{position:sticky;top:112px}.blog-aside-label{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.blog-toc nav{border-left:1px solid var(--line-strong);flex-direction:column;gap:4px;margin-top:22px;padding-left:14px;display:flex}.blog-toc nav a{color:var(--muted);padding:9px 0;font-size:.84rem;line-height:1.42;transition:color .2s;display:block}.blog-toc nav a:hover,.blog-toc nav a[aria-current]{color:var(--accent)}.blog-toc nav a[aria-current]{font-weight:650}.blog-side-card{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:radial-gradient(circle at 100% 0%, #5ce24021, transparent 55%), var(--surface);padding:28px}.blog-side-icon{border:1px solid var(--line-strong);width:37px;height:37px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:32px;font-size:1.15rem;display:grid}.blog-side-card h2{margin-top:14px;font-size:clamp(1.55rem,2vw,2rem);line-height:1.1}.blog-side-card>p:not(.blog-aside-label){color:var(--muted);margin-top:16px;font-size:.9rem;line-height:1.6}.blog-side-card .btn{white-space:nowrap;justify-content:center;width:100%;margin-top:26px;font-size:.8rem}.blog-side-card .btn span{margin-left:8px}.blog-prose{color:#d7e6db;overflow-wrap:break-word;min-width:0;font-size:clamp(1.02rem,1.13vw,1.12rem);line-height:1.82}.blog-prose>:first-child{margin-top:0}.blog-prose p{margin:0 0 1.45em}.blog-prose h2,.blog-prose h3{color:var(--ink);scroll-margin-top:120px;line-height:1.17}.blog-prose h2{margin:2.6em 0 .75em;font-size:clamp(1.75rem,2.4vw,2.45rem)}.blog-prose h3{margin:2em 0 .7em;font-size:clamp(1.35rem,1.8vw,1.7rem)}.blog-prose strong{color:var(--ink);font-weight:740}.blog-prose em{color:var(--ink)}.blog-prose a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.blog-prose a:hover{color:var(--ink)}.blog-prose ul,.blog-prose ol{margin:0 0 1.6em;padding-left:1.4em}.blog-prose li{margin:.45em 0;padding-left:.25em}.blog-prose li::marker{color:var(--accent)}.blog-prose blockquote{border-left:3px solid var(--accent);color:var(--ink);font-family:var(--font-display);margin:2.2em 0;padding:4px 0 4px 24px;font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.45}.blog-prose blockquote p{margin:0}.blog-prose hr{background:var(--line-strong);border:0;height:1px;margin:2.8em 0}.blog-prose code{background:var(--surface-2);border-radius:4px;padding:.12em .35em;font-size:.9em}.blog-prose pre{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:1.7em 0;padding:20px;line-height:1.5;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-prose img{border-radius:12px;height:auto;margin:2em 0}.blog-prose table{border-collapse:collapse;width:100%;margin:2em 0;font-size:.9em;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--line-strong);text-align:left;padding:12px 14px}.blog-prose th{color:var(--ink)}.blog-post-end{border-top:1px solid var(--line);margin-top:clamp(75px,10vw,140px);padding-top:28px}.blog-page .cta{margin-top:clamp(90px,11vw,160px)}.blog-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}@media (width<=960px){.blog-post-grid{grid-template-columns:minmax(155px,200px) minmax(0,1fr)}.blog-side-cta{grid-column:2;position:static}.blog-side-card{max-width:520px}}@media (width<=760px){.blog-card.is-featured{display:block}.blog-card.is-featured .blog-card-image{aspect-ratio:16/9;height:auto;min-height:0}.blog-card-grid{grid-template-columns:1fr}.blog-post-grid{flex-direction:column;gap:54px;display:flex}.blog-toc,.blog-prose,.blog-side-cta{width:100%}.blog-toc{position:static}.blog-toc nav{border:0;flex-direction:row;gap:8px;margin-top:14px;padding:0 0 10px;overflow-x:auto}.blog-toc nav a{border:1px solid var(--line-strong);border-radius:999px;flex:none;max-width:220px;padding:9px 13px;font-size:.78rem}.blog-toc nav a[aria-current]{border-color:var(--accent)}.blog-side-card{max-width:none}}@media (width<=480px){.blog-page{padding-top:132px}.blog-card-copy{padding:22px}.blog-card-meta{gap:5px}.blog-post-head .eyebrow{margin-top:55px}.blog-meta-separator{display:none}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.blog-cover{width:100%}.blog-cover img{border-inline:0;border-radius:0}}
