/* blog */
.bl-hero .cs-meta dd{font-size:16px}
.bl-title{font-size:clamp(44px,6.4vw,104px);font-weight:450;letter-spacing:-.04em;line-height:1;max-width:18ch}
.bl-hero .cs-intro{max-width:40ch}
.bl-body{max-width:740px;margin:0 auto;padding:clamp(80px,10vw,150px) var(--g) clamp(60px,7vw,110px);font-size:19px;line-height:1.7;color:#2c2d31}
.bl-body>*+*{margin-top:1.1em}
.bl-body h2{font-size:clamp(30px,3vw,42px);font-weight:450;letter-spacing:-.025em;line-height:1.15;margin-top:2.2em;color:var(--ink)}
.bl-body h3{font-size:24px;font-weight:500;letter-spacing:-.015em;line-height:1.25;margin-top:1.8em;color:var(--ink)}
.bl-body ul,.bl-body ol{padding-left:1.3em}.bl-body li+li{margin-top:.45em}
.bl-body strong{font-weight:500;color:var(--ink)}
.bl-body a.ul,.bl-cta a.ul{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.bl-body a.ul::after{display:none}
.bl-body code{font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f1ef;padding:2px 6px;border-radius:6px}
.bl-body pre{background:var(--ink);color:#e9e9e6;border-radius:14px;padding:22px 24px;overflow-x:auto}.bl-body pre code{background:none;padding:0;color:inherit;font-size:14.5px}
.bl-body blockquote{border-left:2px solid var(--blue);padding-left:22px;color:#55565a}
.bl-cta{margin-top:3em!important;padding-top:28px;border-top:1px solid #e4e4e4;font-size:17px;color:#55565a}
.bl-index,.bl-more{padding:clamp(60px,8vw,120px) calc(var(--g)*2.4) clamp(100px,12vw,180px)}
.bl-more{padding-top:0}.bl-more .small{margin-bottom:18px}
.bl-list{list-style:none;border-top:1px solid #e4e4e4}
.bl-list li{border-bottom:1px solid #e4e4e4}
.bl-list a{display:grid;grid-template-columns:1.3fr 1fr auto;gap:40px;align-items:baseline;padding:clamp(30px,3.5vw,52px) 0;transition:opacity .3s,padding .5s var(--ease)}
.bl-list a:hover{padding-left:14px;opacity:.6}
.bl-list h3{font-size:clamp(26px,2.6vw,40px);font-weight:450;letter-spacing:-.025em;line-height:1.1}
.bl-list p{font-size:16px;color:#55565a}.bl-list time{font-size:14px;color:var(--muted);white-space:nowrap}
.bl-more .bl-list a{grid-template-columns:1fr auto}
@media(max-width:900px){.bl-list a{grid-template-columns:1fr;gap:10px}.bl-index,.bl-more{padding-left:var(--g);padding-right:var(--g)}.bl-body{font-size:17.5px}}
/* 44px mobile tap targets, no visual change */
@media(max-width:900px){.bl-hero a.back,a.back{padding:11px 0;margin-top:-11px;margin-bottom:calc(clamp(40px,5vw,70px) - 11px)}.bl-body a,.bl-cta a{position:relative}.bl-body a::before,.bl-cta a::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}}
