/* Shared styles for Ceko legal pages (privacy.html, terms.html) */
:root{
  --bg:#0B0B0D; --surface:#141416; --card:#17171B;
  --border:#2A2C31; --border2:#3A3D44;
  --green:#35D46E; --green-dim:rgba(53,212,110,0.12);
  --gold:#F5C451; --gold-dim:rgba(245,196,81,0.12);
  --t1:#FFFFFF; --t2:#959BA4; --t3:#787E88;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--t2);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:500; line-height:1.65; -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}

/* nav */
header{position:sticky;top:0;z-index:50;background:rgba(11,11,13,0.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(42,44,49,0.7)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1120px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:19px;color:var(--t1);letter-spacing:-0.01em}
.brand:hover{text-decoration:none}
.logo{width:32px;height:32px;border-radius:9px;background:var(--green-dim);border:1px solid rgba(53,212,110,0.35);display:grid;place-items:center;color:var(--green);font-weight:900;font-size:18px}
.nav-r{display:flex;align-items:center;gap:24px}
.nav-r a{color:var(--t2);font-weight:600;font-size:14px}
.nav-r a:hover{color:var(--t1);text-decoration:none}
.nav-r .dl{background:var(--green);color:#04210f;padding:9px 15px;border-radius:11px;font-weight:800}
.nav-r .dl:hover{background:#43e07c;text-decoration:none}

/* draft notice */
.notice{background:var(--gold-dim);border:1px solid rgba(245,196,81,0.35);border-radius:14px;padding:16px 18px;margin:28px 0 8px;color:var(--gold);font-size:13.5px;line-height:1.55}
.notice b{color:var(--gold);font-weight:800}

/* doc */
.doc{padding:40px 0 90px}
.doc h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:40px;letter-spacing:-0.02em;color:var(--t1);line-height:1.08;margin-top:10px}
.eff{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--t3);margin-top:14px}
.lead{font-size:17px;color:var(--t2);margin-top:18px}
.doc h2{font-size:23px;font-weight:800;color:var(--t1);letter-spacing:-0.01em;margin:42px 0 4px;padding-top:18px;border-top:1px solid var(--border)}
.doc h3{font-size:16px;font-weight:800;color:var(--t1);margin:24px 0 2px}
.doc p{margin-top:12px}
.doc ul,.doc ol{margin:12px 0 0 22px}
.doc li{margin-top:7px}
.doc strong{color:var(--t1);font-weight:700}
.ph{color:var(--gold);font-family:var(--mono);font-size:.92em;background:var(--gold-dim);border:1px solid rgba(245,196,81,0.25);border-radius:5px;padding:1px 6px;font-weight:600}
table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}
th,td{text-align:left;padding:10px 12px;border:1px solid var(--border);vertical-align:top}
th{background:var(--surface);color:var(--t1);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px}
td{color:var(--t2)}

/* table of contents */
.toc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-top:30px}
.toc h4{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);font-weight:600;margin-bottom:12px}
.toc ol{margin:0 0 0 18px;columns:2;column-gap:28px}
.toc li{margin:5px 0}
.toc a{color:var(--t2);font-weight:600;font-size:14px}
.toc a:hover{color:var(--green)}

/* footer */
footer{border-top:1px solid var(--border);padding:34px 0;color:var(--t3);font-size:14px}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;max-width:1120px;margin:0 auto;padding:0 24px}
.foot-links{display:flex;gap:24px}
.foot-links a{color:var(--t3)}
.foot-links a:hover{color:var(--t1);text-decoration:none}

@media(max-width:600px){
  .doc h1{font-size:30px}
  .toc ol{columns:1}
  .nav-r{gap:14px}
  table{font-size:12.5px} th,td{padding:8px 9px}
}