/* Legal pages and 404: the site shell on the shared tokens (spec 6.5). */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--t-16)/var(--lh-body) var(--f-body)}
a{color:var(--lapis)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.legal-head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.75rem clamp(1.25rem,4vw,3.5rem);border-bottom:1px solid var(--line);background:var(--paper);
}
.brand{display:block;line-height:0;text-decoration:none}
.brand img{display:block;width:148px;height:auto}
.brand .logo-d{display:none}
/* no [data-theme] override here: the legal pages carry no script, so nothing ever sets it. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .brand .logo-l{display:none}
  :root:not([data-theme="light"]) .brand .logo-d{display:block}
}
.back{font-size:var(--t-14);font-weight:500;text-decoration:none}
.back:hover{text-decoration:underline;text-underline-offset:3px}
.legal{max-width:44rem;margin:0 auto;padding:2.5rem clamp(1.25rem,4vw,3.5rem) 4rem}
h1{font:600 var(--t-40)/var(--lh-display) var(--f-display);letter-spacing:-.02em;margin:0 0 1rem}
h2{font:600 var(--t-21)/var(--lh-head) var(--f-display);letter-spacing:-.012em;margin:2rem 0 .5rem}
p,li{color:var(--ink-2)}
.legal p{max-width:33em}
.tablewrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--line);border-radius:var(--r-md)}
table{border-collapse:collapse;width:100%;font-size:var(--t-14);line-height:var(--lh-small)}
th,td{border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2);padding:.55rem .65rem;text-align:left;vertical-align:top;color:var(--ink-2)}
th{background:var(--sunk);color:var(--ink);font-weight:600}
tr:last-child td{border-bottom:0}
th:last-child,td:last-child{border-right:0}
.links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:0;list-style:none}
.links a{display:inline-block;padding:.6rem .9rem;border:1.5px solid var(--line-ctl);border-radius:var(--r-sm);text-decoration:none;font-size:var(--t-14);font-weight:500;color:var(--ink)}
.links a:hover{border-color:var(--green);color:var(--lapis)}