@layer foundation {

  /* Shared runtime and accessibility foundation */
   :root {
       --site-focus-ring-color: rgba(86,110,140,.32);
       --site-focus-ring-shadow: 0 0 0 4px rgba(86,110,140,.14);

  }
   html {
       -webkit-text-size-adjust:100%;
       text-size-adjust:100%;

  }
   body {
       text-rendering:optimizeLegibility;
       -webkit-font-smoothing:antialiased;
       -moz-osx-font-smoothing:grayscale;

  }
   img, picture, svg, canvas, video {
       display:block;
       max-width:100%;

  }
   input, button, textarea, select {
       font:inherit;

  }
   p, h1, h2, h3, h4, h5, h6, li {
       overflow-wrap:break-word;

  }
   :focus-visible {
       outline:2px solid transparent;
       box-shadow:var(--site-focus-ring-shadow);
       border-radius:12px;

  }
   .site-header {
       will-change:transform;

  }
   @media (prefers-reduced-motion: reduce) {
     html {
           scroll-behavior:auto;

    }
     *, *::before, *::after {
           animation-duration:.01ms !important;
           animation-iteration-count:1 !important;
           transition-duration:.01ms !important;
           scroll-behavior:auto !important;

    }

  }
   .skip-link {
       position:absolute;
       left:16px;
       top:16px;
       transform:translateY(-180%);
       z-index:10000;
       padding:10px 14px;
       border-radius:12px;
       background:#4e6680;
       color:#ffffff;
       text-decoration:none;
       box-shadow:0 12px 30px rgba(35,52,74,.18);
       transition:transform .18s ease;

  }
   .skip-link:focus, .skip-link:focus-visible {
       transform:translateY(0);

  }
   :where(section[id], [role="region" ][id], h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], [data-section-anchor]) {
       scroll-margin-top:120px;

  }

}