/* Editorial illustrations and reading layouts. Phone scale remains compact. */
.editorial-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(30px,5vw,72px); align-items:center; text-align:left; }
.page-hero-illustrated .editorial-hero-copy h1 { font-size:clamp(2.75rem,4.4vw,4rem); margin:0; line-height:1.12; }
.page-hero-illustrated .eyebrow { justify-content:flex-start; }
.page-hero-illustrated .page-lead { margin:24px 0 0; max-width:32em; }
.editorial-hero-art,.editorial-feature-art { margin:0; border-radius:32px; overflow:hidden; background:#e7eee2; }
.editorial-hero-art img,.editorial-feature-art img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.reading-shortcuts { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:42px; }
.reading-shortcuts a { display:flex; align-items:center; min-height:46px; padding:10px 18px; border:1px solid #d8ded2; border-radius:999px; background:#fff; font-size:1rem; line-height:1.5; transition:background .2s,border-color .2s; }
.reading-shortcuts a:hover { background:#e7eee2; border-color:#93aa88; }
.cohort-date { display:inline-flex; gap:10px; flex-wrap:wrap; align-items:center; padding:11px 16px; margin:0 0 22px; background:#fff; border:1px solid #cbdcc2; border-radius:18px; font-size:1rem; color:#245d33; font-weight:750; line-height:1.5; }
.cohort-date .icon { width:20px; height:20px; }
.editorial-feature { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,6vw,80px); align-items:center; margin-bottom:42px; }
.editorial-feature .section-heading { margin:0; text-align:left; }
.editorial-feature .section-heading h2 { max-width:600px; }
.editorial-feature .section-heading p:last-child:not(.eyebrow) { max-width:31em; }
.blog-cover img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.blog-card:hover .blog-cover img { transform:scale(1.035); }
.article-page .document-body { max-width:720px; }
.article-page .document-body > p,.article-page .document-body > section > p { max-width:65ch; }
.article-page .document-body h2 { scroll-margin-top:28px; }
.article-takeaways { margin:26px 0 38px; border:1px solid #d7e1ce; border-radius:24px; padding:26px 30px; background:#f2f6ed; }
.article-takeaways > strong { display:block; font-size:1.1875rem; }
.article-takeaways ul { margin:14px 0 0; padding-left:23px; }
.article-takeaways li { margin:10px 0 0; }
.editorial-figure { margin:32px 0 42px; }
.editorial-figure img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:28px; background:#f2f6ed; }
.editorial-figure figcaption { margin:13px 0 0; color:#586252; font-size:1rem; line-height:1.65; max-width:65ch; }
@media (max-width:899px) {
 .editorial-hero-grid,.editorial-feature { grid-template-columns:1fr; gap:28px; }
 .editorial-hero-art { width:100%; max-width:620px; margin-inline:auto; }
 .page-hero-illustrated .editorial-hero-copy { max-width:640px; }
 .editorial-feature-art { max-width:620px; }
 .reading-shortcuts { justify-content:flex-start; }
}
@media (max-width:699px) {
 .page-hero-illustrated .editorial-hero-copy h1 { font-size:2.75rem; line-height:1.12; }
 .page-hero-illustrated .page-lead { margin-top:18px; }
 .editorial-hero-art,.editorial-feature-art { border-radius:24px; }
 .reading-shortcuts { margin-top:24px; gap:8px; }
 .reading-shortcuts a { font-size:.8125rem; min-height:44px; padding:9px 13px; }
 .cohort-date { font-size:.8125rem; padding:9px 12px; gap:6px; border-radius:14px; margin-bottom:17px; }
 .cohort-date .icon { width:17px; height:17px; }
 .editorial-feature { gap:25px; margin-bottom:28px; }
 .article-takeaways { border-radius:20px; padding:20px; margin:23px 0 28px; font-size:.9375rem; line-height:1.75; }
 .article-takeaways > strong { font-size:1rem; }
 .article-takeaways ul { margin:12px 0 0; padding-left:20px; }
 .article-takeaways li { margin-top:8px; }
 .editorial-figure { margin:25px 0 30px; }
 .editorial-figure img { border-radius:22px; }
 .editorial-figure figcaption { font-size:.8125rem; line-height:1.65; margin-top:11px; }
}
@media (max-width:359px) { .page-hero-illustrated .editorial-hero-copy h1 { font-size:2.375rem; } }
@media (prefers-reduced-motion:reduce) { .blog-cover img { transition:none; } .blog-card:hover .blog-cover img { transform:none; } }