.blog-page .site-main{padding-top:30px}.blog-hero,.article-hero{background:radial-gradient(circle at 80% 18%,rgba(226,47,70,.28),transparent 27%),linear-gradient(145deg,#170a0e,#2a1118);padding:clamp(44px,5vw,72px);color:#fff;margin-bottom:48px;position:relative;overflow:hidden}.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.45);margin-bottom:25px}.blog-breadcrumbs a{color:rgba(255,255,255,.75)}.blog-hero .eyebrow,.article-hero .eyebrow{color:#ff8090}.blog-hero h1,.article-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:14ch}.blog-lead{font-size:17px;line-height:1.75;color:rgba(255,255,255,.64);max-width:760px;margin:22px 0}.blog-hero-foot,.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.5)}
.blog-browser{padding:0 0 24px}.blog-search{display:flex;gap:10px;border-bottom:1px solid var(--line-strong);padding:10px 0}.blog-search label{display:flex;align-items:center;font-size:12px;color:var(--muted)}.blog-search input{flex:1;border:0;outline:0;padding:8px;background:transparent;font:inherit}.blog-search button{border:0;background:var(--ink);color:#fff;padding:10px 16px;font-weight:600;cursor:pointer}.blog-categories{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px}.blog-categories a{padding:8px 12px;border:1px solid var(--line);font-size:12px}.blog-categories a[aria-current],.blog-categories a:hover{background:var(--ink);border-color:var(--ink);color:#fff}.blog-results-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin:22px 0}
.blog-grid,.blog-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-strong)}.blog-card{background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 28px 30px 0;display:flex;flex-direction:column;min-height:320px;transition:background .2s ease}.blog-card:nth-child(3n){border-right:0;padding-left:28px}.blog-card:nth-child(3n+2){padding-left:28px}.blog-card:hover{transform:none;background:rgba(255,255,255,.42)}.blog-card-meta,.blog-card-bottom{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.blog-card-file{display:none!important}.blog-card h3{font-size:24px;line-height:1.23;margin:30px 0 13px;letter-spacing:-.025em;max-width:16ch}.blog-card>p{color:var(--muted);font-size:14px;margin:0 0 22px}.blog-card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.blog-card-bottom a{color:var(--red);font-weight:600}.blog-pagination{display:flex;gap:8px;margin-top:28px}.blog-pagination a{min-width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center}.blog-pagination a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.home-blog{padding-top:18px}.blog-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.blog-heading-row h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:6px 0 0;max-width:13ch}.blog-heading-row p{color:var(--muted);max-width:720px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;align-items:start}.article-body{font-size:17px;line-height:1.88;max-width:820px}.article-body h2{font-size:clamp(28px,2.8vw,40px);line-height:1.16;letter-spacing:-.03em;margin:50px 0 18px}.article-body h3{font-size:23px}.article-body p{color:#4e4045}.article-body strong{color:var(--ink)}.article-code{overflow:hidden;background:var(--ink);color:#fff;margin:26px 0}.article-code figcaption{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.55)}.article-code pre{padding:20px;overflow:auto}.article-table-wrap{overflow:auto;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);margin:26px 0}.article-table-wrap table{width:100%;border-collapse:collapse}.article-table-wrap th,.article-table-wrap td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.article-aside{position:sticky;top:112px;border-left:1px solid var(--line-strong);padding:2px 0 2px 22px;font-size:13px}.article-toc nav{display:grid;gap:9px;margin-top:12px}.article-toc a{color:var(--muted)}.article-toc a:hover{color:var(--red)}.article-context{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.article-context dt{font-size:11px;color:var(--muted);text-transform:uppercase;margin-top:12px}.article-context dd{margin:3px 0 0}.article-project,.blog-related,.blog-bottom-cta{border-top:1px solid var(--line-strong);padding:30px 0;margin-top:32px}.article-scope{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin-top:18px}.article-return{display:inline-block;margin-top:16px;color:var(--red)}.blog-editorial-note{color:var(--muted);font-size:12px}.blog-empty{padding:28px 0;border-top:1px solid var(--line)}.blog-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:20px}.blog-bottom-cta h2{font-size:30px;line-height:1.18;margin:0}.blog-bottom-cta p{color:var(--muted)}
@media(max-width:1000px){.blog-grid,.blog-home-grid{grid-template-columns:1fr 1fr}.blog-card:nth-child(3n),.blog-card:nth-child(3n+2),.blog-card{padding:26px 24px 28px 0;border-right:1px solid var(--line)}.blog-card:nth-child(even){border-right:0;padding-left:24px}.article-layout{grid-template-columns:1fr}.article-aside{position:static;border-left:0;border-top:1px solid var(--line);padding:20px 0}}
@media(max-width:680px){.blog-hero,.article-hero{padding:38px 24px;margin-bottom:34px}.blog-grid,.blog-home-grid{grid-template-columns:1fr}.blog-card,.blog-card:nth-child(3n),.blog-card:nth-child(3n+2){padding:24px 0;border-right:0}.blog-heading-row,.blog-results-meta,.blog-bottom-cta{align-items:flex-start;flex-direction:column}.article-body{font-size:16px}.home-blog{padding-top:8px}}
