.legal-hero{
  padding-block:var(--space-7) var(--space-6);
  background:#FFFFFF;
  color:#0C0C10;
  --muted:#55555A;
  --line:#E6E6E2;
}

.legal-hero__kicker{
  margin-bottom:var(--space-3);
  color:#55555A;
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  line-height:var(--leading-body);
}

.legal-hero__title{
  max-width:100%;
  font-size:var(--text-section);
  line-height:var(--leading-title);
}

.legal-hero__lead{
  max-width:72ch;
  margin-top:var(--space-3);
  font-size:1rem;
  line-height:var(--leading-body);
  overflow-wrap:break-word;
}

.legal-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-top:var(--space-4);
}

.legal-layout{
  display:grid;
  grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);
  gap:var(--space-6);
  align-items:start;
  padding-block:var(--space-6) var(--space-close);
}

.legal-layout>*{
  min-width:0;
}

.legal-toc{
  position:sticky;
  top:var(--sticky-offset);
  z-index:1;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#F4F4F1;
  color:#0C0C10;
  --muted:#55555A;
  --line:#E6E6E2;
}

.legal-toc__title{
  margin-bottom:var(--space-3);
  font-size:var(--text-sm);
  font-weight:var(--weight-bold);
}

.legal-index{
  display:grid;
  gap:var(--space-1);
  margin:0;
  padding:0;
  list-style:none;
}

.legal-index li{
  min-width:0;
}

.legal-index a{
  display:block;
  padding:var(--space-2);
  border-radius:var(--radius-md);
  color:#55555A;
  font-size:var(--text-sm);
  line-height:var(--leading-body);
  overflow-wrap:break-word;
}

.legal-index a:hover{
  color:#0C0C10;
  text-decoration:underline;
  text-underline-offset:.2em;
}

.legal-index a.is-active{
  background:#FFFFFF;
  color:#0C0C10;
  font-weight:var(--weight-bold);
  box-shadow:inset 3px 0 0 #E0103A;
}

.legal-toc .legal-toc__cta{
  display:inline-flex;
  width:auto;
  justify-self:start;
  margin-top:var(--space-4);
}

.legal-doc{
  min-width:0;
  max-width:72ch;
}

.legal-section{
  min-width:0;
  scroll-margin-top:var(--sticky-offset);
}

.legal-section+.legal-section{
  margin-top:var(--space-6);
}

.legal-section h2{
  margin-bottom:var(--space-3);
  font-size:var(--text-reading);
  line-height:var(--leading-title);
  letter-spacing:var(--tracking-section);
}

.legal-section p{
  font-size:1rem;
  line-height:var(--leading-body);
  overflow-wrap:break-word;
}

.legal-section p+p{
  margin-top:var(--space-3);
}

.legal-doc a:not(.c-btn){
  color:#0C0C10;
  text-decoration:underline;
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.legal-doc a:not(.c-btn):hover{
  color:#E0103A;
}

.legal-doc .legal-sla{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-4);
  margin-block:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#FFF1C2;
  color:#3D2E00;
  --muted:#3D2E00;
  --line:#D6D6D1;
}

.legal-sla__metric{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
  min-width:0;
}

.legal-doc .legal-sla__value{
  color:#3D2E00;
  font-family:var(--font-mono);
  font-size:var(--text-section);
  font-weight:var(--weight-heavy);
  line-height:var(--leading-title);
  font-variant-numeric:tabular-nums;
}

.legal-sla__metric>span{
  font-size:var(--text-sm);
  font-weight:var(--weight-bold);
}

.legal-doc .legal-sla .c-sla-value{
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.legal-doc .legal-sla .legal-sla__facts{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  min-width:0;
  padding:0;
}

.legal-doc .legal-sla .legal-sla__facts>div{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--space-3);
  align-items:baseline;
  min-width:0;
  padding-block:var(--space-3);
  border-top:1px solid #E4D7A4;
}

.legal-doc .legal-sla .legal-sla__facts dt,
.legal-doc .legal-sla .legal-sla__facts dd{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  color:#3D2E00;
  font-size:var(--text-sm);
  line-height:var(--leading-body);
  overflow-wrap:break-word;
}

.legal-sla__facts dd{
  margin:0;
  font-family:var(--font-mono);
  font-weight:var(--weight-bold);
  font-variant-numeric:tabular-nums;
}

.legal-doc__actions{
  justify-content:flex-start;
  margin-top:var(--space-4);
}

.legal-layout [hidden]{
  display:none!important;
}

@media(max-width:64rem){
  .legal-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .legal-toc{
    position:static;
  }
}

@media(max-width:42rem){
  .legal-doc .legal-sla .legal-sla__facts>div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }

  .legal-doc__actions>.c-btn{
    width:100%;
  }
}
