﻿.mas-site-header{--mas-ink:#111;--mas-muted:#565f6b;--mas-blue:#1a6bff;font-family:Sora,Arial,sans-serif;color:var(--mas-ink);background:#fff;position:absolute;top:var(--mas-sticky-top,0px);left:0;right:0;z-index:20}
    /* Reserve the same space in natural and sticky modes to avoid layout jumps. */
    .mas-header-slot{height:var(--mas-header-full-h,108px)}
    .mas-site-header.is-stuck{position:fixed;transition:top .24s cubic-bezier(.4,0,.2,1)}
    .mas-site-header.is-hidden{top:calc(var(--mas-sticky-top,0px) - var(--mas-header-full-h,120px))}
    .mas-site-header *{box-sizing:border-box}
    .mas-site-header a{color:inherit;text-decoration:none}
    .mas-site-header button{font:inherit}
    .mas-site-header a:focus-visible,.mas-site-header button:focus-visible{outline:3px solid var(--mas-blue);outline-offset:3px;border-radius:4px}
    .mas-site-header__inner{width:min(1200px,calc(100% - 48px));margin:auto;display:flex;align-items:center}
    .mas-site-header__contact{background:#f4f4f4;border-bottom:1px solid rgba(24,24,24,.08)}
    .mas-site-header__contact .mas-site-header__inner{min-height:34px;justify-content:flex-end;gap:24px}
    .mas-site-header__contact a{font-size:11px;font-weight:500;color:#3e4651;white-space:nowrap}
    .mas-site-header__contact a:hover{text-decoration:underline;text-underline-offset:3px}
    .mas-site-header__main{border-bottom:1px solid rgba(24,24,24,.12)}
    .mas-site-header__main .mas-site-header__inner{min-height:72px;gap:24px}
    .mas-site-header__logo{display:inline-flex;align-items:center;flex:none;width:222px}
    .mas-site-header__logo img{display:block;width:100%;height:auto}
    .mas-site-header__nav{display:flex;align-items:center;gap:23px;margin-left:auto}
    .mas-site-header__nav>a,.mas-site-header__article-link,.mas-site-header__account{font-size:13px;font-weight:500;white-space:nowrap}
    .mas-site-header__nav>a:hover,.mas-site-header__article-link:hover,.mas-site-header__account:hover{text-decoration:underline;text-underline-offset:5px}
    .mas-site-header__articles{position:relative}
    .mas-site-header__article-row{display:flex;align-items:center;gap:2px}
    .mas-site-header__article-toggle{width:28px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--mas-ink);cursor:pointer}
    .mas-site-header__chevron{display:block;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
    .mas-site-header__article-toggle[aria-expanded="true"] .mas-site-header__chevron{transform:translateY(2px) rotate(225deg)}
    .mas-site-header__submenu{display:none;position:absolute;top:calc(100% + 10px);left:-16px;min-width:240px;padding:8px;background:#fff;border:1px solid #dedede;border-radius:10px;box-shadow:0 16px 36px rgba(17,17,17,.12)}
    .mas-site-header__submenu:not([hidden]){display:grid}
    .mas-site-header__submenu a{padding:11px 12px;border-radius:6px;font-size:13px;white-space:nowrap}
    .mas-site-header__submenu a:hover{background:#f4f4f4}
    .mas-site-header__account{color:var(--mas-muted)!important}
    .mas-site-header__cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-h,36px);padding:0 var(--btn-pad-x,14px);border-radius:var(--control-radius,10px);background:var(--mas-blue);color:#fff!important;font-size:var(--fs-btn,13px);font-weight:600;white-space:nowrap}
    .mas-site-header__cta:hover{background:#0d53d4}
    .mas-site-header__menu-toggle{display:none;margin-left:auto;min-height:var(--btn-h,36px);align-items:center;gap:8px;padding:0 var(--btn-pad-x,14px);border:1px solid #d8d8d8;border-radius:var(--control-radius,10px);background:#fff;color:var(--mas-ink);cursor:pointer;font-size:var(--fs-btn,13px);font-weight:600}
    .mas-site-header__menu-icon{display:block;width:18px;height:12px;border-top:2px solid;border-bottom:2px solid;position:relative}
    .mas-site-header__menu-icon:before{content:"";position:absolute;top:5px;left:0;right:0;border-top:2px solid;opacity:0;transition:transform .18s ease,opacity .18s ease}
    .mas-site-header__menu-icon:after{content:"";position:absolute;top:4px;left:0;right:0;border-top:2px solid;transition:transform .18s ease}
    .mas-site-header__menu-toggle[aria-expanded="true"] .mas-site-header__menu-icon{border-color:transparent}
    .mas-site-header__menu-toggle[aria-expanded="true"] .mas-site-header__menu-icon:before{opacity:1;top:5px;transform:rotate(45deg)}
    .mas-site-header__menu-toggle[aria-expanded="true"] .mas-site-header__menu-icon:after{top:5px;transform:rotate(-45deg)}
    .mas-site-header__mobile-only{display:none!important}

    /* Mobile and tablet: the navigation becomes a full-screen sheet. The
       header's own logo and Menu button are lifted above it, so the panel
       reads as one continuous surface rather than a dropdown. */
    @media(max-width:1080px){
      .mas-site-header__main .mas-site-header__inner{min-height:64px;flex-wrap:wrap;gap:0}
      .mas-site-header__logo{width:192px}
      .mas-site-header__menu-toggle{display:flex}
      .mas-site-header__main>.mas-site-header__inner>.mas-site-header__account,.mas-site-header__main>.mas-site-header__inner>.mas-site-header__cta{display:none}
      .mas-site-header__nav{display:none;order:3;width:100%;margin:0;padding:0;align-items:stretch;gap:0}
      /* Closed in the first paint, even before the footer script initializes. */
      body.mas-menu-open .mas-site-header__nav:not([hidden]){display:flex;flex-direction:column}
      .mas-site-header__nav>a,.mas-site-header__article-row{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #ededed;font-size:14px}
      .mas-site-header__article-row{justify-content:space-between}
      .mas-site-header__article-link{flex:1;padding:14px 0;font-size:14px}
      .mas-site-header__submenu{position:static;min-width:0;padding:0 0 8px 16px;border:0;border-radius:0;box-shadow:none;background:#fafafa}
      .mas-site-header__submenu a{min-height:44px;display:flex;align-items:center}
      .mas-site-header__articles{border-bottom:1px solid #ededed}
      .mas-site-header__articles .mas-site-header__article-row{border:0}
      .mas-site-header__mobile-only{display:flex!important}
      .mas-site-header__nav .mas-site-header__cta{align-self:flex-start;margin-top:18px;border:0;padding:0 var(--btn-pad-x,14px);font-size:var(--fs-btn,13px)}
    }

    @media(max-width:1080px){
      html.mas-menu-open{overflow:hidden}
      body.mas-menu-open{overflow:hidden}
      body.mas-menu-open .mas-site-header{position:fixed;top:var(--mas-sticky-top,0px)}
      body.mas-menu-open .mas-site-header__nav:not([hidden]){
        position:fixed;inset:0;z-index:40;
        width:100%;height:100%;margin:0;
        padding:96px 20px 28px;
        background:#fff;
        overflow-y:auto;
        overscroll-behavior:contain;
        display:flex;flex-direction:column;align-items:stretch;gap:0;
        animation:mas-menu-sheet .22s ease both;
      }
      body.mas-menu-open .mas-site-header__logo{position:fixed;top:22px;left:20px;z-index:50;width:172px}
      body.mas-menu-open .mas-site-header__menu-toggle{position:fixed;top:14px;right:20px;z-index:50}
      body.mas-menu-open .mas-site-header__nav>a,
      body.mas-menu-open .mas-site-header__article-row{min-height:58px;font-size:16px;font-weight:500}
      body.mas-menu-open .mas-site-header__article-link{font-size:16px;padding:18px 0}
      body.mas-menu-open .mas-site-header__articles{border-bottom:1px solid #ededed}
      body.mas-menu-open .mas-site-header__submenu{margin:0 0 14px;padding:6px;border-radius:10px;background:#f6f6f6}
      body.mas-menu-open .mas-site-header__submenu a{min-height:46px;padding:0 14px;border-radius:7px;font-size:15px;white-space:normal}
      body.mas-menu-open .mas-site-header__nav>.mas-site-header__account{margin-top:auto;border-top:1px solid #ededed;border-bottom:0;padding-top:14px}
      body.mas-menu-open .mas-site-header__nav>.mas-site-header__cta{width:100%;min-height:48px;margin-top:16px;font-size:14px}
      body.mas-menu-open .mas-site-header__menu-meta{margin-top:20px;flex-direction:column;gap:10px;font-size:12px;line-height:1.4;color:var(--mas-muted)}
      body.mas-menu-open .mas-site-header__menu-meta a{white-space:nowrap}
    }

    /* At every width, only the main menu returns as the sticky header.
       The contact strip belongs to the natural top-of-page header only. */
    .mas-site-header.is-compact .mas-site-header__contact{display:none}
    @media(max-width:1080px){
      .mas-header-slot{height:var(--mas-header-full-h,100px)}
      /* This switches offscreen; an animated height also corrupts JS measurement. */
      .mas-site-header__contact{max-height:40px;overflow:hidden}
    }

    @keyframes mas-menu-sheet{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
    @media(prefers-reduced-motion:reduce){
      body.mas-menu-open .mas-site-header__nav:not([hidden]){animation:none}
      .mas-site-header__menu-icon:before,.mas-site-header__menu-icon:after{transition:none}
      .mas-site-header.is-stuck{transition:none}
    }

    @media(max-width:560px){
      .mas-header-slot{height:var(--mas-header-full-h,102px)}
      .mas-site-header__inner{width:calc(100% - 40px)}
      .mas-site-header__contact .mas-site-header__inner{min-height:36px;justify-content:space-between;gap:10px}
      .mas-site-header__contact a{font-size:10px}
      .mas-site-header__logo{width:172px}
      body.mas-menu-open .mas-site-header__nav:not([hidden]){padding:92px 20px 26px}
      body.mas-menu-open .mas-site-header__logo{top:20px}
      body.mas-menu-open .mas-site-header__menu-toggle{top:12px}
    }
    @media(max-width:350px){.mas-site-header__logo{width:150px}body.mas-menu-open .mas-site-header__logo{width:150px}.mas-site-header__contact a{font-size:9px}}

    /* One 18x12 coordinate system: bar centers at 1, 6 and 11px.
       Removing the icon border also centers both X strokes at 6px. */
    .mas-site-header__menu-toggle{line-height:1.2}
    .mas-site-header__menu-icon{border:0;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
    .mas-site-header__menu-icon:before{top:0;opacity:1}
    .mas-site-header__menu-icon:after{top:10px}
    .mas-site-header__menu-toggle[aria-expanded="true"] .mas-site-header__menu-icon{background:none}
