/* The site's documents (/privacy, /consent, /terms): plain pages in the landing's colours and faces, readable first. */
@font-face { font-family: 'Monar'; src: url('/fonts/Monar-Slant.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Minsk'; src: url('/fonts/Minsk-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
:root { --fog: #ECEBEF; --ink: #1B1A1F; --text: #2E2C32; --muted: #6F6B75; --pink: #F21A9D; --line: rgba(27, 26, 31, .1);
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color-scheme: light; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--fog); -webkit-text-size-adjust: 100%; overflow-x: clip; }
body { font: 400 16.5px/1.6 var(--font); color: var(--text); overflow-x: clip; }
a { color: inherit; text-underline-offset: 3px; }
.top { max-width: 1040px; margin: 0 auto; padding: 22px clamp(16px, 4vw, 40px); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mark { font: italic 400 30px/1 'Monar', var(--font); color: var(--ink); text-decoration: none; }
.top .home { font-size: 14.5px; font-weight: 600; text-decoration: none; padding: 9px 16px; border-radius: 999px; background: #fff; color: var(--ink); }
.docs { max-width: 1040px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); display: flex; flex-wrap: wrap; gap: 8px; }
.docs a { padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: var(--muted); background: rgba(255, 255, 255, .55); }
.docs a[aria-current] { background: var(--ink); color: #fff; }
main { max-width: 1040px; margin: 18px auto 0; padding: 0 clamp(16px, 4vw, 40px) 64px; }
article { background: #fff; border-radius: 28px; padding: clamp(22px, 5vw, 56px); }
h1 { font: 400 clamp(30px, 5vw, 50px)/1.08 'Minsk', var(--font); color: var(--ink); letter-spacing: -.01em; }
.ed { margin-top: 10px; color: var(--muted); font-size: 14.5px; }
.lead { margin-top: 22px; font-size: 17.5px; }
h2 { margin: 38px 0 10px; font: 700 20px/1.3 var(--font); color: var(--ink); }
p, li { max-width: 46em; }
p + p, p + ul, ul + p, p + ol, ol + p { margin-top: 10px; }
ul, ol { padding-left: 1.3em; display: grid; gap: 6px; }
li::marker { color: var(--pink); }
table { width: 100%; max-width: 46em; border-collapse: collapse; margin-top: 12px; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 9px 10px 9px 0; border-bottom: 1px solid var(--line); }
th { font-weight: 600; color: var(--ink); width: 34%; }
.note { margin-top: 14px; padding: 14px 16px; border-radius: 16px; background: #F5F4F7; font-size: 15px; }
.foot { max-width: 1040px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px) 40px; color: var(--muted); font-size: 14px; }
@media (max-width: 600px) { body { font-size: 15.5px; } th { width: 40%; } article { border-radius: 22px; } }