/* Naratek legal pages (privacy, terms, data deletion) — public, served from app.<base>/f/legal/ */
:root{
  color-scheme:light;
  --bg:#F5F7FB; --surface:#FFFFFF; --soft:#F1F4F9; --line:#E3E8F0;
  --ink:#0A0F1E; --ink-2:#465068; --ink-3:#7A849A;
  --blue:#1D6FE8; --violet:#6D5CF6; --teal:#0E9F9A;
  --night:#070B17;
  --grad:linear-gradient(120deg,#1D6FE8 0%,#6D5CF6 55%,#0E9F9A 100%);
  --f-head:"Plus Jakarta Sans","Heebo",system-ui,sans-serif;
  --f-body:"Heebo","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}

.top{background:var(--night);color:#EAF0FB}
.top .in{max-width:860px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;color:#EAF0FB;text-decoration:none;font:800 14px var(--f-head);letter-spacing:.22em}
.nav{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.nav a{color:#B9C6E4;text-decoration:none;font-size:14px;padding:6px 10px;border-radius:8px}
.nav a[aria-current="page"],.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}

main{max-width:860px;margin:0 auto;padding:32px 16px 64px}
.doc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,44px);margin-bottom:24px}
.doc h1{font-family:var(--f-head);font-weight:800;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;letter-spacing:-.01em;margin:0 0 6px}
.doc .date{color:var(--ink-3);font-size:14px;margin:0 0 20px}
.doc h2{font-family:var(--f-head);font-size:1.2rem;margin:30px 0 8px;padding-top:4px}
.doc h2::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--grad);margin-inline-end:10px;vertical-align:middle}
.doc p,.doc li{color:var(--ink-2)}
.doc ul,.doc ol{padding-inline-start:22px;margin:8px 0}
.doc li{margin:4px 0}
.doc b,.doc strong{color:var(--ink)}
.lang-switch{display:inline-block;margin:0 0 18px;font-size:14px}
.note{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:14px 0}
.steps{counter-reset:s;list-style:none;padding:0 !important}
.steps li{counter-increment:s;position:relative;padding-inline-start:40px;margin:12px 0}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:2px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);font:800 13px var(--f-head);color:var(--ink)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--soft);padding:1px 6px;border-radius:6px;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;display:inline-block}
.doc{overflow-wrap:break-word}
footer{max-width:860px;margin:0 auto;padding:0 16px 40px;color:var(--ink-3);font-size:14px}
[dir="ltr"] .doc,[dir="ltr"].doc{text-align:left}