/* Shared chrome for the legal pages. Draws only on the design-system tokens
   in tokens/ — no new colours, radii, or timings. */

.container{max-width:var(--container-narrow);margin:0 auto;padding:0 32px;}

.site-header{
  position:sticky;top:0;z-index:20;
  background:rgba(12,14,13,.82);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:var(--hairline);
}
.site-header .bar{
  max-width:var(--container-narrow);margin:0 auto;padding:0 32px;
  display:flex;align-items:center;justify-content:space-between;height:112px;
}
.site-header img{height:76px;width:auto;display:block;}
/* The logo is a link home; it must not inherit the global text underline. */
.site-header a,.site-footer a{border-bottom:0;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:var(--control-height-md);padding:0 var(--space-5);
  border-radius:var(--radius-control);border:1px solid transparent;
  font:var(--weight-semibold) var(--text-body-sm)/1 var(--font-text);
  cursor:pointer;transition:var(--transition-control);
  text-decoration:none;border-bottom:1px solid transparent;
  background:var(--accent);color:var(--text-on-accent);
}
.btn span{transform:translateY(var(--nudge-text));}
.btn:hover{background:var(--accent-hover);color:var(--text-on-accent);border-bottom-color:transparent;}

.legal{padding:var(--space-16) 0 var(--space-24);}
.legal h1{margin:0 0 var(--space-3);font-size:var(--text-display-3);}
.legal .updated{display:block;margin-bottom:var(--space-12);}
.legal h2{
  margin:var(--space-12) 0 var(--space-4);
  font:var(--weight-semibold) var(--text-title-3)/var(--leading-snug) var(--font-text);
  color:var(--text-primary);
}
.legal p,.legal li{
  font:var(--weight-regular) var(--text-body)/var(--leading-relaxed) var(--font-text);
  color:var(--text-secondary);
}
.legal p{margin:0 0 var(--space-4);max-width:64ch;}
.legal ul{margin:0 0 var(--space-4);padding-left:var(--space-5);max-width:64ch;}
.legal li{margin-bottom:var(--space-2);}
.legal strong{color:var(--text-primary);font-weight:var(--weight-semibold);}

/* Long-form article: same prose rules, with a lead paragraph and a pull line. */
.legal .lead{
  font:var(--weight-regular) var(--text-title-3)/var(--leading-relaxed) var(--font-text);
  color:var(--text-primary);max-width:62ch;margin-bottom:var(--space-8);
}
.legal .pull{
  margin:var(--space-10) 0;padding-left:var(--space-6);
  border-left:2px solid var(--accent);
  font:var(--weight-regular) var(--text-title-2)/var(--leading-snug) var(--font-display);
  letter-spacing:var(--tracking-display);color:var(--text-primary);max-width:52ch;
}
.legal .endnote{
  margin-top:var(--space-12);padding-top:var(--space-5);border-top:var(--hairline);
  font-size:var(--text-body-sm);color:var(--text-muted);
}

.site-footer{padding:var(--space-12) 0 var(--space-16);border-top:var(--hairline);}
.site-footer .row{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--space-6);flex-wrap:wrap;
}
.site-footer img{height:64px;width:auto;display:block;}
.foot-links{display:flex;gap:var(--space-5);align-items:center;}
.foot-links a{border-bottom:0;}

@media (max-width:560px){
  .site-header .bar{height:84px;}
  .site-header img{height:52px;}
  .site-footer img{height:48px;}
}