/* Article reading layout V6: one shared axis for header, cover and body. */
.article-page{--article-reading-width:780px;background:var(--cream-50,#fbfaf6)}
.article-reading-width{width:min(var(--article-reading-width),calc(100% - 64px));max-width:var(--article-reading-width)}
.article-hero.page-hero{padding:62px 0 18px;background:transparent}
.article-hero .breadcrumbs{margin-bottom:22px}
.article-hero .eyebrow{margin-bottom:12px}
.article-hero h1{width:100%;max-width:none;margin:0 0 20px;font-size:clamp(32px,3vw,44px);line-height:1.16;letter-spacing:-.022em;overflow-wrap:break-word}
.article-hero h1.is-long{font-size:clamp(31px,2.7vw,40px)}
.article-hero h1.is-very-long{font-size:clamp(29px,2.35vw,36px)}
.article-hero>div>p{width:100%;max-width:none;margin:0;color:#536258;font-size:clamp(17px,1.45vw,19px);line-height:1.72;text-align:justify;text-justify:inter-word}
.article-hero .article-sapo{position:relative;color:var(--brand-900,#173e2d);font-weight:700;line-height:1.78}
.article-hero .article-sapo.sapo-style-highlight{padding:18px 22px 18px 25px;border:1px solid rgba(31,90,60,.14);border-left:4px solid var(--brand-800,#1f5a3c);border-radius:0 10px 10px 0;background:rgba(234,242,232,.58);box-shadow:0 8px 24px rgba(31,90,60,.055)}
.article-hero .article-sapo.sapo-style-minimal{padding:16px 0;border-top:1px solid rgba(31,90,60,.18);border-bottom:1px solid rgba(31,90,60,.18);background:transparent}
.article-hero .article-sapo.sapo-style-quote{padding:18px 22px 18px 25px;border-left:4px solid var(--gold-600,#b58a37);border-radius:0 10px 10px 0;background:rgba(247,243,232,.82);font-style:italic}
.article-hero .article-sapo.sapo-align-left{text-align:left;text-justify:auto}.article-hero .article-sapo.sapo-align-justify{text-align:justify;text-justify:inter-word}
.article-content-section{padding-top:18px;background:transparent}
.article-layout{display:grid;grid-template-columns:minmax(0,190px) minmax(0,var(--article-reading-width)) minmax(0,190px);gap:20px;max-width:1200px;margin-inline:auto;justify-content:stretch;align-items:start}
.article-layout .article-toc{grid-column:1;width:100%;margin:0}
.article-layout .article-body{grid-column:2;width:100%;max-width:var(--article-reading-width);margin:0;font-size:18px;line-height:1.9}
.article-body p,.article-body li{text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
.article-body [data-align="left"]{text-align:left!important}.article-body [data-align="center"]{text-align:center!important}.article-body [data-align="right"]{text-align:right!important}.article-body [data-align="justify"]{text-align:justify!important}
.article-body>p:first-child{font-size:19px;line-height:1.85}
.article-body h2{margin:46px 0 18px;font-size:clamp(28px,2.6vw,34px);line-height:1.25}
.article-body h3{margin:34px 0 14px;font-size:clamp(22px,2vw,26px);line-height:1.32}
.article-body figure{width:100%;margin:34px 0}
.article-body figure img,.article-body figure video{width:100%;height:auto;max-height:680px;object-fit:contain}
.article-footer-meta{margin-top:54px;padding:24px 0;border-top:2px solid rgba(31,90,60,.22);border-bottom:1px solid rgba(31,90,60,.14);background:transparent;color:#4b5d52;font-size:14px;line-height:1.6}
.article-footer-meta .eyebrow{margin-bottom:12px}.article-footer-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.article-footer-meta b{color:var(--brand-900,#173e2d)}

@media(max-width:980px){
 .article-reading-width{width:min(var(--article-reading-width),calc(100% - 40px))}
 .article-layout{grid-template-columns:minmax(0,var(--article-reading-width));justify-content:center;gap:28px}
 .article-layout .article-toc,.article-layout .article-body{grid-column:1}
 .article-toc{position:static;top:auto}
 .article-content-section{padding-top:18px}
}

@media(max-width:640px){
 .article-reading-width{width:min(100% - 32px,var(--article-reading-width))}
 .article-hero.page-hero{padding:42px 0 14px}
 .article-hero .breadcrumbs{margin-bottom:18px}
 .article-hero h1{font-size:clamp(29px,8.4vw,34px);line-height:1.18;letter-spacing:-.02em}
 .article-hero h1.is-long{font-size:clamp(28px,7.8vw,32px)}
 .article-hero h1.is-very-long{font-size:clamp(27px,7.2vw,30px)}
 .article-hero>div>p{font-size:16.5px;line-height:1.68}
 .article-hero .article-sapo{font-size:16.5px;line-height:1.72}
 .article-hero .article-sapo.sapo-style-highlight,.article-hero .article-sapo.sapo-style-quote{padding:15px 16px 15px 18px;border-left-width:3px;border-radius:0 8px 8px 0}
 .article-content-section{padding-top:14px}
 .article-layout{width:min(100% - 32px,var(--article-reading-width));gap:22px}
 .article-layout .article-body{font-size:17px;line-height:1.82}
 .article-body>p:first-child{font-size:17.5px;line-height:1.82}
 .article-body h2{margin-top:38px;font-size:28px}
 .article-body h3{margin-top:30px;font-size:23px}
 .article-body figure{margin:27px 0;padding:7px}
 .article-footer-meta{margin-top:42px;padding:20px 0}.article-footer-meta-grid{grid-template-columns:1fr;gap:7px}
}

/* Keep article cards compact even when the saved sapo is long. */
.article-card .article-card-excerpt{
 display:-webkit-box;
 min-height:0;
 margin:0 0 20px;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:4;
 line-clamp:4;
}

/* Responsive tables created in the article editor. */
.article-body [data-table-container]{display:block;width:100%;margin:34px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body [data-table-container] table,.article-body>table{display:table;width:max-content;max-width:none;margin:0;border-collapse:collapse;border-spacing:0;background:#fff}
.article-body [data-table-container][data-table-align="left"] table{margin-left:0;margin-right:auto}
.article-body [data-table-container][data-table-align="center"] table{margin-left:auto;margin-right:auto}
.article-body [data-table-container][data-table-align="right"] table{margin-left:auto;margin-right:0}
.article-body>table{display:block;width:100%;margin:34px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body caption{padding:0 0 12px;color:var(--brand-900,#173e2d);font-weight:700;text-align:left}
.article-body th,.article-body td{min-width:140px;padding:13px 15px;border:1px solid rgba(31,90,60,.22);vertical-align:top;text-align:left}
.article-body th{background:var(--brand-100,#eaf2e8);color:var(--brand-900,#173e2d);font-weight:750}
.article-body tbody tr:nth-child(even) td{background:rgba(247,243,232,.5)}
.article-body th[data-align="center"],.article-body td[data-align="center"]{text-align:center}.article-body th[data-align="right"],.article-body td[data-align="right"]{text-align:right}.article-body th[data-align="justify"],.article-body td[data-align="justify"]{text-align:justify}

@media(max-width:640px){
 .article-body [data-table-container]{margin:26px 0}
 .article-body [data-table-container] table,.article-body>table{font-size:15px}
 .article-body th,.article-body td{min-width:125px;padding:11px 12px}
}