:root{
  --bg:#F6FBFE;
  --surface:#FFFFFF;
  --ink:#0B2A4A;
  --muted:#4F6A83;
  --line:#DCEBF4;
  --sky:#6EC1E4;
  --sky-deep:#1F8FC0;
  --btn-bg:#0B2A4A;
  --btn-ink:#FFFFFF;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#08192B;
    --surface:#0F2540;
    --ink:#EAF6FC;
    --muted:#9DB8CC;
    --line:#1B3857;
    --sky-deep:#6EC1E4;
    --btn-bg:#6EC1E4;
    --btn-ink:#08192B;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.7 Inter,system-ui,sans-serif}
a{color:var(--sky-deep)}
:focus-visible{outline:3px solid var(--sky-deep);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:16px;z-index:100;background:var(--btn-bg);color:var(--btn-ink);padding:10px 16px;border-radius:8px;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px)}
.site-header .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}
.brand{color:var(--ink);font:600 20px Fraunces,Georgia,serif;text-decoration:none}
.home-link{font-weight:600;text-decoration:none}
.wrap{width:min(100% - 48px,820px);margin:0 auto}
main{padding:72px 0 96px}
.eyebrow{margin:0 0 12px;color:var(--sky-deep);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.15}
h1{margin:0 0 16px;font-size:clamp(42px,7vw,64px)}
h2{margin:42px 0 12px;font-size:28px}
.updated{margin:0 0 42px;color:var(--muted)}
p,li{color:var(--muted)}
li+li{margin-top:8px}
.notice{margin-top:48px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.notice p{margin:0}
.download-card{margin-top:36px;padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.download-card p{margin:0 0 24px}
.download-button{display:inline-block;padding:14px 24px;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);font-weight:600;text-decoration:none}
.download-button:hover{transform:translateY(-1px)}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:14px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}