.legal-page .legal-hero{
  padding-bottom:clamp(52px,7vw,86px);
}

.legal-page .legal-hero h1{
  max-width:16ch;
}

.legal-page .legal-hero .lead{
  max-width:58ch;
}

.legal-meta{
  margin-top:28px;
  color:var(--muted);
  font:400 .76rem/1.5 var(--mono);
  letter-spacing:.05em;
}

.legal-main{
  display:grid;
  grid-template-columns:minmax(210px,3fr) minmax(0,9fr);
  gap:clamp(44px,7vw,112px);
  align-items:start;
  padding-block:clamp(64px,8vw,110px);
}

.legal-nav{
  position:sticky;
  top:28px;
  padding-top:3px;
}

.legal-nav p{
  margin:0 0 14px;
  color:var(--muted);
  font:400 .72rem/1.5 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.legal-nav ol{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}

.legal-nav a{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
  color:var(--text);
  font-size:.9rem;
  line-height:1.45;
  text-decoration:none!important;
}

.legal-nav a span{
  color:var(--muted);
  font:400 .7rem/2 var(--mono);
}

.legal-nav a:hover{
  color:var(--ink);
}

.legal-copy{
  max-width:860px;
}

.legal-copy>section{
  padding:0 0 clamp(54px,6vw,80px);
  scroll-margin-top:28px;
}

.legal-copy>section+section{
  padding-top:clamp(54px,6vw,80px);
  border-top:1px solid var(--line);
}

.legal-copy h2{
  max-width:23ch;
  margin:0 0 30px;
  font:300 clamp(1.9rem,1.35rem + 1.75vw,3rem)/1.2 var(--serif);
  letter-spacing:-.012em;
}

.legal-copy h3{
  margin:40px 0 12px;
  font:600 clamp(1.05rem,1rem + .18vw,1.16rem)/1.45 var(--sans);
}

.legal-copy h4{
  margin:28px 0 8px;
  font:600 1rem/1.5 var(--sans);
}

.legal-copy p,
.legal-copy li,
.legal-copy address{
  color:var(--text);
}

.legal-copy p,
.legal-copy address{
  max-width:76ch;
}

.legal-copy address{
  margin:0;
  font-style:normal;
}

.legal-copy ul{
  max-width:76ch;
  padding-left:20px;
}

.legal-copy li{
  margin-bottom:10px;
}

.legal-copy .contact-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:32px 0 0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}

.legal-copy .contact-card>div{
  min-height:170px;
  padding:clamp(24px,3vw,34px);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.legal-copy .contact-card .eyebrow{
  margin-bottom:24px;
}

.legal-copy .contact-card p:last-child,
.legal-copy .contact-card address:last-child{
  margin-bottom:0;
}

.legal-emphasis{
  margin:30px 0;
  padding:clamp(24px,3vw,34px);
  border-left:2px solid var(--ink);
  background:var(--quiet);
}

.legal-emphasis p:last-child{
  margin-bottom:0;
}

.legal-note{
  margin:30px 0 0;
  padding:22px 24px;
  border:1px solid var(--line);
  color:var(--text);
  font-size:.94rem;
}

.legal-source{
  margin-top:34px;
  color:var(--muted)!important;
  font-size:.84rem;
}

@media(max-width:850px){
  .legal-main{grid-template-columns:1fr}
  .legal-nav{position:static}
  .legal-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}

@media(max-width:620px){
  .legal-page .legal-hero h1{overflow-wrap:anywhere}
  .legal-nav ol,.legal-copy .contact-card{grid-template-columns:1fr}
  .legal-copy .contact-card{border-left:0}
  .legal-copy .contact-card>div{border-left:1px solid var(--line)}
  .legal-copy h2{overflow-wrap:anywhere}
}

@media print{
  .site-header,.legal-nav,footer,.skip{display:none!important}
  .legal-main{display:block;padding:0}
  .legal-copy{max-width:none}
  .legal-copy>section{break-inside:avoid-page}
  a{color:inherit;text-decoration:none!important}
}
