:root{--teal-900:#0f2e35;--teal-700:#1b5560;--coral-text:#c8432f;--cream:#faf4ee;--paper:#fffcf8;--ink:#12292e;--muted:#45565a}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Rubik",system-ui,sans-serif;font-size:17.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
.skip{position:absolute;right:16px;top:-60px;background:var(--teal-900);color:#fff;padding:10px 18px;border-radius:10px;z-index:100;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
header{background:linear-gradient(160deg,var(--teal-700),var(--teal-900) 80%);color:var(--cream);padding:46px 16px 40px}
header .in,main{width:min(820px,100%);margin-inline:auto}
header a.back{color:#cfe1df;font-size:15.5px;text-decoration:none;border-bottom:1px solid rgba(207,225,223,.45)}
header a.back:hover{color:#fff}
.eyebrow{font-family:"Karantina",sans-serif;font-weight:300;font-size:34px;line-height:1;color:#f6b7ab;margin:22px 0 6px}
h1{margin:0;font-size:clamp(34px,6vw,50px);font-weight:900;line-height:1.1}
.updated{margin:12px 0 0;color:#cfe1df;font-size:15.5px}
main{padding:36px 16px 70px}
.card{background:var(--paper);border-radius:22px;padding:clamp(22px,4vw,40px);box-shadow:0 18px 40px -26px rgba(15,46,53,.4)}
h2{font-size:23px;font-weight:800;color:var(--teal-700);margin:30px 0 6px;line-height:1.3}
h2:first-child{margin-top:0}
p,li{margin:0 0 10px}
ul{padding-right:22px;margin:0 0 10px}
a{color:var(--coral-text);font-weight:500}
a:focus-visible,button:focus-visible{outline:3px solid #ffbf00;outline-offset:2px}
.box{background:#f3ece4;border-radius:16px;padding:16px 20px;margin:12px 0}
.note{color:var(--muted);font-size:15.5px}
footer{background:var(--teal-900);color:#a9c2c1;text-align:center;font-size:14.5px;padding:22px 16px 90px}
footer nav{display:flex;gap:8px 20px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
footer a{color:#e3eeed;text-decoration:none;border-bottom:1px solid rgba(227,238,237,.4);font-weight:400}
footer a[aria-current]{border-bottom-color:#f6b7ab}