.landing.blog-article-page{--blog-type:var(--font-display), "Helvetica Neue", sans-serif;--blog-measure:720px;--blog-width:960px;background:var(--paper)}.blog-article-page .blog-article{width:min(var(--blog-width), calc(100% - 2 * var(--page-gutter)));padding-block:var(--page-top) 88px}.blog-article-page .blog-article>.blog-back{width:min(100%, var(--blog-measure));font-family:var(--blog-type);margin:0 auto 32px;display:flex}.blog-article-page .blog-article>article{gap:40px;display:grid}.blog-article-page .blog-article-heading{width:min(100%, var(--blog-measure));text-align:center;margin-inline:auto}.blog-article-page .blog-article-category{color:var(--muted);font:500 13px/1.5 var(--blog-type);margin:0 0 20px}.blog-article-page .blog-article-heading h1{max-width:680px;font:500 clamp(34px, 3.5vw, 48px)/1.14 var(--blog-type);letter-spacing:-.035em;text-wrap:balance;margin:0 auto}.blog-article-page .blog-article-deck{color:#4e5951;max-width:580px;font:400 18px/1.6 var(--blog-type);text-wrap:pretty;margin:22px auto 28px}.blog-article-page .blog-article-divider{border:0;border-top:1px solid var(--line);height:0;margin:0}.blog-article-page .blog-article-meta{color:var(--muted);font:400 13px/1.5 var(--blog-type);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px;margin:20px 0 0;display:flex}.blog-article-page :is(.blog-prose,.recap-prose){width:min(100%, var(--blog-measure));margin:0 auto}.blog-article-page :is(.blog-prose,.recap-prose) p{color:#38443b;font:400 18px/1.75 var(--blog-type);margin:0 0 22px}.blog-article-page :is(.blog-prose,.recap-prose)>:last-child{margin-bottom:0}.blog-article-page :is(.blog-prose,.recap-prose) strong{color:var(--ink);font-weight:600}.blog-article-page :is(.blog-prose,.recap-prose) a{color:#35543e;text-underline-offset:4px;text-decoration-thickness:1px}.blog-article-page :is(.blog-prose,.recap-prose) h2{font:500 30px/1.25 var(--blog-type);letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px}.blog-article-page :is(.blog-prose,.recap-prose) h3{font:500 24px/1.3 var(--blog-type);letter-spacing:-.02em;margin:0 0 18px}.blog-article-page .blog-article [id]{scroll-margin-top:132px}.blog-article-page :is(.blog-figure,.recap-figure){min-width:0;margin:0}.blog-article-page :is(.blog-figure,.recap-figure)>figcaption{width:min(100%, var(--blog-measure));color:#5d655f;font:400 13px/1.6 var(--blog-type);margin-inline:auto;padding-top:14px}.blog-article-page :is(.blog-figure,.recap-figure)>figcaption>span{color:#45604d;margin-bottom:4px;font-weight:500;display:block}.blog-article-page :is(.blog-figure,.recap-figure)>figcaption a{text-underline-offset:3px}.blog-article-page .blog-contents{width:min(100%, var(--blog-measure));margin-inline:auto}.blog-article-page .blog-contents h2{color:var(--muted);font:500 13px/1.5 var(--blog-type);margin:0 0 12px}.blog-article-page .blog-contents ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.blog-article-page .blog-contents li{border-bottom:1px solid var(--line)}.blog-article-page .blog-contents a{min-height:44px;font:400 15px/1.5 var(--blog-type);align-items:baseline;gap:20px;padding-block:12px;text-decoration:none;display:flex}.blog-article-page .blog-contents a>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.blog-article-page .blog-contents a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:680px){.blog-article-page .blog-article{padding-bottom:56px}.blog-article-page .blog-article>.blog-back{margin-bottom:24px}.blog-article-page .blog-article>article{gap:32px}.blog-article-page .blog-article-category{margin-bottom:16px;font-size:12px}.blog-article-page .blog-article-heading h1{font-size:clamp(30px,7.8vw,38px)}.blog-article-page .blog-article-deck{margin-block:18px 24px;font-size:16px}.blog-article-page .blog-article-meta{margin-top:16px;font-size:12px}.blog-article-page :is(.blog-prose,.recap-prose) p{font-size:16px}.blog-article-page :is(.blog-prose,.recap-prose) h2{font-size:26px}.blog-article-page :is(.blog-prose,.recap-prose) h3{font-size:22px}.blog-article-page :is(.blog-figure,.recap-figure)>figcaption{padding-top:12px;font-size:12px}.blog-article-page .blog-contents a{gap:14px;font-size:14px}}