:root {
    --msl-gutter: clamp(20px, 4vw, 48px);
    --msl-width: 1200px;
    --msl-navy: #07172b;
    --msl-gold: #f1cb10;
}
.msl-header, .msl-footer { font-family: Inter, system-ui, sans-serif; }
.msl-header *, .msl-footer * { box-sizing: border-box; }
.msl-container {
    width: min(var(--msl-width), calc(100% - 2 * var(--msl-gutter)));
    margin-inline: auto;
}
.msl-header { background: #fff; border-bottom: 1px solid #e8edf1; color: #10263b; }
.msl-header-row { min-height: 74px; display: flex; align-items: center; gap: clamp(16px, 2.4vw, 36px); }
.msl-brand { display: inline-flex; align-items: center; flex: none; }
.msl-brand img { display: block; width: 144px; height: 42px; object-fit: contain; object-position: left center; }
.msl-nav { display: flex; align-items: center; gap: clamp(14px, 2vw, 30px); margin-inline-start: auto; }
.msl-header .msl-nav a { color: #10263b; font-size: 14px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.msl-header .msl-nav a:hover { color: #735a00; }
.msl-header .msl-quote {
    display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px;
    padding: 8px 16px; border-radius: 8px; background: var(--msl-gold); color: #102035;
    font-size: 14px; font-weight: 750; text-decoration: none; white-space: nowrap;
}
.msl-header .msl-quote:hover { background: #ffdd3a; color: #102035; }
.msl-header .msl-toggle { display: none; }
.msl-header :focus-visible, .msl-footer :focus-visible { outline: 2px solid #a27a00; outline-offset: 4px; }
.msl-footer { background: var(--msl-navy); color: #b8c8d8; padding-block: clamp(44px, 6vw, 72px) 0; }
.msl-footer-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1.2fr; gap: clamp(24px, 4vw, 54px); padding-bottom: 36px; }
.msl-footer .msl-brand { background: #fff; border-radius: 8px; padding: 6px 12px; }
.msl-footer .msl-brand img { height: 32px; width: 120px; }
.msl-footer h2 { color: #fff; font-size: 15px; line-height: 1.4; margin: 3px 0 15px; }
.msl-footer p, .msl-footer address, .msl-footer a { font-size: 14px; line-height: 1.65; }
.msl-footer p { margin: 12px 0 0; max-width: 32ch; }
.msl-footer address { font-style: normal; margin: 0; }
.msl-footer nav a, .msl-footer address a { color: #d9e4ef; display: block; margin-bottom: 8px; text-decoration: none; overflow-wrap: anywhere; }
.msl-footer a:hover { color: var(--msl-gold); text-decoration: underline; }
.msl-copyright { padding-block: 19px; border-top: 1px solid #ffffff24; font-size: 13px; }

body:not(.elementor-editor-active):has(.msl-footer) #colophon.site-footer { display: none; }
@media (max-width: 900px) {
    .msl-header-row { flex-wrap: wrap; gap: 0 12px; min-height: 64px; }
    .msl-brand { margin-inline-end: auto; }
    .msl-header .msl-toggle {
        border: 1px solid #d8e0e8; border-radius: 8px; background: #fff; color: #10263b;
        font: inherit; font-size: 13px; font-weight: 700; padding: 0 12px; min-height: 44px;
    }
    .msl-js .msl-header .msl-toggle { display: inline-block; }
    .msl-nav { order: 4; flex: 0 0 100%; flex-wrap: wrap; gap: 0 18px; padding-block: 8px; border-top: 1px solid #e8edf1; }
    .msl-js .msl-header:not(.msl-open) .msl-nav { display: none; }
    .msl-nav a { display: flex; align-items: center; min-height: 44px; }
    .msl-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .msl-header .msl-brand img { width: min(105px, 28vw); }
    .msl-header .msl-quote { padding-inline: 10px; font-size: 12px; }
    .msl-header-row { column-gap: 8px; }
    .msl-footer-grid { grid-template-columns: 1fr 1fr; gap: 26px 16px; }
    .msl-footer-grid > :first-child, .msl-footer-grid > :last-child { grid-column: 1 / -1; }
}

body:not(.elementor-editor-active) .ekit-template-content-header:has(.msl-header) {
    position: sticky;
    top: 0;
    z-index: 100;
}
body.admin-bar:not(.elementor-editor-active) .ekit-template-content-header:has(.msl-header) { top: 32px; }
@media (max-width: 782px) {
    body.admin-bar:not(.elementor-editor-active) .ekit-template-content-header:has(.msl-header) { top: 46px; }
}
@media (max-width: 600px) {
    body.admin-bar:not(.elementor-editor-active) .ekit-template-content-header:has(.msl-header) { top: 0; }
}
@media (prefers-reduced-motion: no-preference) {
    .msl-header, .msl-header-row { transition: box-shadow .24s ease, min-height .24s ease; }
    .msl-header.msl-scrolled { box-shadow: 0 8px 24px #07172b17; }
    @media (min-width: 901px) {
        .msl-header.msl-scrolled .msl-header-row { min-height: 64px; }
    }
    .msl-footer.msl-in-view .msl-footer-grid > * { animation: msl-footer-rise .5s ease-out both; }
    .msl-footer.msl-in-view .msl-footer-grid > :nth-child(2) { animation-delay: .06s; }
    .msl-footer.msl-in-view .msl-footer-grid > :nth-child(3) { animation-delay: .12s; }
    .msl-footer.msl-in-view .msl-footer-grid > :nth-child(4) { animation-delay: .18s; }
    @keyframes msl-footer-rise {
        from { opacity: .55; transform: translateY(12px); }
        to { opacity: 1; transform: translateY(0); }
    }
}
