.legal-hero{
  padding-block:var(--nm-s10) var(--nm-s8);
  background:var(--nm-soft);
  color:var(--nm-ink);
}

.legal-hero__copy{
  display:flex;
  max-width:var(--nm-narrow);
  flex-direction:column;
  align-items:flex-start;
  gap:var(--nm-s1);
}

.legal-hero__copy h1{
  color:var(--nm-ink);
}

.legal-hero__copy p{
  max-width:44rem;
  color:var(--nm-text);
}

.legal-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--nm-s1);
  margin-top:var(--nm-s2);
  color:var(--nm-muted);
  font-size:var(--nm-fs-0);
  line-height:var(--nm-lh-small);
}

.legal-hero__meta .c-badge{
  width:fit-content;
  align-self:flex-start;
}

.legal-content{
  background:var(--nm-page);
  color:var(--nm-ink);
}

.legal-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--nm-s3);
  margin-bottom:var(--nm-s8);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-lg);
  background:var(--nm-accent-paper);
  color:#26334f;
}

.legal-summary div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--nm-s1);
}

.legal-summary strong{
  color:#26334f;
  font-family:var(--nm-heading);
  font-size:var(--nm-fs-1);
  line-height:var(--nm-lh-small);
}

.legal-summary span{
  color:#4e5c78;
  font-size:var(--nm-fs-1);
  line-height:var(--nm-lh-body);
  overflow-wrap:anywhere;
}

.legal-layout{
  display:grid;
  grid-template-columns:minmax(14rem,.34fr) minmax(0,1fr);
  gap:var(--nm-s5);
  align-items:start;
}

.legal-toc{
  position:sticky;
  top:calc(var(--nm-header-h) + var(--nm-s3));
  min-width:0;
  padding:var(--nm-s3);
  border-radius:var(--nm-r-lg);
  background:var(--nm-surface);
  color:var(--nm-ink);
  box-shadow:var(--nm-shadow-soft);
}

.legal-toc h2{
  color:var(--nm-ink);
  font-size:var(--nm-fs-3);
}

.legal-toc nav{
  margin-top:var(--nm-s2);
}

.legal-toc ol{
  display:grid;
  gap:var(--nm-s1);
  margin:0;
  padding:0;
  list-style:none;
}

.legal-toc a{
  display:block;
  padding:.35rem 0;
  color:var(--nm-primary-deep);
  font-size:var(--nm-fs-1);
  line-height:var(--nm-lh-small);
}

.legal-toc a:hover{
  color:var(--nm-primary);
}

.legal-toc a:focus-visible{
  outline:3px solid color-mix(in srgb,var(--nm-accent) 28%,transparent);
  outline-offset:3px;
}

.legal-toc p{
  margin-top:var(--nm-s3);
  padding-top:var(--nm-s2);
  border-top:1px solid var(--nm-line);
  color:var(--nm-muted);
  font-size:var(--nm-fs-0);
  line-height:var(--nm-lh-body);
}

.legal-paper{
  min-width:0;
  padding:clamp(1.5rem,4vw,3rem);
  border-radius:var(--nm-r-lg);
  background:var(--nm-surface);
  color:var(--nm-text);
  box-shadow:var(--nm-shadow-soft);
}

.legal-section{
  scroll-margin-top:calc(var(--nm-header-h) + var(--nm-s3));
}

.legal-section + .legal-section{
  margin-top:var(--nm-s6);
  padding-top:var(--nm-s6);
  border-top:1px solid var(--nm-line);
}

.legal-section__number{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  margin-bottom:var(--nm-s1);
  color:var(--nm-primary-deep);
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
  line-height:var(--nm-lh-small);
  font-variant-numeric:tabular-nums;
}

.legal-section h2{
  color:var(--nm-ink);
  font-size:clamp(1.65rem,3vw,2.25rem);
}

.legal-section p{
  margin-top:var(--nm-s2);
  color:var(--nm-text);
  line-height:1.75;
}

.legal-section a:not(.c-btn){
  color:var(--nm-primary-deep);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--nm-primary) 35%,transparent);
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.legal-section a:not(.c-btn):hover{
  color:var(--nm-primary);
  text-decoration-color:currentColor;
}

.legal-callout{
  margin-top:var(--nm-s3);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:var(--nm-soft);
  color:var(--nm-ink);
}

.legal-callout h3{
  color:var(--nm-ink);
  font-size:var(--nm-fs-3);
}

.legal-callout p{
  margin-top:var(--nm-s1);
  color:var(--nm-muted);
}

.legal-closing__copy{
  display:flex;
  min-width:0;
  max-width:44rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--nm-s1);
}

.legal-closing__copy .c-badge{
  width:fit-content;
  align-self:flex-start;
  background:#eef1ff;
  color:#3f53a8;
}

.legal-closing__actions{
  display:flex;
  min-width:min(100%,15rem);
  flex-direction:column;
  align-items:stretch;
  gap:var(--nm-s1);
}

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

.legal-closing__actions .c-btn--ghost{
  color:#f5f8fc;
  border-color:color-mix(in srgb,#f5f8fc 38%,transparent);
}

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

  .legal-toc{
    position:static;
  }

  .legal-toc ol{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  }
}

@media(max-width:42rem){
  .legal-hero{
    padding-block:var(--nm-s6);
  }

  .legal-summary{
    grid-template-columns:1fr;
    margin-bottom:var(--nm-s6);
  }

  .legal-paper{
    padding:var(--nm-s3);
  }

  .legal-section + .legal-section{
    margin-top:var(--nm-s5);
    padding-top:var(--nm-s5);
  }

  .legal-closing__actions{
    width:100%;
  }

  .legal-closing__actions .c-btn{
    white-space:normal;
  }
}