html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:#F4F6F9;color:#3E4E62;font-family:"Work Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0}
*{box-sizing:border-box}
h1,h2,h3,h4,p,dl,dd{margin:0}
a{color:#0E2E5C}
a:hover{color:#0A1F3D}
input,select,textarea,button{font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid #0E2E5C;outline-offset:1px}
button:focus-visible,a:focus-visible{outline:2px solid #0E2E5C;outline-offset:2px}
::selection{background:#DCE5F0;color:#0A1F3D}
[hidden]{display:none!important}

/* Header nav only when there is room */
.topnav{display:none!important}
@media (min-width:1080px){.topnav{display:flex!important}}

/* Module cards: stacked layout on small screens, sticky stack on large ones */
.mod-stack{gap:12px}
.mod{position:relative}
@media (min-width:900px) and (min-height:700px){
  .mod-stack{gap:36vh}
  .mod{position:sticky;min-height:min(580px,74vh)}
}

/* Hover states (converted from the design's style-hover attributes) */
.role-tab:hover{background:#fff!important}
.ask-card:hover{border-color:#0E2E5C!important}
.hv-btn:hover{background:#0A1F3D!important;color:#fff!important}
.hv1:hover{color:#0E2E5C !important}
.hv2:hover{background:#0A1F3D !important;color:#fff !important}
.hv3:hover{border-color:#0E2E5C !important;color:#0A1F3D !important}
.hv4:hover{color:#0A1F3D !important;background:#E9EDF3 !important}
.hv5:hover{filter:none !important;opacity:1 !important}
.hv6:hover{background:#0A1F3D !important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}