/* Shared long-form reading system, scoped to blog articles. */
.article-page{background:#fff8f1;color:#451417}
.article-page .wrap{max-width:1320px}
.article-page .article-context{padding-block:34px 38px;border-bottom:1px solid #a8000024;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-start;justify-content:space-between}
.article-page .article-breadcrumb{width:auto;max-width:860px;margin:0;padding:0;font-size:14px;line-height:1.7;gap:8px 12px}
.article-page .article-breadcrumb>span:last-child{flex-basis:100%;max-width:68ch;color:#6f5056}
.article-reading-meta{display:flex;gap:10px;flex-wrap:wrap;color:#79545d;font-size:14px;line-height:1.7;flex-shrink:0}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) 270px;justify-content:space-between;gap:clamp(36px,5vw,80px);padding-block:54px 72px;align-items:start}
.article-layout-without-index{grid-template-columns:minmax(0,780px);justify-content:center}
.article-index-desktop{position:sticky;top:140px;min-width:0;grid-column:2;grid-row:1}
.article-index{border:2px solid #a8000060;border-radius:24px 28px 23px 26px;overflow:hidden;background:#fffdfb}
.article-index-heading{display:flex;align-items:center;gap:15px;padding:23px;background:#a80000;color:#fff8f0}
.article-index-heading img{width:34px;height:38px;object-fit:contain}
.article-index-heading h2{font:600 24px/1.15 'Source Sans 3',sans-serif;letter-spacing:-.02em;margin:0;color:#fff8f0;text-wrap:balance}
.article-index-links{padding:12px 18px;max-height:calc(100dvh - 265px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a8000050 transparent}
.article-topic-link{display:block;padding:13px 3px;font:600 16px/1.5 'Source Sans 3',Helvetica,Arial,sans-serif;color:#6b2530;text-decoration:none;border-bottom:1px solid #a800001c;overflow-wrap:break-word}
.article-topic-link:last-child{border-bottom:0}
.article-topic-link-secondary{font-weight:500;color:#79545d}
.article-topic-link:is(:hover,:focus-visible){color:#a80000;text-decoration:underline;text-underline-offset:4px}
.article-topic-link:focus-visible{outline:3px solid #a80000;outline-offset:1px;border-radius:6px}
.article-index-mobile{display:none}
.article-reading{min-width:0;max-width:780px;grid-column:1;grid-row:1}
.article-prose-section{min-width:0}
.article-prose-section+.article-prose-section{margin-top:32px}
.article-reading :is(p,li){font-size:20px;line-height:1.85;color:#6b4b52;overflow-wrap:break-word}
.article-reading p{margin:0 0 22px}
.article-reading p:last-child{margin-bottom:0}
.article-reading strong{font-weight:700;color:#451417}
.article-introduction{margin-bottom:36px}
.article-introduction>p:first-child{font:600 clamp(32px,3vw,42px)/1.2 'Source Sans 3',Helvetica,Arial,sans-serif;letter-spacing:-.025em;text-wrap:pretty;color:#451417;padding-left:0;border:0;margin-bottom:30px}
.article-chapter{padding:0;background:none;border:0;border-radius:0;margin:42px 0 0;scroll-margin-top:144px}

.article-chapter-heading{display:block;margin-bottom:18px}
.article-chapter-heading>span{display:none}
.article-chapter-heading .school-icon{width:38px;height:38px}
.article-chapter-heading use{transform:scale(1.4);transform-origin:12px 12px}
.article-reading .article-chapter :is(h2,h3){font:600 clamp(28px,2.4vw,34px)/1.22 'Source Sans 3',Helvetica,Arial,sans-serif;letter-spacing:-.025em;margin:0;max-width:none;color:#451417;text-wrap:pretty;overflow-wrap:break-word}
.article-chapter.article-chapter-reflection{background:none;border:0}
.article-reading .article-chapter-reflection h3{font-size:30px}
.article-reading :is(ol,ul){margin:20px 0 0;padding-left:28px}
.article-reading li{padding:4px 0 4px 7px;margin-bottom:14px}
.article-reading li:last-child{margin-bottom:0}
.article-reading li::marker{font-weight:700;color:#a80000}
.article-reading a:not(.button){color:#a80000;text-decoration:underline;text-underline-offset:4px}
.article-page .article-contact{padding-block:40px 48px;border-top:1px solid #a8000028;background:#fff8f1}
.article-contact>.wrap{max-width:860px;display:flex;gap:26px;align-items:flex-start}
.article-contact>.wrap>div{min-width:0;flex:1}
.article-contact-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:56px;color:#a80000;margin-top:4px}
.article-contact-icon .school-icon{width:50px;height:50px}
.article-contact-icon use{transform:scale(1.4);transform-origin:12px 12px}
.article-contact .editorial-actions{margin:0;gap:14px}
.article-contact .button{white-space:normal;text-wrap:balance;text-align:center;font-size:15px;min-height:58px}
.article-page .article-related{padding-block:64px 80px;background:#f4e9df;border-top:1px solid #e5d4c6}
.article-related>.wrap{max-width:1140px}
main .article-related h2{font-size:clamp(34px,3.4vw,48px);max-width:24ch;margin-bottom:32px}
.article-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.article-related-grid>article{border:1.5px solid #d8c2b3;border-radius:24px;background:#fffdfb;overflow:hidden}
.article-related-grid>article>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.article-related-grid img{width:100%;height:260px;object-fit:cover;object-position:center 35%;display:block}
.article-related-grid>article>a>div{padding:30px;display:flex;flex-direction:column;flex:1}
.article-related-grid h3{font:600 30px/1.16 'Source Sans 3',sans-serif;color:#760000;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
main .article-related-grid p{font-size:18px;line-height:1.75;margin:0 0 24px}
.article-related-grid .text-link{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#a80000;margin-top:auto}
.article-related-grid .text-link .school-icon{width:20px;height:20px}
.article-related-grid a:focus-visible{outline:3px solid #a80000;outline-offset:-5px;border-radius:22px}
@media(hover:hover){.article-related-grid a:hover h3{color:#a80000;text-decoration:underline;text-underline-offset:5px}}
@media(max-width:1100px){.article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:32px}.article-chapter-heading{grid-template-columns:32px minmax(0,1fr);gap:12px}.article-chapter-heading>span,.article-chapter-heading .school-icon{width:32px;height:36px}.article-index-heading{padding:20px}.article-index-heading h2{font-size:23px}.article-reading :is(p,li){font-size:19px}}
@media(max-width:760px){
 .article-page .article-context{padding-block:28px;gap:18px}.article-page .article-breadcrumb{font-size:13px;gap:7px 9px}.article-reading-meta{font-size:13px}
 .article-layout{display:block;padding-block:28px 44px}.article-index-desktop{display:none}.article-index-mobile{display:block;margin:0 0 30px;padding:0;border:2px solid #a8000060;border-radius:20px;background:#fffdfb;overflow:hidden}
 .article-index-mobile>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:18px 20px;list-style:none;font:600 22px/1.2 'Source Sans 3',sans-serif;color:#760000;background:#f6eae0}
 .article-index-mobile>summary::-webkit-details-marker{display:none}.article-index-mobile>summary::marker{content:''}.article-index-mobile>summary .school-icon{width:22px;height:22px}.article-index-mobile[open]>summary .school-icon{transform:rotate(180deg)}
 .article-index-mobile>summary:focus-visible{outline:3px solid #a80000;outline-offset:-5px;border-radius:18px}.article-index-mobile>nav{padding:8px 20px 14px}.article-index-mobile .article-topic-link{padding:14px 0;font-size:17px}
 .article-reading :is(p,li){font-size:18px;line-height:1.8}.article-reading p{margin-bottom:20px}.article-introduction{margin-bottom:28px}.article-introduction>p:first-child{font-size:30px;line-height:1.22;padding-left:0;margin-bottom:26px}
 .article-chapter{padding:0;margin:34px 0 0;border-radius:0;scroll-margin-top:210px}.article-chapter-heading{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.article-chapter-heading>span,.article-chapter-heading .school-icon{width:38px;height:38px}.article-reading .article-chapter :is(h2,h3){font-size:29px;line-height:1.17;max-width:none}.article-reading .article-chapter-reflection h3{font-size:28px}
 .article-reading :is(ol,ul){padding-left:23px}.article-reading li{padding-left:3px;margin-bottom:16px}
 .article-page .article-contact{padding-block:28px 38px}.article-contact>.wrap{display:block}.article-contact-icon{margin:0 0 22px;width:44px;height:48px}.article-contact-icon .school-icon{width:44px;height:44px}.article-contact .editorial-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.article-contact .button{font-size:15px;width:100%;min-height:54px}
 .article-page .article-related{padding-block:48px 56px}.article-related-grid{grid-template-columns:1fr;gap:20px}.article-related-grid img{height:250px}.article-related-grid>article>a>div{padding:24px}.article-related-grid h3{font-size:28px}.article-related-grid p{font-size:18px}
}
@media(max-width:360px){.article-reading .article-chapter :is(h2,h3){font-size:27px}.article-index-mobile>summary{padding-inline:18px}}
.high-contrast .article-page,.high-contrast .article-page :is(.article-index,.article-index-mobile,.article-index-mobile>summary,.article-chapter,.article-contact,.article-related-grid>article){background:#050505!important;color:#fff;border-color:#fff}.high-contrast .article-page :is(.article-topic-link,.article-reading p,.article-reading li,.article-reading strong,.article-reading h2,.article-reading h3,.article-related-grid h3,.article-reading-meta,.article-breadcrumb){color:#fff}.high-contrast .article-index-heading{background:#050505;border-bottom:1px solid #fff}.high-contrast .article-page :is(a,summary):focus-visible{outline-color:#fff}
body.text-adjusted .article-reading :is(p,li){font-size:calc(20px * var(--access-scale))!important}
@media(prefers-reduced-motion:reduce){.article-page *{scroll-behavior:auto}}