:root:root{--color-navy:#122A44;--color-navy-dark:#0B1D30;--color-green-light:#6EE7B7}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,199,88,.12)}
*{scrollbar-width:thin;scrollbar-color:rgba(0,199,88,.5) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#17365a,#0e9f66);border-radius:8px;border:2px solid #f1f5f9}
::selection{background:#d1fae5;color:#0b1d30}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
main{min-height:calc(100vh - 8rem)}
:is(a,button,input,select,textarea,[role=button]):focus-visible{outline:2px solid #00c758;outline-offset:2px;border-radius:.25rem}
header.shadow-md{box-shadow:0 4px 24px rgba(11,29,48,.12)}
header a{transition:color .15s ease}
nav a:active{transform:scale(.98)}
.bg-navy{background-color:var(--color-navy)}
.bg-navy-dark{background-color:var(--color-navy-dark)}
.text-navy{color:var(--color-navy)}
.text-green-light{color:var(--color-green-light)}
a,button{transition:all .18s ease}
main a:not([class*=btn]):not([class*=group]):hover{color:var(--color-navy)}
section[id] {scroll-margin-top:5rem}
main [class*=rounded-] > h2,main [class*=rounded-] > h3{scroll-margin-top:5rem}
.border-border{border-color:#e2e8f0}
.wysiwyg a{color:#0b7a45;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(11,122,69,.35)}
.wysiwyg a:hover{text-decoration-color:#0b7a45}
.wysiwyg li::marker{color:#0e9f66}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
@media (max-width:1023px){.sticky.top-0{z-index:50}}