/* Shared look for Fera's privacy, terms and support pages: the site's dark palette, set for long reading. */
:root{
  --bg:#0E1014; --surface:#161920; --rule:#272B35; --ink:#F4F5F7; --body:#C9CCD6; --muted:#8B90A0; --accent:#4C8DFF;
  --f-display:"Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font:400 1rem/1.7 var(--f-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.top{border-bottom:1px solid var(--rule)}
.top .in,.doc,.foot .in{max-width:760px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 1.125rem/1 var(--f-display)}
.brand img{width:28px;height:28px;border-radius:8px}
.top nav{display:flex;gap:18px;font-size:.9375rem}
.top nav a{color:var(--muted);text-decoration:none}.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
.doc{padding-block:48px 72px}
.doc h1{font:600 clamp(1.9rem,1.4rem + 2vw,2.6rem)/1.1 var(--f-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 10px}
.doc .meta{color:var(--muted);font-size:.875rem;margin:0 0 32px}
.doc h2{font:600 1.2rem/1.3 var(--f-display);color:var(--ink);letter-spacing:-.01em;margin:44px 0 10px}
.doc h3{font:600 1rem/1.4 var(--f-body);color:var(--ink);margin:24px 0 6px}
.doc p{margin:0 0 14px;max-width:68ch}
.doc ul{margin:0 0 14px;padding-left:22px;max-width:68ch}
.doc li{margin:6px 0}
.doc strong{color:var(--ink);font-weight:600}
.summary{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:18px 20px;margin:0 0 8px}
.summary p{color:var(--ink);font-weight:600;margin:0 0 6px}
.summary ul{margin:0}
.tablewrap{overflow-x:auto;margin:8px 0 14px}
table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:520px}
th,td{text-align:left;vertical-align:top;padding:10px 10px;border-bottom:1px solid var(--rule)}
th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
td:first-child{color:var(--ink);font-weight:600}
.qa{border-top:1px solid var(--rule)}
.qa details{border-bottom:1px solid var(--rule)}
.qa summary{cursor:pointer;list-style:none;padding:16px 0;color:var(--ink);font-weight:600;display:flex;justify-content:space-between;gap:12px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";color:var(--muted);font-weight:400}
.qa details[open] summary::after{content:"–"}
.qa details p,.qa details ol,.qa details ul{margin-top:0}
.contact{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:20px;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
.contact b{color:var(--ink);font:600 1.1rem/1.3 var(--f-display)}
.contact span{color:var(--muted);font-size:.9375rem}
.foot{border-top:1px solid var(--rule);color:var(--muted);font-size:.8125rem}
.foot .in{padding-block:24px 36px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
.foot a{color:var(--muted)}
