.legal-hero{
  color:var(--color-ink);
  background:var(--color-warm)
}

.legal-hero__inner{
  display:grid;
  gap:0;
  padding-block:0 var(--space-9)
}

.legal-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
  max-width:860px
}

.legal-hero__copy .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--space-2)
}

.legal-hero__copy h1{
  max-width:820px;
  margin:0
}

.legal-hero__copy p{
  max-width:760px;
  margin:0;
  color:var(--color-ink-soft);
  font-size:var(--text-lg)
}

.legal-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  max-width:760px;
  margin:0
}

.legal-hero__facts div{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.legal-hero__facts dt{
  margin-bottom:var(--space-2);
  color:var(--color-muted);
  font-size:var(--text-xs);
  font-weight:650
}

.legal-hero__facts dd{
  margin:0;
  color:var(--color-ink);
  font-family:var(--font-mono);
  font-size:var(--text-base);
  font-weight:650;
  font-variant-numeric:tabular-nums
}

.legal-section{
  color:var(--color-ink);
  background:var(--color-white)
}

.legal-layout{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(0,1fr);
  gap:var(--space-9);
  align-items:start
}

.legal-index{
  min-width:0
}

.legal-index__panel{
  position:sticky;
  top:calc(var(--header-height) + var(--space-5));
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-surface)
}

.legal-index__label{
  margin:0;
  color:var(--color-ink);
  font-size:var(--text-sm);
  font-weight:700
}

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

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

.legal-index a:not(.c-btn){
  display:block;
  color:var(--color-muted);
  font-size:var(--text-sm);
  overflow-wrap:anywhere;
  transition:color .18s ease
}

.legal-index a:not(.c-btn):hover{
  color:var(--color-primary)
}

.legal-content{
  min-width:0;
  max-width:var(--container-narrow)
}

.legal-article{
  scroll-margin-top:calc(var(--header-height) + var(--space-5));
  padding-bottom:var(--space-8)
}

.legal-article + .legal-article{
  padding-top:var(--space-8);
  border-top:1px solid var(--color-line)
}

.legal-article:last-child{
  padding-bottom:0
}

.legal-article__heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
  margin-bottom:var(--space-5)
}

.legal-article__eyebrow{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-primary);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.06em
}

.legal-article__heading h2{
  margin:0
}

.legal-article h3{
  margin-top:var(--space-6);
  margin-bottom:var(--space-2);
  color:var(--color-ink)
}

.legal-article p{
  margin-bottom:var(--space-5);
  color:var(--color-ink-soft);
  font-size:var(--text-base);
  line-height:1.75
}

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

.legal-article a:not(.c-btn){
  color:var(--color-primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  overflow-wrap:anywhere
}

.legal-definitions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  margin:var(--space-6) 0 0
}

.legal-definitions div{
  min-width:0;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-surface)
}

.legal-definitions dt{
  margin-bottom:var(--space-2);
  color:var(--color-ink);
  font-weight:700
}

.legal-definitions dd{
  margin:0;
  color:var(--color-ink-soft);
  font-size:var(--text-sm);
  line-height:1.7
}

.legal-list{
  display:grid;
  gap:var(--space-3);
  margin:0 0 var(--space-5);
  padding-inline-start:1.25rem;
  color:var(--color-ink-soft)
}

.legal-list li{
  padding-inline-start:var(--space-1);
  line-height:1.7
}

.legal-list li::marker{
  color:var(--color-primary)
}

.legal-list--strong strong{
  color:var(--color-ink)
}

.legal-note{
  margin:var(--space-6) 0;
  padding:var(--space-5) var(--space-6);
  border-left:3px solid var(--color-primary);
  border-radius:var(--radius-control) var(--radius-card) var(--radius-card) var(--radius-control);
  color:var(--color-ink);
  background:var(--color-surface)
}

.legal-note h3{
  margin:0 0 var(--space-2);
  color:var(--color-ink)
}

.legal-note p{
  margin:0;
  color:var(--color-ink-soft)
}

.legal-duty-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  margin:var(--space-6) 0
}

.legal-duty-grid div{
  min-width:0;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-warm)
}

.legal-duty-grid h3{
  margin:0 0 var(--space-2);
  color:var(--color-ink)
}

.legal-duty-grid p{
  margin:0;
  color:var(--color-ink-soft);
  font-size:var(--text-sm)
}

.legal-meter{
  display:grid;
  grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);
  gap:var(--space-6);
  align-items:center;
  margin:0 0 var(--space-6);
  padding:var(--space-6);
  border-radius:var(--radius-panel);
  color:var(--color-white);
  background:var(--color-dark)
}

.legal-meter div{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0
}

.legal-meter strong{
  color:var(--color-accent);
  font:500 var(--text-2xl)/1 var(--font-mono);
  letter-spacing:-.05em;
  font-variant-numeric:tabular-nums
}

.legal-meter span{
  color:var(--color-white);
  font-size:var(--text-sm);
  font-weight:650
}

.legal-meter p{
  margin:0;
  color:#b3c0c3;
  font-size:var(--text-sm)
}

.legal-cta-section{
  color:var(--color-ink);
  background:var(--color-white)
}

.legal-cta__copy{
  min-width:0;
  max-width:720px
}

.legal-cta__copy h2{
  margin-bottom:var(--space-2);
  color:var(--color-white)
}

.legal-cta__copy p{
  margin:0;
  color:#b3c0c3
}

.legal-cta__actions{
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}

.legal-cta__actions .c-btn{
  width:100%
}

.legal-cta__secondary{
  color:var(--color-white);
  background:transparent;
  border-color:#697276
}

.legal-cta__secondary:hover{
  color:var(--color-white);
  background:#364347;
  border-color:#98a0a3
}

@media(max-width:900px){
  .legal-layout{
    grid-template-columns:1fr;
    gap:var(--space-7)
  }

  .legal-index__panel{
    position:static
  }

  .legal-index ol{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .legal-content{
    max-width:none
  }
}

@media(max-width:640px){
  .legal-hero__inner{
    gap:var(--space-6);
    padding-block:var(--space-7)
  }

  .legal-hero__copy p{
    font-size:var(--text-base)
  }

  .legal-hero__facts{
    grid-template-columns:1fr
  }

  .legal-index ol,
  .legal-definitions,
  .legal-duty-grid{
    grid-template-columns:1fr
  }

  .legal-article{
    padding-bottom:var(--space-7)
  }

  .legal-article + .legal-article{
    padding-top:var(--space-7)
  }

  .legal-note{
    padding:var(--space-5)
  }

  .legal-meter{
    grid-template-columns:1fr;
    padding:var(--space-5)
  }

  .legal-cta__actions{
    width:100%
  }
}