body{padding-bottom:0}
.blog-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.utility .blog-shell{display:flex;align-items:center;justify-content:center;min-height:36px;gap:16px}
.blog-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}
.blog-nav{display:grid;gap:12px;padding:12px 0}
.blog-nav__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.blog-nav__links{display:flex;gap:5px;overflow-x:auto;padding:0 0 3px;scrollbar-width:none}
.blog-nav__links::-webkit-scrollbar{display:none}
.blog-nav__links a{flex:0 0 auto;padding:8px 12px;border:1px solid transparent;border-radius:999px;color:#515154;font-size:13px;font-weight:650}
.blog-nav__links a:hover,.blog-nav__links a[aria-current=page]{border-color:var(--line);background:var(--paper);color:var(--ink)}
.blog-nav .brand .site-icon{width:37px;height:37px}
.blog-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#fff}
.blog-hero::after{position:absolute;top:-190px;left:-150px;width:470px;height:470px;border:1px solid var(--silver);border-radius:50%;box-shadow:0 0 0 68px rgba(232,232,237,.42),0 0 0 136px rgba(232,232,237,.22);content:""}
.blog-hero__grid{position:relative;z-index:1;display:grid;gap:42px;padding:72px 0 62px}
.blog-hero h1{max-width:850px;margin:0;font-size:clamp(43px,9vw,76px);font-weight:760;line-height:.98;letter-spacing:-.065em}
.blog-hero h1 span{color:var(--red)}
.blog-hero__lead{max-width:720px;margin:24px 0 0;color:#515154;font-size:17px;line-height:1.95}
.blog-folio{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.blog-folio div{padding:15px 12px;border-inline-start:1px solid var(--line)}
.blog-folio div:first-child{border-inline-start:0}
.blog-folio small,.blog-folio strong{display:block}
.blog-folio small{color:var(--muted);font-size:11px}
.blog-folio strong{margin-top:4px;font-size:13px}
.blog-section{padding:72px 0}
.blog-section--paper{border-block:1px solid var(--line);background:var(--paper)}
.blog-heading{display:grid;gap:13px;margin-bottom:31px}
.blog-heading h2{max-width:760px;margin:0;font-size:clamp(31px,6vw,49px);line-height:1.05;letter-spacing:-.055em}
.blog-heading p{max-width:660px;margin:0;color:var(--muted);font-size:15px}
.topic-grid{display:grid;border-top:1px solid var(--line)}
.topic-card{display:grid;grid-template-columns:48px 1fr 24px;gap:15px;align-items:center;min-height:125px;border-bottom:1px solid var(--line)}
.topic-card__number{color:var(--red);font-size:12px;font-variant-numeric:tabular-nums}
.topic-card h3{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.04em}
.topic-card p{display:none;margin:0;color:var(--muted);font-size:14px}
.topic-card .site-icon{width:24px;height:24px}
.post-grid{display:grid;gap:24px}
.post-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff}
.post-card__image{display:block;aspect-ratio:1200/630;overflow:hidden;background:var(--silver)}
.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.post-card:hover .post-card__image img{transform:scale(1.025)}
.post-card__body{padding:25px}
.post-card__meta{margin:0 0 9px;color:var(--red);font-size:12px;font-weight:750}
.post-card h2{max-width:760px;margin:0;font-size:clamp(26px,5vw,39px);line-height:1.18;letter-spacing:-.045em}
.post-card__body>p:not(.post-card__meta){max-width:690px;margin:14px 0 0;color:var(--muted)}
.post-card__link{display:inline-flex;margin-top:20px;color:var(--red);font-size:14px;font-weight:750}
.empty-library{display:grid;gap:27px;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff}
.empty-library__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--graphite);color:#fff}
.empty-library__mark .site-icon{width:40px;height:40px}
.empty-library h2{margin:0;font-size:clamp(29px,5vw,43px);line-height:1.1;letter-spacing:-.05em}
.empty-library p{max-width:680px;margin:12px 0 0;color:var(--muted)}
.blog-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:24px;background:var(--graphite);color:#fff}
.blog-cta h2{max-width:620px;margin:0;font-size:clamp(27px,5vw,42px);line-height:1.1;letter-spacing:-.05em}
.blog-cta p{max-width:650px;margin:10px 0 0;color:#a1a1a6}
.blog-cta__actions{display:flex;flex-wrap:wrap;gap:10px}
.blog-cta .btn--line{border-color:#6e6e73;color:#fff}
.article-hero{padding:64px 0 52px;border-bottom:1px solid var(--line);background:var(--paper)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none;color:var(--muted);font-size:12px}
.breadcrumbs li+li::before{margin-left:8px;content:"/"}
.article-hero h1{max-width:970px;margin:0;font-size:clamp(39px,8vw,68px);line-height:1.02;letter-spacing:-.06em}
.article-deck{max-width:760px;margin:22px 0 0;color:#515154;font-size:18px;line-height:1.9}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;color:var(--muted);font-size:12px}
.article-cover{aspect-ratio:1200/630;margin:38px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--silver)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-grid{display:grid;gap:48px;padding:66px 0 90px}
.article-toc{align-self:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.article-toc strong{display:block;margin-bottom:13px;font-size:16px}
.article-toc ol{display:grid;gap:10px;margin:0;padding:0 20px 0 0;color:#515154;font-size:13px}
.article-toc a:hover{color:var(--red)}
.article-body{min-width:0;max-width:790px}
.article-body>p:first-child{font-size:19px;line-height:1.95}
.article-body h2{margin:58px 0 17px;padding-top:4px;font-size:clamp(29px,5vw,42px);line-height:1.12;letter-spacing:-.05em}
.article-body h3{margin:38px 0 12px;font-size:24px;line-height:1.3;letter-spacing:-.035em}
.article-body p,.article-body li{color:#424245;font-size:17px;line-height:2}
.article-body p{margin:0 0 19px}
.article-body ul,.article-body ol{display:grid;gap:9px;margin:25px 0;padding-right:24px}
.article-body a{color:#b42318;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-body blockquote,.article-callout{margin:30px 0;padding:24px;border-right:4px solid var(--red);border-radius:0 17px 17px 0;background:var(--paper)}
.article-body blockquote p,.article-callout p{margin:0}
.article-table{max-width:100%;margin:30px 0;overflow-x:auto;border:1px solid var(--line);border-radius:18px}
.article-table table{width:100%;border-collapse:collapse;min-width:650px}
.article-table th,.article-table td{padding:15px;border-bottom:1px solid var(--line);text-align:right}
.article-table th{background:var(--graphite);color:#fff;font-size:13px}
.article-table td{color:#424245;font-size:14px}
.article-faq{margin-top:60px;border-top:1px solid var(--line)}
.article-faq details{border-bottom:1px solid var(--line)}
.article-faq summary{padding:21px 0;cursor:pointer;font-size:18px;font-weight:700}
.article-faq p{padding-bottom:20px;color:var(--muted)}
@media(min-width:760px){
  .blog-shell{width:min(1180px,calc(100% - 48px))}
  .utility .blog-shell{justify-content:space-between}
  .blog-nav{grid-template-columns:auto 1fr;align-items:center;min-height:76px;padding:0}
  .blog-nav__links{justify-content:flex-end;padding:0}
  .blog-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;padding:105px 0 90px}
  .blog-folio{grid-template-columns:1fr;border:1px solid var(--line)}
  .blog-folio div{padding:20px;border:0;border-bottom:1px solid var(--line)}
  .blog-folio div:last-child{border-bottom:0}
  .blog-section{padding:104px 0}
  .blog-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:50px;margin-bottom:48px}
  .topic-card{grid-template-columns:70px minmax(230px,.7fr) minmax(260px,1fr) 28px;gap:24px;min-height:145px}
  .topic-card p{display:block}
  .post-card{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:stretch}
  .post-card__image{height:100%;aspect-ratio:auto}
  .post-card__body{display:flex;flex-direction:column;justify-content:center;padding:42px}
  .empty-library{grid-template-columns:auto 1fr;align-items:center;padding:44px}
  .article-grid{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:72px}
  .article-toc{position:sticky;top:104px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}