/* ============================================================
   legal.css — общий стиль текстовых страниц (privacy, terms, 404).
   Палитра и типографика повторяют главную страницу.
   ============================================================ */
:root{
  --ink-900:#0E100F;
  --ink-800:#141716;
  --ink-700:#1A1E1D;
  --line-1:#242927;
  --line-2:#39403D;
  --text-1:#EAE7E0;
  --text-2:#97A09B;
  --text-3:#7E8783;
  --brass:#D3A153;
  --brass-wash:rgba(211,161,83,.15);
  --verdigris:#67B99F;
}
html[data-theme="light"]{
  --ink-900:#F4F2EC;
  --ink-800:#FBFAF6;
  --ink-700:#EBE8DF;
  --line-1:#DFDBD0;
  --line-2:#C1BCAE;
  --text-1:#181B19;
  --text-2:#5C635E;
  --text-3:#626A64;
  --brass:#8A5E10;
  --brass-wash:rgba(138,94,16,.12);
  --verdigris:#2C6A55;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--ink-900);
  color:var(--text-1);
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
:focus-visible{outline:2px solid var(--brass);outline-offset:4px;border-radius:2px}

.shell{max-width:760px;margin:0 auto;padding:0 clamp(22px,4.4vw,40px)}

/* ---------- masthead ---------- */
.masthead{position:sticky;top:0;z-index:50;background:var(--ink-900);border-bottom:1px solid var(--line-1)}
.masthead .shell{max-width:1140px;display:flex;align-items:center;justify-content:space-between;gap:24px;height:70px}
.wordmark{display:flex;align-items:center;gap:11px;font-weight:600;font-size:16px;letter-spacing:-0.02em;margin:0;color:var(--text-1);text-decoration:none}
.rules{width:16px;height:16px;position:relative;flex:none}
.rules span{position:absolute;left:0;height:1.7px;background:var(--brass);border-radius:2px}
.rules span:nth-child(1){top:1px;width:16px}
.rules span:nth-child(2){top:7px;width:12px}
.rules span:nth-child(3){top:13px;width:8px}
.theme-switch{
  font:500 12.5px/1 "Archivo",system-ui,sans-serif;color:var(--text-2);
  background:none;border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;cursor:pointer;
  transition:color .24s ease,border-color .24s ease;
}
.theme-switch:hover{color:var(--text-1);border-color:var(--text-1)}

/* ---------- document ---------- */
main{padding:72px 0 96px}
h1{font-size:clamp(32px,5vw,44px);line-height:1.1;font-weight:600;letter-spacing:-0.03em;margin:0 0 14px}
.updated{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;color:var(--text-3);margin:0 0 8px}
.lede{font-size:19px;color:var(--text-1);margin:26px 0 0;padding-bottom:34px;border-bottom:1px solid var(--line-1)}
h2{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-0.02em;margin:52px 0 16px;color:var(--text-1)}
h3{font-size:17.5px;font-weight:600;margin:30px 0 10px;color:var(--text-1)}
p{margin:0 0 18px;color:var(--text-2)}
ul,ol{margin:0 0 20px;padding-left:22px;color:var(--text-2)}
li{margin-bottom:10px}
li::marker{color:var(--text-3)}
strong{color:var(--text-1);font-weight:600}
a{color:var(--brass);text-decoration-thickness:1px;text-underline-offset:4px}
table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15.5px}
th,td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--line-1);vertical-align:top;color:var(--text-2)}
th{color:var(--text-1);font-weight:600;font-size:14px;letter-spacing:.02em;text-transform:uppercase}
.scroller{overflow-x:auto}

.note{background:var(--ink-700);border:1px solid var(--line-2);border-radius:4px;padding:20px 24px;margin:28px 0}
.note p:last-child{margin-bottom:0}

/* ---------- colophon ---------- */
.colophon{border-top:1px solid var(--line-1)}
.colophon .shell{max-width:1140px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:34px 0 64px;font-size:14.5px;color:var(--text-3)}
.colophon .legal{display:flex;gap:20px}
.colophon a{color:var(--text-3);text-decoration:none;transition:color .24s ease}
.colophon a:hover{color:var(--text-1);text-decoration:underline;text-underline-offset:4px}

/* ---------- 404 ---------- */
.lost{text-align:center;padding:112px 0 128px}
.lost .code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;color:var(--brass);letter-spacing:.14em;margin:0 0 20px}
.lost h1{max-width:18ch;margin:0 auto 18px}
.lost p{max-width:44ch;margin:0 auto 34px}
.button-solid{
  display:inline-block;font:500 16px/1 "Archivo",system-ui,sans-serif;color:var(--ink-900);background:var(--brass);
  padding:17px 28px;text-decoration:none;border-radius:3px;transition:filter .24s ease,transform .24s ease;
}
.button-solid:hover{filter:brightness(1.12);transform:translateY(-2px)}

@media (max-width:620px){
  body{font-size:16.5px}
  main{padding:52px 0 72px}
  .lost{padding:80px 0 92px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}