:root{--storm:#0F1D33;--storm-2:#15294A;--hail:#E8EFF8;--mist:#91A4BD;--line:#2A4470;--y:#FFD23F;
  --display:"Big Shoulders Display",Impact,sans-serif;--body:"Figtree",system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;background:var(--storm);color:var(--hail)}
body{font:400 1.05rem/1.7 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--y)}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.top{border-bottom:1px solid var(--line)}
.top .in,.doc,footer .in{max-width:760px;margin:0 auto;padding:0 20px}
.top .in{display:flex;justify-content:space-between;align-items:center;height:72px}
.mark{font:800 1.6rem/1 var(--display);text-decoration:none;color:var(--hail)}
.top a.back{color:var(--mist);text-decoration:none;font-weight:600;font-size:.95rem}
.doc{padding:56px 20px 80px}
h1{font:900 clamp(2.8rem,8vw,4.4rem)/.9 var(--display);text-transform:uppercase;margin:0 0 12px}
.meta{color:var(--mist);margin:0 0 36px;font-size:.95rem}
h2{font:800 1.7rem/1.05 var(--display);text-transform:uppercase;margin:44px 0 10px;letter-spacing:.01em}
p,li{color:#C3D0E2}
strong{color:var(--hail)}
ul{padding-left:1.2em}
.box{background:var(--storm-2);border-radius:14px;padding:18px 22px;box-shadow:inset 0 0 0 1px var(--line)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--mist);font-size:.9rem}
footer .in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a{color:var(--mist);margin-left:16px}

/* page-to-page transitions and a gentle arrival (no script; off for reduced motion) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:l-out .3s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:l-in .6s cubic-bezier(.16,1,.3,1) both}
@keyframes l-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes l-in{from{opacity:0;transform:translateY(16px)}}
@keyframes l-rise{from{opacity:0;transform:translateY(18px)}}
.doc>*{animation:l-rise .8s cubic-bezier(.16,1,.3,1) both}
.doc>*:nth-child(2){animation-delay:.07s}.doc>*:nth-child(3){animation-delay:.13s}.doc>*:nth-child(4){animation-delay:.18s}.doc>*:nth-child(n+5){animation-delay:.22s}
.top a.back{transition:color .3s,transform .4s cubic-bezier(.16,1,.3,1)}.top a.back:hover{color:var(--hail);transform:translateX(-4px)}
@media (prefers-reduced-motion:reduce){.doc>*{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}