.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-s2);
}

.legal-hero__copy h1{
  max-width:44rem;
}

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

.legal-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--nm-s3);
  margin:var(--nm-s5) 0 0;
  padding:var(--nm-s3);
  border-radius:var(--nm-r-lg);
  background:#fff;
  color:#151c28;
  box-shadow:var(--nm-shadow-soft);
}

.legal-hero__facts div{
  min-width:0;
}

.legal-hero__facts dt{
  color:#5b6270;
}

.legal-hero__facts dd{
  margin-top:var(--nm-s1);
  color:#343c48;
  overflow-wrap:anywhere;
}

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

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

.legal-index__panel{
  position:sticky;
  top:calc(var(--nm-header-h) + var(--nm-s3));
  padding:var(--nm-s3);
  border-radius:var(--nm-r-lg);
  background:var(--nm-soft);
  color:var(--nm-ink);
}

.legal-index__panel h2{
  color:#151c28;
  font-size:var(--nm-fs-3);
}

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

.legal-index__panel ol{
  display:flex;
  flex-direction:column;
  gap:var(--nm-s1);
  margin:0;
  padding:0;
  list-style:none;
}

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

.legal-index__panel a{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  align-items:start;
  gap:var(--nm-s1);
  padding:.55rem .65rem;
  border-radius:var(--nm-r-sm);
  color:#4f5865;
  font-size:var(--nm-fs-1);
  line-height:var(--nm-lh-small);
}

.legal-index__panel a:hover,
.legal-index__panel a:focus-visible{
  background:#fff;
  color:#194a7b;
}

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

.legal-index__panel a span{
  color:#6576d0;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
  font-variant-numeric:tabular-nums;
}

.legal-index__note{
  display:flex;
  flex-direction:column;
  gap:var(--nm-s1);
  margin-top:var(--nm-s3);
  padding-top:var(--nm-s3);
  border-top:1px solid var(--nm-line-strong);
  color:#151c28;
}

.legal-index__note strong{
  color:#151c28;
  font-size:var(--nm-fs-1);
}

.legal-index__note p{
  color:#5f6875;
  font-size:var(--nm-fs-1);
  line-height:var(--nm-lh-small);
}

.legal-reading{
  min-width:0;
  padding:0 clamp(1.5rem,4vw,3rem);
  border-radius:var(--nm-r-lg);
  background:#fff;
  color:#151c28;
  box-shadow:var(--nm-shadow-soft);
}

.legal-section{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--nm-s1);
  padding-block:var(--nm-s5);
  scroll-margin-top:calc(var(--nm-header-h) + var(--nm-s3));
}

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

.legal-section__number{
  color:#3f53a8;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
  font-weight:750;
  font-variant-numeric:tabular-nums;
}

.legal-section h2,
.legal-section h3{
  color:#151c28;
}

.legal-section h2{
  font-size:clamp(1.75rem,3vw,2.35rem);
}

.legal-section h3{
  margin-top:var(--nm-s2);
  font-size:var(--nm-fs-3);
}

.legal-section p{
  color:#404956;
  line-height:1.72;
}

.legal-section a:not(.c-btn){
  color:#194a7b;
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);
  text-underline-offset:.18em;
  overflow-wrap:anywhere;
}

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

.legal-section ul{
  display:flex;
  flex-direction:column;
  gap:var(--nm-s1);
  margin:0;
  padding-left:1.2rem;
}

.legal-section li{
  color:#404956;
  line-height:1.65;
}

.legal-section li strong{
  color:#252e3a;
}

.legal-callout{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:var(--nm-s1);
  margin-top:var(--nm-s3);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:#eef3f9;
  color:#20374e;
}

.legal-callout h3{
  margin-top:0;
  color:#20374e;
}

.legal-callout p{
  color:#526b82;
}

.legal-groups{
  display:grid;
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  align-items:start;
  gap:var(--nm-s3);
  margin-block:var(--nm-s2);
}

.legal-group{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--nm-s1);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:var(--nm-soft);
  color:var(--nm-ink);
}

.legal-group h3{
  margin-top:0;
  color:#151c28;
}

.legal-group li{
  color:#4a5360;
}

