.nav-shade{position:fixed;inset:0;z-index:100;background:#0008}
.nav-drawer{position:fixed;inset:0 auto 0 0;z-index:101;width:min(320px,86vw);height:100dvh;overflow:auto;background:#fff;color:#0c263c;box-shadow:6px 0 28px #0002;animation:nav-enter .22s ease-out}
.nav-drawer-heading{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0c263c18}
.nav-drawer-heading strong{font-size:21px;font-weight:800}
#navClose{width:44px;height:44px;border:0;background:transparent;color:#0c263c;font-size:32px;font-weight:300;line-height:1}
.nav-drawer #mainNav{display:flex;position:static;flex-direction:column;padding:8px 0 14px;gap:0;border-bottom:1px solid #0c263c18}
.nav-drawer #mainNav a{display:flex;align-items:center;min-height:45px;padding:10px 16px;font-size:17px;letter-spacing:.025em;font-weight:400}
.nav-drawer #mainNav a:hover,.nav-drawer #mainNav a:focus-visible{background:#fedd80;color:#0c263c}
body.nav-open{overflow:hidden}
.info-page{width:min(760px,calc(100% - 40px));margin:0 auto;padding:64px 0 80px;min-height:60vh;color:#0c263c}
.info-page h1{font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 24px}
.info-page h2{font-size:26px;margin-top:32px}
.info-page p{font-size:19px;line-height:1.8;margin-bottom:20px}
.info-page .button{margin-top:14px}
@keyframes nav-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:600px){.info-page{padding:36px 0 48px}.info-page p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.nav-drawer{animation:none}}