/* VibeVox legal pages — Apple-style, light/dark synced with the landing (lpTheme). */
:root{
  --color-apple-blue:#0071e3; --color-link-blue:#0066cc; --color-signal-blue:#2997ff;
  --canvas:#f5f5f7; --surface:#fff; --ink:#1d1d1f; --ink-2:#474747; --ash:#707070;
  --hairline:#d2d2d7; --nav-bg:rgba(255,255,255,.8);
  --font-text:'SF Pro Text','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-display:'SF Pro Display','Inter',ui-sans-serif,system-ui,sans-serif;
}
html[data-theme="dark"]{
  --canvas:#000; --surface:#1d1d1f; --ink:#f5f5f7; --ink-2:#a1a1a6; --ash:#86868b;
  --hairline:#424245; --nav-bg:rgba(22,22,23,.8);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--canvas);color:var(--ink);font-family:var(--font-text);
  font-size:15px;letter-spacing:-.16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--color-link-blue);text-decoration:none}
a:hover{text-decoration:underline}
header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px) saturate(1.8);
  background:var(--nav-bg);border-bottom:1px solid var(--hairline)}
.nav-in{max-width:900px;margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}
.brand img{width:22px;height:22px}
.brand:hover{text-decoration:none}
.lang-sel{appearance:none;background:transparent;border:1px solid var(--hairline);border-radius:980px;
  color:var(--ink);font-family:var(--font-text);font-size:12px;padding:5px 22px 5px 12px;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M1 1l3 3 3-3' stroke='%23888' fill='none' stroke-width='1.4'/></svg>");
  background-repeat:no-repeat;background-position:right 9px center}
.docnav{max-width:900px;margin:0 auto;padding:14px 20px 0;display:flex;gap:18px;flex-wrap:wrap}
.docnav a{font-size:12px;color:var(--ash)}
.docnav a.on{color:var(--ink);font-weight:600}
main{max-width:760px;margin:0 auto;padding:36px 20px 80px}
h1{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,4.6vw,36px);
  letter-spacing:.2px;line-height:1.14;margin-bottom:4px}
.sub{color:var(--ash);font-size:15px;margin-bottom:6px}
.upd{color:var(--ash);font-size:12px;margin-bottom:34px}
section{margin-bottom:30px}
section h2{font-family:var(--font-text);font-weight:600;font-size:19px;letter-spacing:-.2px;
  margin-bottom:12px;padding-top:16px;border-top:1px solid var(--hairline)}
section p{margin-bottom:10px;color:var(--ink-2)}
section b{color:var(--ink)}
section ul{margin:0 0 10px 20px;color:var(--ink-2)}
section li{margin-bottom:6px}
footer{border-top:1px solid var(--hairline);padding:22px 20px 40px}
footer .in{max-width:760px;margin:0 auto;font-size:12px;color:var(--ash)}