/* Memory_Save.lv — юридические страницы: оферта, политика, соглашение. Те же цвета и шрифты, без анимаций. */
@font-face { font-family: 'Handjet UI'; src: url(fonts/handjet-cyrillic.woff2) format('woff2'); font-weight: 100 900; font-display: swap; size-adjust: 128%;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Handjet UI'; src: url(fonts/handjet-latin.woff2) format('woff2'); font-weight: 100 900; font-display: swap; size-adjust: 128%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bg: #000; --fg: #F2F2F2; --muted: #B4B4BA; --line: #2E2E33; --tile: #0E0E10; --acc: #FFD25A;
  --f-pix: 'Tiny5', 'Courier New', monospace;
  --f-read: 'Handjet UI', ui-monospace, monospace;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--fg); font: 500 17px/1.55 var(--f-read); }
a { color: var(--acc); }
a:focus-visible { outline: 2px dashed var(--acc); outline-offset: 3px; }
.doc { width: min(760px, 100% - 32px); margin: 0 auto; padding: 24px 0 64px; }
.back { display: inline-flex; align-items: center; min-height: 44px; font: 15px var(--f-pix); color: var(--fg); text-decoration: none; }
.back:hover { color: var(--acc); }
.tag { display: inline-block; margin-top: 20px; background: var(--fg); color: #000; padding: 2px 10px; font: 14px var(--f-pix); }
h1 { font: 400 clamp(30px, 8vw, 48px)/1.05 var(--f-pix); margin: 14px 0 8px; text-wrap: balance; }
.date { color: var(--muted); margin: 0 0 28px; font-size: 15px; }
h2 { font: 400 20px/1.25 var(--f-pix); margin: 34px 0 10px; color: var(--acc); }
p, li { margin: 0 0 10px; }
ol, ul { padding-left: 1.3em; margin: 0 0 10px; }
.req { background: var(--tile); border: 2px solid var(--line); padding: 14px 16px; margin-top: 12px; }
.req p { margin: 0 0 4px; }
.todo { background: var(--acc); color: #000; padding: 0 4px; }
.links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 40px; padding-top: 16px; border-top: 2px dashed var(--line); font: 14px var(--f-pix); }
.links a { color: var(--muted); }