.blog-hero,.blog-list,.blog-article{max-width:1000px;margin:0 auto}.blog-hero{display:flex;justify-content:space-between;gap:48px;padding:64px 0 44px;border-bottom:1px solid var(--line)}.blog-hero>div{max-width:700px}.blog-hero h1{font-size:clamp(40px,6vw,64px);line-height:1.05;margin:0 0 18px;letter-spacing:-2px}.blog-hero p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:660px}.blog-hero aside{align-self:end;min-width:180px;border-left:2px solid var(--green);padding:8px 0 8px 18px}.blog-hero aside strong,.blog-hero aside span{display:block}.blog-hero aside strong{font-size:14px;color:var(--green);margin-bottom:8px}.blog-hero aside span{font-size:14px;line-height:1.8;color:var(--muted)}.blog-list{padding:42px 0 72px}.blog-section-heading{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-bottom:22px}.blog-section-heading h2{font-size:28px}.blog-section-heading>p{max-width:410px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-card{display:flex;min-height:280px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 8px 25px #16372508}.blog-card:hover{border-color:#96b8a3;box-shadow:0 12px 30px #16372512}.blog-card-meta,.blog-byline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.blog-card-meta span{color:var(--green);font-weight:700;letter-spacing:.04em}.blog-card h3{font-size:24px;line-height:1.35;margin:22px 0 10px}.blog-card h3 a{color:var(--ink);text-decoration:none}.blog-card h3 a:hover,.blog-card footer a:hover,.blog-back:hover,.blog-article-footer a:hover{text-decoration:underline}.blog-card>p{margin:0;color:var(--muted);line-height:1.8}.blog-card footer{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;font-size:14px}.blog-card footer span{color:var(--muted)}.blog-card footer a,.blog-article-footer a{color:var(--green);font-weight:700;text-decoration:none}.blog-article{padding:42px 0 72px}.blog-back{display:inline-block;color:var(--green);font-size:14px;font-weight:650;margin-bottom:42px;text-decoration:none}.blog-article-header{max-width:820px;padding-bottom:34px;border-bottom:1px solid var(--line)}.blog-article-header h1{font-size:clamp(36px,5vw,56px);line-height:1.16;margin:6px 0 18px;letter-spacing:-1.5px}.blog-dek{font-size:20px;line-height:1.75;color:var(--muted);margin:0 0 22px}.blog-article-body{max-width:740px;margin:42px auto 0;font-size:17px;line-height:1.9;color:var(--ink)}.blog-article-body h2{font-size:28px;line-height:1.35;margin:54px 0 12px;letter-spacing:-.4px}.blog-article-body p{margin:0 0 18px}.blog-lead{font-size:21px;line-height:1.75;color:#345247}.blog-toc{margin:32px 0 46px;padding:20px 24px;border-radius:10px;background:#f2f7f3;border-left:3px solid var(--green);font-size:15px}.blog-toc strong{display:block;margin-bottom:8px}.blog-toc ol,.blog-callout ol{margin:0;padding-left:20px}.blog-toc li{padding:2px 0}.blog-toc a{color:var(--green)}.blog-callout{margin:36px 0 12px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fafcfb;font-size:15px}.blog-callout strong{display:block;margin-bottom:10px}.blog-callout li{padding:2px 0}.blog-article-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:820px;margin:54px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:14px}.blog-article-footer p{max-width:520px;margin:0;color:var(--muted);line-height:1.7}html[data-theme=dark] .blog-toc,html[data-theme=dark] .blog-callout{background:#16251f;border-color:var(--line)}@media(max-width:760px){.blog-hero{display:block;padding:38px 0 30px}.blog-hero aside{margin-top:26px}.blog-section-heading,.blog-article-footer{display:block}.blog-section-heading>p{margin-top:8px}.blog-cards{grid-template-columns:1fr}.blog-card{min-height:0}.blog-article{padding-top:28px}.blog-back{margin-bottom:26px}.blog-article-body{margin-top:28px;font-size:16px}.blog-article-body h2{margin-top:38px;font-size:24px}.blog-dek,.blog-lead{font-size:18px}.blog-article-footer a{display:inline-block;margin-top:16px}}