﻿    *,*:before,*:after{box-sizing:border-box}html,body{margin:0}
    :root{
      --primary:#161dc7;--bg:#fdfdfd;--card-bg:#fff;--card-hover:#f3f3ff;
      --cta-bg:#8A0089;--cta-hover:#70006F; /* contrast AA ok */
      --transition:.24s ease;--text:#0A0F2B;--muted:#555;--drawer-w:min(88vw,420px);
      --hero-focus:50% 40%;--mobile-overlap:18vw;--desk-maxw:min(56ch,48vw)
    }
    body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:var(--bg);color:var(--text);margin-top:80px}
    .container{max-width:1300px;margin:0 auto;padding:0 16px}.container-narrow{width:min(100%,1200px)}
    .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
    a{color:var(--primary)}
    .btn-primary{background:var(--cta-bg);color:#fff}.btn-primary:hover{background:var(--cta-hover)}
    .btn-outline{border:1.5px solid var(--text);color:var(--text)}.muted{color:#666}
    :where(h1, h2, h3, h4, section[id]){ scroll-margin-top: 88px; }

    /* Skip link */
    .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
    .skip-link:focus{left:16px;top:8px;width:auto;height:auto;background:#161dc7;color:#fff;padding:8px 12px;border-radius:8px;z-index:1000}

    /* Desktop */
    @media (min-width:1025px){#burger-menu{display:none}
      .menu>li>.submenu{left:auto; right:0}
      .menu>li:hover>.submenu{display:block}
      .menu>li:focus-within>.submenu{display:block}
    }