/* Tilta Biroji - privacy policy page. From Nikolajs' version of 2026-10-08. */
:root{
  color-scheme: dark;
  --ink-900:#10251F; --ink-850:#142C25; --line:#314C41; --line-soft:#1F382F;
  --text:#E8E1D3; --text-2:#BEB9AA; --muted:#899085; --brass:#E8E1D3; --ok:#A5BE95;
  --pad:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink-900);color:var(--text-2);font-family:Jost,"Helvetica Neue",Arial,sans-serif;
  font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
a:hover{text-decoration-color:var(--text)}
a:focus-visible,button:focus-visible{outline:1px solid var(--brass);outline-offset:3px}
.bar{border-bottom:1px solid var(--line-soft)}
.bar-in{max-width:860px;margin:0 auto;padding:0 var(--pad);height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mark{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text)}
.mark-dots{display:flex;gap:5px}
.mark-dots i{width:7px;height:7px;border-radius:50%;display:block;background:#4CAF50}
.mark-dots i:nth-child(2){opacity:.62} .mark-dots i:nth-child(3){opacity:.34}
.mark-t{font-weight:600;font-size:14px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.langs{display:flex;flex-wrap:wrap;gap:2px}
@media (max-width:600px){.bar-in{height:auto;padding-top:14px;padding-bottom:10px;flex-wrap:wrap}.langs a{padding:6px 7px}}
.langs a{display:inline-block;text-decoration:none;color:var(--muted);padding:8px 10px;font-weight:400;line-height:normal;
  font-family:Jost,sans-serif;font-size:12.5px;letter-spacing:.14em}
.langs a:hover,.langs a[aria-current="page"]{color:var(--text)}
main{max-width:860px;margin:0 auto;padding:clamp(40px,8vh,80px) var(--pad) 90px}
.doc{max-width:68ch}
.doc[hidden]{display:none}
.draft{margin:0 0 36px;padding:14px 18px;border:1px solid #6B5A35;background:rgba(217,180,91,.08);color:#D9B45B;font-size:14.5px;line-height:1.55}
/* parity with Nikolajs' quirks-mode file: block */
.eyebrow{display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass)}
h1,h2{font-family:Marcellus,"Times New Roman",serif;font-weight:400;color:var(--text);text-wrap:balance}
h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:14px 0 8px}
h2{font-size:22px;line-height:1.3;margin:40px 0 12px}
.upd{margin:0;color:var(--muted);font-size:14px;letter-spacing:.04em}
.intro{margin:28px 0 0;color:var(--text)}
section p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin-bottom:8px}
b{font-weight:500;color:var(--text)}
mark.ph{background:rgba(217,180,91,.16);color:#E4C67A;padding:0 4px}
.back{display:flex;flex-wrap:wrap;gap:14px;margin-top:52px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:400;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;padding:15px 30px;border:1px solid var(--brass);background:var(--brass);color:#10251F;transition:background .22s,border-color .22s,color .22s}
.btn:hover{background:#F5F0E5;border-color:#F5F0E5}
.btn.ghost{background:transparent;border-color:#6C7A66;color:var(--brass)}
.btn.ghost:hover{background:transparent;border-color:var(--brass);color:#F5F0E5}
@media (max-width:600px){.back{flex-direction:column}.btn{width:100%;text-align:center}}
footer{border-top:1px solid var(--line-soft);color:var(--muted);font-size:13px}
footer div{max-width:860px;margin:0 auto;padding:26px var(--pad)}