:root{--paper:#F7F5F1;--ink:#171A1F;--navy:#16233B;--amber:#C88A42;--muted:#5C5B57;--hair:#E4E0D8;
    --f-display:"Spectral",Georgia,serif;--f-body:"Golos Text",system-ui,sans-serif;}
  @media(prefers-color-scheme:dark){:root{--paper:#15171C;--ink:#ECE8E1;--navy:#0F1521;--amber:#D89A54;--muted:#A29E95;--hair:#2A2D35}}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:var(--f-body);background:var(--paper);color:var(--ink);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
  .top{border-bottom:1px solid var(--hair);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(6px);z-index:10}
  .top .in{max-width:820px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}
  .back{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-display);font-size:1.15rem;font-weight:500;color:var(--ink)}
  .back svg{width:16px;height:20px;color:var(--navy)}
  @media(prefers-color-scheme:dark){.back svg{color:var(--amber)}}
  .back .a{color:var(--muted);font-family:var(--f-body);font-size:.9rem;font-weight:400}
  main{max-width:820px;margin:0 auto;padding:clamp(32px,5vw,64px) 24px 96px}

  h1{font-family:var(--f-display);font-weight:500;font-size:clamp(1.9rem,5vw,2.8rem);letter-spacing:-.01em;line-height:1.12}
  .lead{color:var(--muted);font-size:1.05rem;margin:1rem 0 2rem;max-width:62ch}
  h2{font-family:var(--f-display);font-weight:500;font-size:1.4rem;margin:2.4rem 0 .9rem;letter-spacing:-.01em}
  p,li{font-size:1rem;margin:.6rem 0}
  ul,ol{padding-left:1.35em}
  a{color:var(--navy);text-underline-offset:2px;text-decoration-color:var(--amber)}
  @media(prefers-color-scheme:dark){a{color:var(--amber)}}
  .steps{counter-reset:s;list-style:none;padding:0}
  .steps li{position:relative;padding:.2rem 0 .2rem 2.4em;margin:.7rem 0}
  .steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:.05em;width:1.7em;height:1.7em;border-radius:50%;background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber);font-weight:700;display:grid;place-items:center;font-size:.9em}


  footer{max-width:820px;margin:0 auto;padding:0 24px 64px;color:var(--muted);font-size:.88rem}
  :focus-visible{outline:2px solid var(--amber);outline-offset:3px}

  .upd{color:var(--muted);font-size:.88rem;margin:-.2rem 0 1.4rem}