/* Shared navigation and layout for the two source design profiles. */
.msa-unified-page .sky-hero-grid {grid-template-columns:minmax(0,860px)}
.msa-unified-page .sky-card {display:flex;flex-direction:column}
.msa-unified-page .sky-card .sky-link {align-self:flex-start;margin-top:auto}
.msa-unified-page .sky-fine {margin-top:24px}
.msa-rc-header .msa-rc-brand img {object-fit:contain;object-position:left center}
.msa-rc-header .sky-lang {margin-left:0;flex-shrink:0}
body:has(> .msa-rc-header) :is(#masthead, #site-header, header.site-header) {display:none}
body:has(.msa-rc-header) .msa-site-fallback {display:none}

/* Skycom 4.0.0 uses rose and teal, rounded cards and soft blue-grey surfaces. */
.msa-design-skycom :is(.msa-rc,.msa-rc-header) {--coral:#c81e4c;--coral-dark:#a91840;--blue:#127f80;--paper:#fff;--pale:#f4f6fa}
.msa-design-skycom .msa-rc-header {border-top:3px solid #33cccc}
.msa-design-skycom .msa-rc-hero {background:linear-gradient(180deg,#fbfcfe,#f1f4f9)}
.msa-design-skycom .msa-rc :is(h1,h2,h3) {font-family:Georgia,"Times New Roman",serif}
.msa-design-skycom .msa-rc-hero h1 em {color:#c81e4c;font-style:italic}
.msa-design-skycom .msa-rc-card {border-radius:12px}
.msa-design-skycom .msa-rc-btn {border-radius:6px}

/* Mainstreet 3.9.2 uses coral, a horizontal hero gradient and editorial headings. */
.msa-design-mainstreet .sky-page {--pink:#d93b3b;--pink-dark:#a82b2b;--teal:#51a2fe;--teal-dark:#28588d;--olive:#5574aa;--pale:#f2f5fa;--paper:#fffffd}
.msa-design-mainstreet .sky-page :is(h1,h2,h3) {font-family:Merriweather,Georgia,serif;font-weight:500}
.msa-design-mainstreet .sky-page :is(.sky-btn,.sky-card,.sky-tool,.sky-hero-aside) {border-radius:0;box-shadow:none}
.msa-design-mainstreet .sky-page h1 em {color:#5574aa;font-style:normal}
.msa-design-mainstreet .sky-hero {background:linear-gradient(110deg,#fffffd 55%,#edf2fb)}
.msa-design-mainstreet .sky-bars {display:none}
.msa-design-mainstreet .msa-footer {background:#242f64}
.msa-design-mainstreet .msa-footer-button {background:#b73333}
.msa-design-mainstreet .msa-footer h2 {font-family:Merriweather,Georgia,serif}
body.login.msa-design-mainstreet {background:linear-gradient(110deg,#fffffd 55%,#edf2fb)}
body.login.msa-design-mainstreet #login .button-primary {background:#b73333;border-color:#b73333;border-radius:0}
.msa-design-mainstreet :is(.msa-site-page,.msa-legal-page,.msa-account-page) {--coral:#d93b3b;--blue:#51a2fe;--paper:#fffffd;--pale:#f2f5fa}

@media (max-width:1220px) and (min-width:901px) {
    .msa-rc-header-inner {gap:16px}
    .msa-rc-header .msa-rc-brand img {width:160px}
    .msa-rc-header .msa-rc-menu > ul {gap:12px}
}
.msa-rc-header .msa-rc-brand img {width:clamp(106px,12vw,150px)}
.msa-rc-header .msa-rc-menu > ul > li > a {white-space:normal}
.msa-rc-header .msa-rc-has-sub > ul {left:auto;right:0}
@media (max-width:980px) {
    .msa-rc-header .sky-lang {align-self:flex-start}
    .msa-rc-header .msa-rc-btn {align-self:flex-start}
}