.bl{min-height:100svh;padding:28px var(--margin) 0}.bl-nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.bl-head{max-width:52rem;padding-block:clamp(64px,12vh,140px) 48px}.bl-head h1{font-family:var(--font-display);font-size:clamp(40px,5.2vw,80px);line-height:1.2;font-weight:600}.bl-meta{margin-top:12px;font-size:var(--step-small);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bl-lead{margin-top:28px;max-width:40ch;font-size:var(--step-lead);line-height:1.6}.bl-draft{color:var(--danger);font-weight:500}.bl-head>.bl-draft{margin-bottom:16px;font-size:var(--step-small)}.bl-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:20px;gap:20px;max-width:60rem}.bl-item{display:block;padding:28px var(--margin) 30px;margin-inline:calc(-1 * var(--margin));text-decoration:none;transition:background-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.bl-item h2,.bl-item h3{font-family:var(--font-display);font-size:clamp(24px,2.6vw,36px);line-height:1.35;font-weight:600}.bl-item p{margin-top:10px;max-width:60ch}.bl-item .bl-meta{margin-top:12px}@media (hover:hover){.bl-item:hover{background:var(--surface)}}.bl-item:active{transform:scale(.995)}.bl-split{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);grid-gap:clamp(32px,6vw,112px);gap:clamp(32px,6vw,112px)}.bl-split>.bl-head{position:-webkit-sticky;position:sticky;top:0;align-self:start}.bl-split>.bl-list{padding-top:clamp(64px,12vh,140px)}.bl-grid{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,42rem);grid-gap:clamp(32px,6vw,96px);gap:clamp(32px,6vw,96px)}.bl-index{position:-webkit-sticky;position:sticky;top:24px;align-self:start;font-size:15px}.bl-index ol{list-style:decimal;-webkit-padding-start:1.4em;padding-inline-start:1.4em;margin:0;display:grid;grid-gap:8px;gap:8px}.bl-index li::marker{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bl-grid>.bl-body:only-child{grid-column:2}.bl-body h2{scroll-margin-top:24px}.bl-body>h2:first-child{margin-top:0}.bl-body h2{margin-top:56px;font-family:var(--font-display);font-size:clamp(24px,2.4vw,32px);line-height:1.35;font-weight:600}.bl-body h3{margin-top:32px;font-size:var(--step-body);font-weight:600}.bl-body li,.bl-body p{line-height:1.9}.bl-body p{margin-top:16px}.bl-body ol,.bl-body ul{margin:16px 0 0;-webkit-padding-start:1.3em;padding-inline-start:1.3em;display:grid;grid-gap:10px;gap:10px}.bl-body li::marker{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bl-body strong{font-weight:600}.bl-body blockquote{margin:28px 0 0;padding:22px 26px;background:var(--surface)}.bl-body blockquote p{margin:0;font-size:var(--step-lead);line-height:1.6}.bl-cta{margin:clamp(80px,12vw,140px) calc(-1 * var(--margin)) 0;padding:clamp(48px,8vw,96px) var(--margin);background:var(--accent);color:var(--accent-ink);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px}.bl-cta p{max-width:26ch;font-family:var(--font-display);font-size:clamp(26px,3vw,40px);line-height:1.35;font-weight:600}.bl-cta .button{background:var(--accent-ink);color:var(--accent)}@media (hover:hover){.bl-cta .button:hover{background:var(--bg);color:var(--muted)}}.bl-more{padding-top:clamp(80px,10vw,120px)}.bl-more>h2{font-family:var(--font-display);font-size:clamp(28px,3vw,44px);font-weight:600;margin-bottom:16px}.bl-foot{margin:96px calc(-1 * var(--margin)) 0;padding:40px var(--margin);background:var(--surface);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:15px}@media (max-width:860px){.bl-grid,.bl-split{grid-template-columns:minmax(0,1fr);gap:0}.bl-split>.bl-head{position:static}.bl-split>.bl-list{padding-top:0}.bl-index{position:static;margin-bottom:40px;padding:20px 22px;background:var(--surface)}.bl-grid>.bl-body:only-child{grid-column:auto}}.bl-cta+.bl-foot{margin-top:0}.bl-grid,.bl-head>*,.bl-list{animation:bl-in var(--t-reveal) var(--ease-out) both}.bl-head>:nth-child(2){animation-delay:60ms}.bl-head>:nth-child(3){animation-delay:.12s}.bl-head>:nth-child(4){animation-delay:.16s}.bl-grid,.bl-list{animation-delay:.2s}@keyframes bl-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.bl-grid,.bl-head>*,.bl-list{animation:none}}