/* ===== Ionika site — legal pages (privacy) ===== */
:root{ --bg:#000; --line:rgba(255,255,255,0.09); --ink:#f4f5f6; --muted:#9a9ea6; --muted-2:#5f636b; --cyan:#49E1FF; }
*{box-sizing:border-box; margin:0; padding:0;}
html,body{ background:var(--bg) !important; }
body{ color:var(--ink); font-family:'Space Grotesk',sans-serif; -webkit-font-smoothing:antialiased; line-height:1.65; }
.mono{ font-family:'IBM Plex Mono',monospace; }
a{ color:var(--cyan); text-decoration:none; }
a:hover{ text-decoration:underline; }
.wrap{ max-width:760px; margin:0 auto; padding:0 28px; }
header{ border-bottom:1px solid var(--line); padding:16px 0; }
.legal-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
/* language switcher — the policy exists as one document per language, so this navigates */
.lang{ display:inline-flex; align-items:center; }
.lang select{
  appearance:none; -webkit-appearance:none;
  font-family:inherit; font-size:13px; color:var(--muted);
  background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%239a9ea6' d='M0 0h10L5 6z'/%3E%3C/svg%3E") no-repeat right 10px center/8px 5px;
  border:1px solid rgba(255,255,255,0.17); border-radius:999px; padding:5px 26px 5px 11px; max-width:150px;
  cursor:pointer; transition:color .15s, border-color .15s;
}
.lang select:hover{ color:var(--ink); border-color:var(--muted); }
.lang select option{ background:#0c0d10; color:var(--ink); }
.brand-word{ display:inline-flex; align-items:center; font-weight:700; font-size:21px; color:var(--ink); }
.brand-word:hover{ text-decoration:none; }
.brand-o{ width:22px; height:22px; margin:0 1px; display:block; }
main{ padding:64px 0 100px; }
h1{ font-size:34px; font-weight:700; letter-spacing:-0.01em; margin-bottom:8px; }
.updated{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--muted-2); margin-bottom:20px; }
/* "English is the binding version" notice on the non-English policy pages */
.binding-note{ margin:0 0 40px; padding:14px 16px; border:1px dashed rgba(255,255,255,0.16);
  border-radius:10px; font-size:13.5px; color:var(--muted-2); }
.binding-note a{ color:var(--cyan); }
h2{ font-size:18px; font-weight:600; margin:36px 0 10px; }
p, li{ color:var(--muted); font-size:15px; }
p{ margin-top:8px; }
ul{ padding-left:20px; margin-top:8px; }
li{ margin-bottom:6px; }
b{ color:var(--ink); font-weight:600; }
table{ width:100%; border-collapse:collapse; margin-top:12px; font-size:14px; color:var(--muted); }
th,td{ text-align:left; padding:9px 10px; border:1px solid var(--line); vertical-align:top; }
th{ color:var(--ink); font-weight:600; font-size:13px; }
.table-scroll{ overflow-x:auto; }
.btn-inline{
  font-family:inherit; font-size:15px; color:var(--cyan); background:none; border:0; padding:0;
  cursor:pointer; text-decoration:underline;
}
footer{ border-top:1px solid var(--line); padding:26px 0 40px; }
.legal-footer{
  display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between;
  font-size:13px; color:var(--muted-2);
}
.legal-footer a, .legal-footer .btn-inline{ color:var(--muted-2); font-size:13px; }
.legal-footer a:hover, .legal-footer .btn-inline:hover{ color:var(--ink); }