/* Shared styles for /privacy and /terms — Jola tokens (mirrors index.html). */
:root{
  --teal:#0EA68B; --aqua:#2DD4BF;
  --bg:#0B1115; --surface:#151B20; --line:rgba(230,234,240,.09);
  --text:#E6EAF0; --muted:#95A3B3; --accent:#2DD4BF;
  --nav-bg:rgba(11,17,21,.8);
}
@media (prefers-color-scheme: light){
  :root{ --bg:#F4F6F8; --surface:#FFFFFF; --line:#E2E7EC; --text:#0B1115; --muted:#5B6776; --accent:#0A7F6A; --nav-bg:rgba(244,246,248,.85); }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:16.5px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-underline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.bar{position:sticky;top:0;z-index:10;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1180px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#073A44,#0EA68B);display:grid;place-items:center;color:#F2EFE6;font-weight:700;font-size:17px}
.word{font-weight:700;font-size:22px;letter-spacing:-.05em}
.bar nav,.foot nav{display:flex;gap:22px}
.bar nav a,.foot nav a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:500}
.bar nav a:hover,.foot nav a:hover,.bar nav a[aria-current]{color:var(--text)}
.doc{padding:56px 0 80px}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}
h1{font-size:clamp(2.2rem,5vw,3rem);letter-spacing:-.035em;line-height:1.08;margin:10px 0 8px}
.meta{color:var(--muted);font-size:14px;margin:0 0 28px}
.lead{font-size:1.1rem;color:var(--muted)}
h2{font-size:1.35rem;letter-spacing:-.02em;margin:44px 0 10px;padding-top:8px}
h3{font-size:1.05rem;margin:22px 0 6px}
p,li{color:var(--text)}
ul,ol{padding-left:1.3em}
li{margin:6px 0}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:28px 0 8px}
.toc ol{margin:0;columns:2;column-gap:28px;font-size:15px}
.toc li{margin:4px 0;break-inside:avoid}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--text)}
@media (max-width:560px){.toc ol{columns:1}}
.caps{text-transform:uppercase;font-size:.92em;letter-spacing:.01em}
address{font-style:normal;color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:30px 0 40px;color:var(--muted);font-size:14px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;max-width:1180px}
.toc li:first-child{margin-top:0}
.mark svg{display:block;height:auto}