/* Editorial pages share the marketing site's colors and typography. */
.blog-index{max-width:1200px;margin:auto;padding:76px 6% 90px}
.blog-index h1{font-size:clamp(42px,6vw,78px);line-height:1.08;max-width:850px;margin:22px 0}
.blog-index-intro{max-width:650px;font-size:18px;line-height:1.8;color:var(--muted)}
.blog-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;background:var(--ink);color:var(--cream);padding:40px;margin:44px 0;border-radius:5px}
.blog-feature h2{font-size:clamp(28px,3.4vw,42px);line-height:1.2;margin:16px 0}
.blog-feature p{line-height:1.8;font-size:15px;color:#dceae0}
.blog-feature .article-category{color:#b4d1a6}
.blog-feature a{text-decoration:underline;text-underline-offset:5px}
.blog-feature ol{margin:0;padding-left:24px;align-self:center;line-height:1.7;font-size:15px}
.blog-feature li{padding:8px 0 8px 6px}
.blog-section-title{font-size:27px;margin-top:55px}
.blog-index .article-grid{margin-top:24px}
.blog-meta{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 26px}
.blog-toc{background:#e9f0e6;padding:22px 26px;margin:28px 0}
.blog-toc h2{font-size:16px;margin:0 0 12px;letter-spacing:-.02em}
.blog-toc ul{padding-left:20px;margin:0;line-height:1.9;font-size:14px}
.blog-toc a,.blog-note a,.blog-sources a,.blog-related a{text-decoration:underline;text-underline-offset:3px}
.blog-note{padding:22px 24px;background:#e9f0e6;border-left:3px solid #739772;margin:30px 0;font-size:15px;line-height:1.8}
.article-body .blog-note p{margin:8px 0 0;font-size:15px}
.blog-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}
.blog-facts div{padding:20px;background:#fff}
.blog-facts dt{font-size:12px;line-height:1.6;color:var(--muted)}
.blog-facts dd{font:700 24px/1.3 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 0}
.blog-facts dd small{font:400 13px/1.6 'DM Sans',sans-serif;letter-spacing:0;display:block;margin-top:5px;color:var(--muted)}
.blog-timeline{list-style:none;counter-reset:enrollment;padding:0;margin:32px 0}
.blog-timeline>li{counter-increment:enrollment;position:relative;padding:0 0 32px 60px;min-height:76px}
.blog-timeline>li::before{content:counter(enrollment,decimal-leading-zero);position:absolute;left:0;top:0;z-index:1;display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:#fff;border-radius:50%;font-size:12px;font-weight:700}
.blog-timeline>li:not(:last-child)::after{content:"";position:absolute;left:18px;top:38px;bottom:0;width:2px;background:#cadbc7;transform-origin:top;animation:blog-connect .7s ease-out both}
.blog-timeline>li:nth-child(2)::after{animation-delay:.15s}
.blog-timeline>li:nth-child(3)::after{animation-delay:.3s}
.blog-timeline>li:nth-child(4)::after{animation-delay:.45s}
.article-body .blog-timeline h3{font-size:20px;line-height:1.4;margin:0 0 8px;padding-top:3px;letter-spacing:-.035em}
.article-body .blog-timeline p{margin:0;font-size:15px;line-height:1.8}
.blog-sources{margin-top:42px;padding-top:12px;border-top:1px solid var(--line)}
.blog-sources ul,.blog-related ul{padding-left:20px;font-size:14px;line-height:1.9}
.blog-sources li,.blog-related li{margin:10px 0;overflow-wrap:anywhere}
.blog-disclaimer{font-size:12px;line-height:1.9;color:var(--muted);margin-top:24px}
.article-body .blog-disclaimer{font-size:12px}
.blog-related{padding:24px;background:#e9f0e6;margin-top:36px}
.article-body .blog-related h2{font-size:21px;margin:0 0 12px}
.blog-related ul{margin:0}
.blog-all{margin-top:30px;display:inline-flex}
.blog-index a:focus-visible,.article-page a:focus-visible,.article-header a:focus-visible{outline:3px solid #527c54;outline-offset:5px;border-radius:2px}
.blog-index .blog-feature a:focus-visible{outline-color:#dceae0}
.article-page [id]{scroll-margin-top:24px}
@keyframes blog-connect{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:700px){.blog-index{padding-top:46px}.blog-feature{grid-template-columns:1fr;gap:22px;padding:26px}.blog-index .article-grid{grid-template-columns:1fr}.blog-facts{grid-template-columns:1fr}.blog-timeline>li{padding-left:50px}.blog-toc{padding:20px}.article-header{flex-wrap:wrap}.blog-note{padding:18px}.blog-index-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-timeline>li:not(:last-child)::after{animation:none}}