.legal-hero{
  padding-block:var(--sm-hero-pad);
  background:linear-gradient(130deg,#EEF5F6 0%,#FCFCFB 38%,#FFF1E8 72%,#F2EEFA 100%);
  color:#18252A;
}

.legal-hero__copy{
  max-width:var(--sm-container-narrow);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sm-space-2);
  min-width:0;
}

.legal-hero__copy h1{
  max-width:46rem;
  margin-inline:0;
  overflow-wrap:anywhere;
}

.legal-hero__lead{
  max-width:46rem;
  color:#4E5A5E;
}

.legal-hero__meta{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));
  gap:var(--sm-space-1);
  margin-top:var(--sm-space-2);
}

.legal-hero__meta>div{
  min-width:0;
  padding:var(--sm-space-2);
  border-radius:var(--sm-radius-md);
  background:#FFFFFF;
  color:#18252A;
}

.legal-hero__meta span,
.legal-hero__meta strong{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.legal-hero__meta span{
  color:#667278;
  font-size:var(--sm-text-0);
  line-height:1.5;
}

.legal-hero__meta strong{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  line-height:1.4;
}

.legal-hero__actions{
  justify-content:flex-start;
  margin-block:var(--sm-space-2) 0;
}

.legal-document{
  padding-block:var(--sm-section);
  background:#F6F7F6;
  color:#18252A;
}

.legal-document__layout{
  display:grid;
  grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);
  align-items:start;
  gap:var(--sm-space-5);
}

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

.legal-index{
  position:sticky;
  top:6rem;
  min-width:0;
}

.legal-index__inner{
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#FFFFFF;
  color:#18252A;
}

.legal-index__inner h2{
  margin-top:var(--sm-space-2);
  font-size:var(--sm-text-4);
}

.legal-index ol{
  list-style:none;
  margin:var(--sm-space-3) 0 0;
  padding:0;
}

.legal-index li{
  border-bottom:1px solid #E3E7E6;
}

.legal-index li:first-child{
  border-top:1px solid #E3E7E6;
}

.legal-index ol a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sm-space-1);
  align-items:start;
  padding-block:.75rem;
  color:#334146;
  font-size:var(--sm-text-1);
  line-height:1.5;
}

.legal-index ol a:hover{
  color:#075D70;
}

.legal-index ol a span{
  min-width:0;
  overflow-wrap:anywhere;
}

.legal-index p{
  margin-top:var(--sm-space-3);
  color:#667278;
  font-size:var(--sm-text-1);
  line-height:1.65;
}

.legal-index__button{
  width:auto;
  justify-self:start;
  margin-top:var(--sm-space-3);
}

.legal-content{
  min-width:0;
  display:grid;
  gap:var(--sm-space-4);
}

.legal-entry{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sm-space-3);
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-md);
  background:#FFFFFF;
  color:#18252A;
  scroll-margin-top:6rem;
}

.legal-entry__number{
  min-width:2.75rem;
  padding:.45rem .55rem;
  border-radius:var(--sm-radius-sm);
  background:#18252A;
  color:#F9FBFA;
  font-size:var(--sm-text-1);
  line-height:1.2;
  font-weight:700;
  text-align:center;
}

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

.legal-entry__body>.c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.legal-entry__body>.c-kicker+h2{
  margin-top:var(--sm-space-2);
}

.legal-entry__body h2{
  overflow-wrap:anywhere;
}

.legal-entry__body h3{
  margin-top:var(--sm-space-4);
  font-size:var(--sm-text-3);
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}

.legal-entry__body h3+p,
.legal-entry__body h3+ul{
  margin-top:var(--sm-space-1);
}

.legal-entry__body>p{
  margin-top:var(--sm-space-2);
  color:#3F4A4E;
}

.legal-entry__body>ul{
  margin:var(--sm-space-2) 0 0;
  padding-left:1.25rem;
  color:#3F4A4E;
}

.legal-entry__body li+li{
  margin-top:var(--sm-space-1);
}

.legal-entry__body a:not(.c-btn){
  color:#075D70;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.legal-note{
  margin-top:var(--sm-space-3);
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
}

.legal-note strong{
  display:block;
  font-size:var(--sm-text-1);
  line-height:1.5;
}

.legal-note p{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  line-height:1.65;
}

.legal-note--mist{
  background:#EEF5F6;
  color:#183D45;
}

.legal-note--lilac{
  background:#F2EEFA;
  color:#33284F;
}

.legal-note--peach{
  background:#FFF1E8;
  color:#572B1B;
}

.legal-table{
  min-width:46rem;
  margin-top:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.legal-table caption{
  padding:0 0 var(--sm-space-1);
  color:#667278;
  font-size:var(--sm-text-1);
  line-height:1.5;
  text-align:left;
}

.legal-table th,
.legal-table td{
  text-align:left;
  overflow-wrap:anywhere;
}

.legal-meter{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));
  gap:var(--sm-space-1);
  margin-top:var(--sm-space-3);
}

.legal-meter>div{
  min-width:0;
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#FFF7D8;
  color:#4B3A08;
}

.legal-meter strong,
.legal-meter span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.legal-meter strong{
  font-size:var(--sm-text-4);
  line-height:1.2;
  letter-spacing:-.04em;
}

.legal-meter span{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  line-height:1.5;
}

.legal-checklist{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--sm-space-1);
  margin-top:var(--sm-space-3);
}

.legal-checklist>div{
  min-width:0;
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#F2EEFA;
  color:#33284F;
}

.legal-checklist strong,
.legal-checklist span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.legal-checklist strong{
  font-size:var(--sm-text-1);
  line-height:1.5;
}

.legal-checklist span{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  line-height:1.6;
}

.legal-closing-section{
  padding-block:var(--sm-section);
  background:#FCFCFB;
  color:#18252A;
}

.legal-closing{
  background:#18252A;
  color:#F9FBFA;
}

.legal-closing h2{
  max-width:42rem;
  color:#F9FBFA;
}

.legal-closing p{
  color:#B8C2C4;
}

.legal-closing__kicker{
  margin-bottom:var(--sm-space-2);
  background:#FFF7D8;
  color:#4B3A08;
}

.legal-closing__kicker::before{
  background:#18252A;
}

.legal-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--sm-space-1);
  min-width:min(100%,13rem);
}

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

.legal-closing__primary{
  border-color:#FFFFFF;
  background:#FFFFFF;
  color:#18252A;
}

.legal-closing__primary:hover{
  border-color:#EEF5F6;
  background:#EEF5F6;
  color:#18252A;
}

.legal-closing__actions .c-btn--ghost{
  border-color:rgba(249,251,250,.42);
  background:transparent;
  color:#F9FBFA;
}

@media(max-width:64rem){
  .legal-document__layout{
    grid-template-columns:1fr;
    gap:var(--sm-space-4);
  }

  .legal-index{
    position:static;
  }

  .legal-index ol{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--sm-space-3);
  }

  .legal-entry{
    padding:var(--sm-space-3);
  }
}

@media(max-width:42rem){
  .legal-hero__meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

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

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

  .legal-entry__number{
    width:fit-content;
  }

  .legal-entry__body h3{
    margin-top:var(--sm-space-3);
  }

  .legal-closing__actions{
    width:100%;
    align-items:stretch;
  }
}

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

  .legal-entry{
    padding-inline:var(--sm-space-3);
  }
}