:root{--mep-navy:#082f50;--mep-navy2:#0b3f68;--mep-yellow:#ffc400;--mep-text:#122033;--mep-muted:#667085;--mep-line:#e5e9ef;--mep-soft:#f5f7fa}
.mep-articles{color:var(--mep-text);font-family:inherit}.mep-article-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.mep-article-hero{padding:90px 0 80px;background:linear-gradient(135deg,#062845,#0d4775);color:#fff}.mep-article-hero.compact{padding:70px 0}.mep-article-hero h1,.single-article-hero h1,.mep-hero-display{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:10px 0 18px;color:#fff}.mep-article-hero p{max-width:780px;font-size:18px;line-height:1.7;color:#e7eef5}.eyebrow{display:block;color:#e8b900;font-weight:700;font-size:12px;letter-spacing:1.5px;margin-bottom:9px}.article-search{display:flex;max-width:640px;margin-top:30px}.article-search input{flex:1;padding:15px 17px;border:0;min-width:0}.article-search button,.btn-primary{background:var(--mep-yellow);color:#111;border:0;padding:15px 22px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.mep-article-section{padding:76px 0}.mep-article-section.alt{background:var(--mep-soft)}.mep-article-section h2,.mep-article-cta h2{font-size:34px;margin:0 0 28px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{border:1px solid var(--mep-line);padding:24px;background:#fff;text-decoration:none;color:var(--mep-text);display:flex;flex-direction:column;min-height:210px;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#b8c2cc}.category-card strong{font-size:20px;margin-bottom:10px}.category-card span{color:var(--mep-muted);line-height:1.6;flex:1}.category-card em,.mep-link{font-style:normal;color:var(--mep-navy2);font-weight:700;text-decoration:none}.featured-article{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid var(--mep-line)}.featured-media img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.featured-copy{padding:38px;align-self:center}.featured-copy h3{font-size:30px;line-height:1.2;margin:10px 0}.featured-copy h3 a,.article-card h3 a{color:var(--mep-text);text-decoration:none}.featured-copy p,.article-card p{color:var(--mep-muted);line-height:1.65}.article-meta{color:#7a8490;font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--mep-line);background:#fff}.article-card-media{display:block;height:220px;overflow:hidden;background:#dde4eb;text-decoration:none}.article-card-media img{width:100%;height:100%;object-fit:cover;display:block}.article-placeholder{display:flex;height:100%;align-items:center;justify-content:center;font-size:42px;color:#fff;background:linear-gradient(135deg,#0a3457,#12629a)}.article-card-copy{padding:22px}.article-card h3{font-size:20px;line-height:1.35;margin:7px 0 12px}.article-pagination{margin-top:38px;display:flex;gap:8px}.article-pagination .page-numbers{border:1px solid var(--mep-line);padding:9px 14px;text-decoration:none;color:var(--mep-text)}.article-pagination .current{background:var(--mep-navy);color:#fff}.empty-state{padding:30px;border:1px dashed #c6ced7;background:#fafbfc}.mep-article-cta{padding:48px 0;background:var(--mep-navy);color:#fff}.mep-article-cta h2{color:#fff;margin-bottom:0}.cta-row,.related-service{display:flex;align-items:center;justify-content:space-between;gap:30px}.single-article-hero{padding:76px 0 58px;background:var(--mep-navy);color:#fff}.article-back{color:#dce7f1;text-decoration:none}.single-meta{display:flex;flex-wrap:wrap;gap:18px;color:#cbd6e0}.single-featured{margin-top:42px}.single-featured img{width:100%;max-height:600px;object-fit:cover;display:block}.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;padding-top:55px;padding-bottom:70px}.article-prose{font-size:17px;line-height:1.85}.article-prose h2{font-size:30px;margin:42px 0 15px}.article-prose h3{font-size:24px;margin:32px 0 12px}.article-prose img{max-width:100%;height:auto}.article-takeaways,.article-faq{margin-top:48px;padding-top:38px;border-top:1px solid var(--mep-line)}.article-takeaways li{margin:10px 0}.article-faq details{border-bottom:1px solid var(--mep-line);padding:16px 0}.article-faq summary{font-weight:700;cursor:pointer}.single-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{border:1px solid var(--mep-line);padding:24px;background:#fff;position:sticky;top:20px}.sidebar-card.dark{background:var(--mep-navy);color:#fff;position:static}.sidebar-card.dark h3{color:#fff}.sidebar-card p{line-height:1.65;color:var(--mep-muted)}.sidebar-card.dark p{color:#d3dee8}.compact-grid .article-card-media{height:170px}
@media(max-width:900px){.category-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.featured-article{grid-template-columns:1fr}.featured-media img{min-height:280px}.single-layout{grid-template-columns:1fr}.sidebar-card{position:static}.cta-row,.related-service{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.mep-article-shell{width:min(100% - 28px,1180px)}.mep-article-hero{padding:58px 0}.mep-article-section{padding:54px 0}.category-grid,.article-grid{grid-template-columns:1fr}.article-search{flex-direction:column;gap:8px}.featured-copy{padding:24px}.article-card-media{height:200px}.mep-article-section h2,.mep-article-cta h2{font-size:28px}.single-article-hero{padding:55px 0}.single-layout{gap:30px;padding-top:36px}.single-featured{margin-top:24px}.single-meta{font-size:13px}}

/* v1.1.1: in-page article table of contents; no mutation of saved content. */
.mep-article-toc{border:1px solid var(--mep-line);border-inline-start:4px solid var(--mep-yellow);background:var(--mep-soft);padding:22px 24px;margin-bottom:32px;border-radius:3px}
.mep-article-toc-title{font-size:20px;font-weight:750;line-height:1.5;margin:0 0 12px;color:var(--mep-text)}
.mep-article-toc ol{margin:0;padding-inline-start:24px;list-style:decimal}
.mep-article-toc li{margin:7px 0;line-height:1.5}
.mep-article-toc-level-3{margin-inline-start:20px!important;font-size:.95em}
.mep-article-toc a{text-decoration:none;color:var(--mep-navy2)}
.mep-article-toc a:focus-visible{outline:2px solid var(--mep-navy);outline-offset:3px}
.article-prose h2[id],.article-prose h3[id]{scroll-margin-top:110px}
@media(max-width:600px){.mep-article-toc{padding:18px 16px}.mep-article-toc-title{font-size:18px}}
