/* Shared styling for the legal pages. Same palette and type as the product,
   trimmed to what a text page needs. */
:root{
  --paper:#F0F9FF; --surface:#FFFFFF; --ink:#0C2E43; --ink-2:#3D5567; --ink-3:#405360;
  --rule:#BAE6FD; --brand:#065E8C; --brand-soft:#DDEEF8;
  --display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#081019; --surface:#101B27; --ink:#EAF2F8; --ink-2:#A8BECD; --ink-3:#93A9B8;
    --rule:#1E3141; --brand:#5CC8F5; --brand-soft:#0B2A3C;
  }
}
:root[data-theme="dark"]{
  --paper:#081019; --surface:#101B27; --ink:#EAF2F8; --ink-2:#A8BECD; --ink-3:#93A9B8;
  --rule:#1E3141; --brand:#5CC8F5; --brand-soft:#0B2A3C;
}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--brand)}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}

.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--brand);
  color:#FFFFFF;font-weight:600;padding:12px 18px;border-radius:9px;transition:top .15s}
.skip:focus{top:12px}

.bar{border-bottom:1px solid var(--rule);background:var(--surface)}
.bar-in{max-width:760px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:11px}
.bar a{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:19px;
  color:var(--ink);text-decoration:none;min-height:44px}
.bar svg{width:24px;height:24px;color:var(--brand)}

main{max-width:760px;margin:0 auto;padding:56px 28px 96px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3)}
h1{font-family:var(--display);font-size:clamp(34px,5vw,48px);line-height:1.08;
  letter-spacing:-.02em;font-weight:400;margin:12px 0 0}
.updated{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);margin-top:16px}
h2{font-family:var(--display);font-size:27px;font-weight:400;letter-spacing:-.01em;
  margin:44px 0 0;padding-top:26px;border-top:1px solid var(--rule)}
h3{font-size:16.5px;font-weight:600;margin:26px 0 0}
p,li{color:var(--ink-2);margin:14px 0 0}
li{margin:9px 0 0}
ul{padding-left:22px}
strong{color:var(--ink)}
dl{margin:16px 0 0;border:1px solid var(--rule);border-radius:12px;overflow:hidden}
dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);padding:14px 18px 0;background:var(--surface)}
dd{margin:0;padding:4px 18px 14px;background:var(--surface);color:var(--ink);font-weight:600}
dd + dt{border-top:1px solid var(--rule)}
.fill{background:var(--brand-soft);color:var(--brand);font-family:var(--mono);
  font-size:.88em;padding:2px 7px;border-radius:5px;white-space:nowrap}
.note{border:1px solid var(--rule);border-left:3px solid var(--brand);border-radius:0 11px 11px 0;
  background:var(--surface);padding:18px 22px;margin-top:26px;font-size:15px}
footer{border-top:1px solid var(--rule);margin-top:64px;padding-top:26px;
  font-family:var(--mono);font-size:11.5px;color:var(--ink-3);line-height:1.9}
footer a{color:var(--ink-3)}