.mpc-article {
    --mpc-blue: #1478b8;
    --mpc-cyan: #43d0f0;
    --mpc-navy: #27236e;
    --mpc-ink: #283d4d;
    --mpc-muted: #667886;
    position: relative;
    left: 50%;
    width: min(1240px, calc(100vw - 64px));
    max-width: none;
    margin: 0;
    transform: translateX(-50%);
    color: var(--mpc-ink);
}
.mpc-article__section, .mpc-article__quote, .mpc-article__callout, .mpc-article__cta { max-width: 940px; margin: 64px auto; }
.mpc-article h2 { margin: 0 0 20px; color: var(--mpc-navy) !important; font-size: clamp(28px, 3vw, 42px); line-height: 1.15; }
.mpc-article h3 { margin: 0 0 14px; color: var(--mpc-navy) !important; font-size: 24px; line-height: 1.25; }
.mpc-article p, .mpc-article li { font-size: 18px; line-height: 1.75; }
.mpc-article p { margin: 0 0 22px; }
.mpc-article a { color: var(--mpc-blue); }
.mpc-article__image { margin: 70px auto 90px; text-align: center; }
.mpc-article__image--wide { max-width: 1050px; }
.mpc-article__image--full { max-width: 1240px; }
.mpc-article__image img, .mpc-article__gallery img, .mpc-article__split-image img { display: block; width: 100%; height: auto; border-radius: 5px; }
.mpc-article__image img { margin-right: auto; margin-left: auto; }
.mpc-article figcaption { margin-top: 12px; color: var(--mpc-muted); font-size: 13px; line-height: 1.5; text-align: center; }
.mpc-article__split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 70px); max-width: 1140px; align-items: center; }
.mpc-article__split--image-right .mpc-article__split-image { order: 2; }
.mpc-article__split--image-right .mpc-article__split-copy { order: 1; }
.mpc-article__split-copy p:last-child { margin-bottom: 0; }
.mpc-article__gallery { max-width: 1180px; margin: 70px auto; }
.mpc-article__gallery > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.mpc-article__gallery--3 > div { grid-template-columns: repeat(3, 1fr); }
.mpc-article__gallery img { height: clamp(230px, 30vw, 420px); object-fit: cover; }
.mpc-article__quote { position: relative; padding: 35px 45px 35px 58px; border-left: 5px solid var(--mpc-cyan); background: #f1f7fa; }
.mpc-article__quote::before { position: absolute; top: 16px; left: 18px; color: var(--mpc-blue); content: ““”; font: 70px/1 Georgia, serif; opacity: .35; }
.mpc-article__quote p { margin: 0; color: var(--mpc-navy); font-size: clamp(24px, 3vw, 34px); font-weight: 600; line-height: 1.35; }
.mpc-article__quote cite { display: block; margin-top: 18px; color: var(--mpc-muted); font-size: 14px; font-style: normal; font-weight: 600; }
.mpc-article__callout { padding: 32px 36px; border: 1px solid #cfe0e9; border-top: 5px solid var(--mpc-blue); border-radius: 5px; background: #f6fafc; }
.mpc-article__callout p:last-child { margin-bottom: 0; }
.mpc-article__cta { max-width: 1040px; padding: clamp(35px, 6vw, 65px); color: #fff; text-align: center; background: linear-gradient(125deg, var(--mpc-navy), #205d80); border-bottom: 6px solid var(--mpc-cyan); border-radius: 7px; }
.mpc-article__cta h2 { color: #fff; }
.mpc-article__cta p { max-width: 700px; margin: 0 auto 25px; color: #e1edf3; }
.mpc-article__cta > a { display: inline-block; padding: 14px 24px; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; background: var(--mpc-blue); border-radius: 4px; }
.mpc-article__cta > a:hover { background: #0f679f; }
@media (max-width: 760px) {
    .mpc-article { width: calc(100vw - 32px); padding: 0; }
    .mpc-article__section, .mpc-article__quote, .mpc-article__callout, .mpc-article__cta, .mpc-article__image, .mpc-article__gallery { margin-top: 42px; margin-bottom: 42px; }
    .mpc-article p, .mpc-article li { font-size: 17px; line-height: 1.65; }
    .mpc-article__split { grid-template-columns: 1fr; }
    .mpc-article__split--image-right .mpc-article__split-image, .mpc-article__split--image-right .mpc-article__split-copy { order: initial; }
    .mpc-article__gallery > div, .mpc-article__gallery--3 > div { grid-template-columns: 1fr; }
    .mpc-article__gallery img { height: auto; }
    .mpc-article__quote { padding: 30px 25px 30px 42px; }
}