.blog-list-section{padding:3rem 6% 6rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:2.5rem}.post-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.6rem 1.6rem 1.4rem;text-decoration:none;color:inherit;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.post-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 14px 40px #00000059}.post-card-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--text-sub);margin-bottom:.9rem}.post-card-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.post-card h3{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.4px;margin-bottom:.7rem;color:var(--text-main)}.post-card p{font-size:.92rem;line-height:1.65;color:var(--text-sub);margin-bottom:1.2rem;flex:1}.post-card-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--blue)}.post-card:hover .post-card-cta{gap:.7rem}.post-card-cta svg{transition:transform var(--dur) var(--ease)}.article{max-width:720px;margin:0 auto;padding:1rem 24px 7rem}.article-header{max-width:820px;margin:0 auto;padding:9.5rem 24px 3.25rem;text-align:center}.article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--text-sub);margin-top:1.4rem}.article-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.article-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin-top:1rem;color:var(--text-main)}.article-lead{font-size:1.22rem;line-height:1.7;color:var(--text-sub);margin-top:1.5rem;max-width:660px;margin-left:auto;margin-right:auto}.article-body{font-size:1.14rem;line-height:1.85;color:var(--fg-3)}.article-body>*+*{margin-top:1.6rem}.article-body h2{font-size:1.7rem;font-weight:800;letter-spacing:-.6px;color:var(--text-main);margin-top:3.8rem;line-height:1.25}.article-body h3{font-size:1.25rem;font-weight:700;color:var(--fg-2);margin-top:2.6rem}.article-body p{color:var(--fg-3)}.article-body strong{color:var(--fg-2);font-weight:600}.article-body a:not(.btn){color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(var(--accent-rgb),.35)}.article-body a:not(.btn):hover{color:var(--accent-bright);border-bottom-color:var(--accent-bright)}.article-body ul,.article-body ol{padding-left:1.3rem}.article-body li{margin-top:.5rem}.article-body li::marker{color:var(--accent)}.article-body code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);padding:.12em .4em;color:var(--accent-soft)}.article-body pre{background:var(--slate-950);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.2rem;overflow-x:auto;font-size:.86rem;line-height:1.6}.article-body pre code{background:none;border:none;padding:0;color:var(--fg-3)}.article-body blockquote{border-left:3px solid var(--accent);padding:.4rem 0 .4rem 1.2rem;color:var(--fg-muted);font-style:italic}.article-body .stat-band,.article-body .metric-row,.article-body .pipeline,.article-figure{width:min(960px,94vw);margin-left:50%;transform:translate(-50%)}.stat-band{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.2rem 1.8rem;margin-block:2.8rem}.stat-band .sb-cell{text-align:center}.stat-band .sb-value{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-1px;line-height:1}.stat-band .sb-value.from{color:var(--fg-2)}.stat-band .sb-value.to{background:linear-gradient(120deg,var(--accent-soft),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-band .sb-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-sub);margin-top:.5rem}.stat-band .sb-arrow{color:var(--accent);display:flex}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-block:2.4rem}.metric{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:1.2rem 1.1rem}.metric .m-value{font-size:1.5rem;font-weight:800;color:var(--accent-soft);letter-spacing:-.5px}.metric .m-label{font-size:.8rem;color:var(--text-sub);margin-top:.35rem;line-height:1.4}.pipeline{counter-reset:step;margin-block:2.4rem;display:grid;gap:.9rem}.pipeline .pstep{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.2rem 1.1rem 3.4rem}.pipeline .pstep:before{counter-increment:step;content:counter(step);position:absolute;left:1rem;top:1.05rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;background:var(--blue-dim);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent-soft);font-size:.85rem;font-weight:700}.pipeline .pstep h4{font-size:1rem;font-weight:700;color:var(--fg-2);margin-bottom:.3rem}.pipeline .pstep p{font-size:.92rem;color:var(--text-sub);line-height:1.6;margin:0}.article-figure{margin-block:2.8rem}.article-figure .frame{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.article-figure img{display:block;width:100%;height:auto}.article-figure .placeholder{aspect-ratio:16 / 9;display:grid;place-items:center;color:var(--text-muted);font-size:.85rem;background:radial-gradient(120% 120% at 50% 0%,rgba(var(--accent-rgb),.08),transparent 60%),var(--slate-850)}.article-figure figcaption{font-size:.82rem;color:var(--text-muted);text-align:center;margin-top:.7rem;line-height:1.5}.callout{background:var(--blue-dim);border:1px solid rgba(var(--accent-rgb),.22);border-radius:var(--r-md);padding:1.1rem 1.3rem;font-size:.95rem;line-height:1.65;color:var(--fg-3)}.callout strong{color:var(--accent-soft)}.article-cta{width:min(960px,94vw);margin-left:50%;transform:translate(-50%);margin-top:4rem;padding:2.6rem 2rem;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg)}.article-cta h3{font-size:1.35rem;font-weight:800;color:var(--text-main);margin-bottom:.6rem}.article-cta p{color:var(--text-sub);margin-bottom:1.4rem;line-height:1.65}.back-link{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--text-sub);text-decoration:none;margin-bottom:1.5rem}.back-link:hover{color:var(--blue)}@media (max-width: 560px){.stat-band{grid-template-columns:1fr}.stat-band .sb-arrow{transform:rotate(90deg);justify-content:center}}