.legal-purpose-grid{
  display:grid;
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
  align-items:start;
  gap:var(--nm-s3);
  margin-block:var(--nm-s2);
}

.legal-purpose-grid > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--nm-s1);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:var(--nm-soft);
  color:#151c28;
}

.legal-purpose-grid h3{
  margin-top:0;
  color:#151c28;
}

.legal-purpose-grid p{
  color:#5a6370;
  font-size:var(--nm-fs-1);
  line-height:var(--nm-lh-body);
}

.payment-boundary{
  display:grid;
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--nm-s3);
  margin-block:var(--nm-s2);
}

.payment-boundary > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--nm-s1);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:#eef3f9;
  color:#20374e;
}

.payment-boundary > div + div{
  background:#f4f6fa;
  color:#151c28;
}

.payment-boundary span{
  width:fit-content;
  align-self:flex-start;
  color:#3f53a8;
  font-size:var(--nm-fs-0);
  font-weight:750;
}

.payment-boundary h3{
  margin-top:0;
  color:inherit;
}

.payment-boundary li{
  color:inherit;
}

.legal-section .table-scroll{
  width:100%;
  margin-block:var(--nm-s2);
  border-radius:var(--nm-r-md);
}

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

.legal-section .c-table{
  min-width:40rem;
}

.legal-section .c-table caption{
  padding:0 0 var(--nm-s1);
  color:#5f6875;
  font-size:var(--nm-fs-1);
  font-weight:700;
  text-align:left;
}

.legal-section .c-table th,
.legal-section .c-table td{
  overflow-wrap:anywhere;
}

.retention-path{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--nm-s3);
  margin-block:var(--nm-s2);
}

.retention-path > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--nm-s1);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:var(--nm-soft);
  color:#151c28;
}

.retention-path strong{
  color:#194a7b;
  font-family:var(--nm-heading);
  font-size:var(--nm-fs-3);
}

.retention-path p{
  color:#5a6370;
  font-size:var(--nm-fs-1);
}

.rights-list{
  display:grid;
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  align-items:start;
  gap:var(--nm-s3);
  margin-block:var(--nm-s2);
}

.rights-list > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--nm-s1);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:var(--nm-soft);
  color:#151c28;
}

.rights-list h3{
  margin-top:0;
  color:#151c28;
}

.rights-list p{
  color:#5a6370;
  font-size:var(--nm-fs-1);
}

.legal-contact-card{
  display:grid;
  width:100%;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--nm-s3);
  margin-top:var(--nm-s3);
  padding:var(--nm-s3);
  border-radius:var(--nm-r-md);
  background:#eef3f9;
  color:#20374e;
}

.legal-contact-card > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--nm-s1);
}

.legal-contact-card h3{
  margin-top:0;
  color:#20374e;
}

.legal-contact-card p{
  color:#526b82;
}

.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{
  margin-bottom:var(--nm-s1);
  background:#eef1ff;
  color:#3f53a8;
}

.legal-closing__copy h2{
  color:#f5f8fc;
}

.legal-closing__copy p{
  color:#aab6c7;
}

.legal-closing__actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--nm-s1);
}

.c-closing .c-btn--primary{
  color:#fff;
  background:#245c96;
  border-color:#245c96;
}

.c-closing .c-btn--ghost{
  color:#f5f8fc;
  background:transparent;
  border-color:rgba(255,255,255,.38);
}

.c-closing .c-btn--ghost:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.58);
}

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

  .legal-index__panel{
    position:static;
  }

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

  .legal-hero__facts,
  .retention-path{
    grid-template-columns:1fr;
  }
}

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

  .legal-hero__facts{
    padding:var(--nm-s2);
  }

  .legal-index__panel{
    padding:var(--nm-s2);
  }

  .legal-index__panel ol{
    grid-template-columns:1fr;
  }

  .legal-reading{
    padding-inline:var(--nm-s2);
  }

  .legal-section{
    padding-block:var(--nm-s4);
  }

  .payment-boundary,
  .legal-contact-card{
    grid-template-columns:1fr;
  }

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

  .legal-closing__actions{
    width:100%;
  }

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