:root{
  --paper:#F5F1E8; --bg:#EAE4D2; --ink:#0B0B09; --ink-2:#2A2820;
  --muted:#6D6A5C; --line:rgba(11,11,9,.10); --accent:#487DF0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--paper); color:var(--ink);
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.container{max-width:1180px; margin:0 auto; padding:0 32px}
.tight{font-family:"Inter Tight","Inter",sans-serif; letter-spacing:-.028em}
.serif{font-family:"Instrument Serif",Georgia,serif; font-weight:400}
.italic{font-style:italic}
.accent{color:var(--accent)}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace; letter-spacing:.05em; text-transform:uppercase; font-size:11px; color:var(--muted)}
a{color:inherit}
::selection{background:var(--accent); color:var(--paper)}

/* nav */
.legal-nav{
  position:sticky; top:0; z-index:50;
  background:rgba(245,241,232,.78); backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.legal-nav .container{display:flex; align-items:center; gap:28px; height:64px}
.legal-nav .brand{display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink)}
.legal-nav .brand img{height:28px; width:auto; display:block}
.legal-nav .brand .tag{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px; color:var(--muted); margin-left:4px;
  letter-spacing:.08em; text-transform:uppercase;
}
.legal-nav .spacer{flex:1}
.legal-nav nav{display:flex; gap:22px; font-size:13px}
.legal-nav nav a{color:var(--ink-2); text-decoration:none; font-size:13px}
.legal-nav nav a:hover{color:var(--ink)}
.legal-nav .right{display:flex; gap:12px; align-items:center}

.legal-nav .lang-switch{display:inline-flex; gap:4px; align-items:center}
.legal-nav .lang-switch a, .legal-nav .lang-switch span.pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 10px; font-size:11px; font-weight:600;
  border:1px solid var(--line); background:transparent;
  color:var(--ink-2); border-radius:100px;
  font-family:"JetBrains Mono",ui-monospace,monospace; letter-spacing:.04em;
  text-decoration:none; cursor:pointer; line-height:1;
}
.legal-nav .lang-switch a:hover{color:var(--ink); border-color:var(--ink)}
.legal-nav .lang-switch span.pill.active,
.legal-nav .lang-switch a.active{
  border-color:var(--ink); background:var(--ink); color:var(--paper);
}
.legal-nav .lang-switch svg{display:block}

.legal-nav .login{font-size:13px; color:var(--ink-2); text-decoration:none; white-space:nowrap}
.legal-nav .login:hover{color:var(--ink)}
.legal-nav .cta{
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  background:var(--ink); color:var(--paper); padding:9px 16px;
  border-radius:100px; font-size:13px; font-weight:500; text-decoration:none;
}

/* article */
.legal{padding:72px 0 100px; font-size:16px; line-height:1.65}
.legal .container{max-width:760px}
.legal .back{
  display:inline-block; font-size:13px; color:var(--muted); text-decoration:none;
  margin-bottom:32px; padding:6px 12px; border:1px solid var(--line); border-radius:100px;
}
.legal .back:hover{color:var(--ink); border-color:var(--ink)}
.legal .eyebrow{margin:0 0 16px; color:var(--accent)}
.legal h1{
  font-size:clamp(40px,5.2vw,68px); font-weight:600; line-height:1.02;
  letter-spacing:-.035em; margin:0 0 22px;
}
.legal h1 .serif{font-size:1.05em}
.legal .lede{
  font-size:19px; line-height:1.55; color:var(--ink-2);
  max-width:620px; margin:0 0 24px;
}
.legal .meta{margin:0 0 56px; font-size:11px}

.toc{
  background:#FBF8F0; border:1px solid var(--line); border-radius:24px;
  padding:24px 28px; margin:0 0 64px;
}
.toc p{margin:0 0 12px; font-size:11px; color:var(--muted)}
.toc ol{margin:0; padding-left:18px; columns:2; column-gap:24px}
.toc li{font-size:14px; line-height:1.9; break-inside:avoid}
.toc a{color:var(--ink-2); text-decoration:none; border-bottom:1px solid transparent}
.toc a:hover{border-color:var(--ink-2)}

.legal section{padding:40px 0; border-top:1px solid var(--line)}
.legal section:first-of-type{border-top:none; padding-top:0}
.legal h2{
  font-size:clamp(24px,2.4vw,30px); font-weight:600; letter-spacing:-.02em;
  margin:0 0 18px; line-height:1.2;
}
.legal h3{font-size:16px; font-weight:600; margin:28px 0 10px}
.legal p{margin:0 0 14px; color:var(--ink-2)}
.legal ul, .legal ol{margin:0 0 14px; padding-left:20px; color:var(--ink-2)}
.legal li{margin:0 0 6px}
.legal strong{color:var(--ink); font-weight:600}
.legal a{color:var(--accent); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px}
.legal a:hover{text-decoration-thickness:2px}

.legal .callout{
  background:#FBF8F0; border-left:3px solid var(--accent);
  padding:14px 18px; border-radius:0 16px 16px 0;
  font-size:14px; color:var(--ink-2); margin:14px 0;
}

.legal table{
  width:100%; border-collapse:collapse; margin:14px 0 18px;
  font-size:14px;
}
.legal th, .legal td{
  padding:12px 14px; text-align:left; border-bottom:1px solid var(--line);
  vertical-align:top;
}
.legal th{
  font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--muted); border-bottom:1px solid var(--ink);
}

.legal .contact-list{list-style:none; padding:0}
.legal .contact-list li{padding:8px 0; border-bottom:1px solid var(--line); font-size:15px}
.legal .contact-list li:last-child{border:none}

/* footer */
.legal-footer{
  border-top:1px solid var(--line);
  padding:32px 0 40px;
  background:var(--paper);
}
.legal-footer .row{
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
  font-size:12px; color:var(--muted);
}
.brand-sm img{height:28px; width:auto; display:block}
.legal-footer .links{margin-left:auto; display:flex; gap:18px}
.legal-footer .links a{text-decoration:none; color:var(--muted)}
.legal-footer .links a:hover{color:var(--ink)}

@media (max-width: 880px){
  .legal-nav nav, .legal-nav .login{display:none}
  .legal-nav .brand .tag{display:none}
}
@media (max-width: 720px){
  .toc ol{columns:1}
  .legal-nav .lang-switch{display:none}
}