:root{
    --navy:#0B1614; --navy-2:#060D0C; --cyan:#12B886; --violet:#D4A017;
    --ice:#F3F7F5; --slate:#55645F; --text-onice:#132420; --text-onice-muted:#55645F;
    --line:rgba(19,36,32,0.14);
    --font:'Inter', "DejaVu Sans", Arial, sans-serif;
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:var(--font);background:var(--ice);color:var(--text-onice);line-height:1.65;}
  .wrap{max-width:820px;margin:0 auto;padding:0 24px;}
  a{color:#0A6B4C;}
  header{background:var(--navy);padding:22px 0;}
  header .wrap{display:flex;align-items:center;justify-content:space-between;}
  .logo{color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:0.04em;}
  .back{color:#cfe9df;text-decoration:none;font-size:14px;}
  main{padding:56px 0 80px;}
  h1{font-size:clamp(28px,4vw,38px);font-weight:800;margin:0 0 8px;letter-spacing:-0.01em;}
  .updated{color:var(--text-onice-muted);font-size:14px;margin-bottom:40px;}
  h2{font-size:20px;font-weight:700;margin:40px 0 12px;padding-top:20px;border-top:1px solid var(--line);}
  h2:first-of-type{border-top:0;padding-top:0;}
  p{margin:0 0 14px;font-size:15.5px;}
  ul{margin:0 0 14px;padding-left:22px;}
  li{margin-bottom:6px;font-size:15.5px;}
  .note{
    background:rgba(212,160,23,0.1);border:1px solid rgba(212,160,23,0.35);
    border-radius:6px;padding:14px 16px;font-size:14px;margin:16px 0 24px;
  }
  .note strong{color:#7A4E0A;}
  footer{background:var(--navy);color:#cfe9df;padding:28px 0;font-size:13px;text-align:center;}
  footer a{color:#fff;}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}