.blog-page{padding-block:28px 32px}.blog-breadcrumb{align-items:center;color:var(--home-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;line-height:1.6;margin-bottom:20px}.blog-breadcrumb a{align-items:center;color:var(--home-green);display:inline-flex;min-height:44px}.blog-heading{padding-bottom:24px}.blog-heading h1{font-size:clamp(36px,4vw,52px);font-weight:600;letter-spacing:-.035em;line-height:1.14;max-width:29ch}.blog-heading>p{font-size:17px;line-height:1.75;max-width:70ch}.blog-heading>p,.blog-meta{color:var(--home-muted);margin-top:16px}.blog-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:8px 20px;line-height:1.7}.blog-list-row{align-items:start;border-top:1px solid var(--home-rule);display:grid;gap:28px;grid-template-columns:120px minmax(0,1fr);padding-block:24px}.blog-list-row--with-image{grid-template-columns:120px minmax(0,1fr) 144px}.blog-list-meta{color:var(--home-muted);display:grid;font-size:12px;gap:6px;line-height:1.7;padding-top:8px}.blog-list-copy{min-width:0}.blog-list-copy h2{font-size:25px;font-weight:600;letter-spacing:-.02em;line-height:1.3}.blog-list-copy h2 a{align-items:start;display:flex;gap:20px;justify-content:space-between;min-height:44px;text-decoration:none}.blog-list-copy h2 a:hover{color:var(--home-green);text-decoration:underline}.blog-list-copy h2 svg{color:var(--home-green);margin-top:7px}.blog-list-copy p{color:var(--home-muted);font-size:15px;line-height:1.75;margin-top:8px;max-width:72ch}.blog-list-image{border-radius:6px;display:block;height:96px;-o-object-fit:cover;object-fit:cover;width:144px}.blog-article-grid{border-top:1px solid var(--home-rule);display:grid;gap:64px;grid-template-columns:minmax(0,1fr) 240px;padding-top:24px}.blog-main{max-width:74ch;min-width:0}.blog-cover{margin-bottom:28px}.blog-cover img{border-radius:6px;display:block;height:auto;width:100%}.blog-prose{color:var(--home-ink);font-size:16px;line-height:1.8;overflow-wrap:anywhere}.blog-prose>:first-child{margin-top:0}.blog-prose dl,.blog-prose ol,.blog-prose p,.blog-prose ul{margin:0 0 20px}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:32px 0 14px}.blog-prose h2{color:var(--home-green);font-size:28px}.blog-prose h3{font-size:22px}.blog-prose h4{font-size:18px}.blog-prose ol,.blog-prose ul{padding-left:24px}.blog-prose li{margin-bottom:8px;padding-left:4px}.blog-prose li::marker{color:var(--home-green)}.blog-prose li>:last-child{margin-bottom:0}.blog-prose li ol,.blog-prose li ul{margin-top:10px}.blog-prose strong{font-weight:600}.blog-prose a{color:var(--home-green);text-decoration-thickness:1px}.blog-prose a:hover{color:var(--home-vermilion-hover)}.blog-prose img,.blog-prose video{border:1px solid var(--home-rule);border-radius:6px;display:block;height:auto;margin-block:24px;max-width:100%}.blog-prose figure{margin-block:24px}.blog-prose figcaption{color:var(--home-muted);font-size:13px;line-height:1.7}.blog-prose blockquote{background:var(--home-sea-wash);border-left:1px solid var(--home-sea-rule);color:var(--home-sea-ink);margin:24px 0;padding:18px 20px}.blog-prose blockquote>:last-child{margin-bottom:0}.blog-prose hr{border:0;border-top:1px solid var(--home-rule);margin:28px 0}.blog-prose pre{border:1px solid var(--home-rule);border-radius:6px;font-size:14px;line-height:1.7;margin:24px 0;max-width:100%;overflow-x:auto;padding:20px}.blog-prose :not(pre)>code{background:var(--home-sea-wash);border-radius:3px;color:var(--home-sea-ink);font-size:.88em;overflow-wrap:anywhere;padding:2px 5px}.blog-prose table{border-collapse:collapse;display:block;font-size:14px;margin-block:24px;max-width:100%;overflow-x:auto}.blog-prose td,.blog-prose th{border:1px solid var(--home-rule);padding:12px 14px;text-align:left;vertical-align:top}.blog-prose th{background:var(--home-sea-wash);color:var(--home-sea-ink);font-weight:600}.blog-prose details{border-block:1px solid var(--home-rule);margin-block:16px}.blog-prose summary{font-weight:600;min-height:44px;padding-block:12px}.blog-related{align-self:start;position:sticky;top:112px}.blog-related>h2{font-size:18px;font-weight:600;margin-bottom:16px}.blog-related article{border-top:1px solid var(--home-rule);padding-block:16px}.blog-related h3{font-size:18px;font-weight:500;line-height:1.5}.blog-related h3 a{color:var(--home-green);display:block;text-decoration:none}.blog-related h3 a:hover{text-decoration:underline}.blog-related time{color:var(--home-muted);display:block;font-size:12px;line-height:1.7;margin-top:8px}.blog-back{align-items:center;color:var(--home-green);display:inline-flex;font-size:13px;gap:12px;margin-top:8px;min-height:44px}.blog-share{align-items:center;border-top:1px solid var(--home-rule);display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;padding-block:16px}.blog-share h2{font:500 14px/1.6 Inter,sans-serif}.blog-share nav{display:flex;flex-wrap:wrap;gap:20px}.blog-share a{align-items:center;color:var(--home-green);display:inline-flex;font-size:13px;min-height:44px}.blog-page ::-moz-selection{background:var(--home-sea-glass);color:var(--home-ink)}.blog-page ::selection{background:var(--home-sea-glass);color:var(--home-ink)}.blog-back svg,.blog-list-copy h2 svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.blog-back:is(:hover,:focus-visible) svg,.blog-list-copy h2 a:is(:hover,:focus-visible) svg{transform:translate(3px)}@media (max-width:1050px){.blog-article-grid{gap:36px;grid-template-columns:minmax(0,1fr) 210px}.blog-list-row,.blog-list-row--with-image{gap:20px}}@media (max-width:900px){.blog-article-grid{gap:28px;grid-template-columns:minmax(0,1fr)}.blog-related{position:static}.blog-main,.blog-related{max-width:74ch}}@media (max-width:760px){.blog-page{padding-block:16px 24px}.blog-breadcrumb{margin-bottom:12px}.blog-heading h1{font-size:clamp(30px,7.8vw,40px);letter-spacing:-.03em}.blog-heading>p{font-size:16px;line-height:1.7}.blog-list-row,.blog-list-row--with-image{gap:10px;grid-template-columns:minmax(0,1fr);padding-block:20px}.blog-list-meta{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0}.blog-list-copy h2{font-size:22px}.blog-list-image{height:80px;width:120px}.blog-prose h2{font-size:25px}.blog-prose h3{font-size:21px}.blog-share{gap:4px 20px}}@media (prefers-reduced-motion:reduce){.blog-back:is(:hover,:focus-visible) svg,.blog-list-copy h2 a:is(:hover,:focus-visible) svg{transform:none}}
