/* Privacy + terms pages, EN and CS. Same tokens, font and frame as the homepage
   (index.html :root), so the four pages read as part of the site. Lives at the
   root, not /assets/, because /assets/ is cached immutable for a year and this
   text will change. */
@font-face{font-family:'Satoshi';font-weight:400;font-style:normal;font-display:swap;
  src:url('/assets/fonts/satoshi-400.woff2') format('woff2')}
@font-face{font-family:'Satoshi';font-weight:500;font-style:normal;font-display:swap;
  src:url('/assets/fonts/satoshi-500.woff2') format('woff2')}
@font-face{font-family:'Satoshi';font-weight:700;font-style:normal;font-display:swap;
  src:url('/assets/fonts/satoshi-700.woff2') format('woff2')}

*,*::before,*::after{box-sizing:border-box}
:root{
  --paper:#F3F2EE;
  --ink:#1F2A44;
  --ink-2:#7E88A0;
  --body:#5A6377;
  --frame:#0D1522;
  --line-rgb:31 42 68;
  --r-frame:22px;
}
:root[data-theme="dark"]{
  --paper:#10141F;
  --ink:#EDEFF5;
  --ink-2:#9AA3BE;
  --body:#B7BECF;
  --line-rgb:255 255 255;
}
html,body{margin:0;padding:0}
body{
  background:var(--frame);
  font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;letter-spacing:-.006em;
  padding:9px;padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right));
}
.frame{min-height:calc(100vh - 18px);border-radius:var(--r-frame);background:var(--paper);
  color:var(--body);padding:22px 30px 64px}

.lhead{display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:1200px;margin:0 auto}
.lhead .home img{height:26px;width:auto;display:block}
.lhead .home .dark{display:none}
:root[data-theme="dark"] .lhead .home .light{display:none}
:root[data-theme="dark"] .lhead .home .dark{display:block}
.lhead nav{display:flex;align-items:center;gap:22px;font-size:14.5px;font-weight:500}
.lhead nav a{color:var(--body);text-decoration:none}
.lhead nav a:hover{color:var(--ink)}

.doc{max-width:720px;margin:72px auto 0}
.doc h1{font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:700;
  color:var(--ink);margin:0 0 12px}
.doc .updated{font-size:14px;color:var(--ink-2);margin:0 0 40px}
.doc h2{font-size:21px;line-height:1.25;letter-spacing:-.015em;font-weight:700;color:var(--ink);
  margin:44px 0 12px}
.doc p,.doc li{font-size:16.5px;line-height:1.65}
.doc p{margin:0 0 14px}
.doc ul{margin:0 0 14px;padding-left:20px}
.doc li{margin:0 0 6px}
.doc li::marker{color:var(--ink-2)}
.doc strong{color:var(--ink);font-weight:700}
.doc a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgb(var(--line-rgb)/.35)}
.doc a:hover{text-decoration-color:currentColor}

.who{display:grid;grid-template-columns:max-content 1fr;gap:8px 22px;margin:0 0 8px;
  padding:20px 22px;border-radius:16px;border:1px solid rgb(var(--line-rgb)/.12)}
.who dt{font-size:14px;color:var(--ink-2)}
.who dd{margin:0;font-size:15.5px;color:var(--ink);font-weight:500}

.lfoot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid rgb(var(--line-rgb)/.12);
  display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.lfoot a{color:var(--body);text-decoration:none}
.lfoot a:hover{color:var(--ink)}

@media (max-width:700px){
  .frame{padding:16px 18px 48px}
  .lhead .home img{height:22px}
  .lhead nav{gap:16px;font-size:14px}
  .doc{margin-top:44px}
  .who{grid-template-columns:1fr;gap:2px}
  .who dd{margin-bottom:10px}
}

.doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:var(--ink);
  background:rgb(var(--line-rgb)/.07);padding:1px 5px;border-radius:5px}