.terms-hero{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

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

.terms-hero__copy p{
  max-width:680px;
  color:var(--oak-muted)
}

.terms-version{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.4em .8em;
  border-radius:999px;
  background:var(--oak-paper);
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0);
  line-height:1.35
}

.terms-document{
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.terms-layout{
  display:grid;
  grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);
  gap:var(--oak-space-5);
  align-items:start
}

.terms-index{
  min-width:0
}

.terms-index__inner{
  position:sticky;
  top:calc(74px + var(--oak-space-3));
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-violet-pale);
  color:var(--oak-ink)
}

.terms-index__inner h2{
  font-size:var(--oak-fs-4);
  color:var(--oak-ink)
}

.terms-index__inner nav{
  width:100%;
  margin-top:var(--oak-space-2)
}

.terms-index__inner ol{
  display:grid;
  gap:var(--oak-space-1);
  margin:0;
  padding:0;
  list-style:none
}

.terms-index__inner li{
  min-width:0
}

.terms-index__inner a{
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  gap:var(--oak-space-1);
  align-items:start;
  padding:.45rem 0;
  color:var(--oak-ink);
  font-size:var(--oak-fs-2);
  line-height:1.5;
  overflow-wrap:anywhere
}

.terms-index__inner a:hover{
  color:var(--oak-violet-dark)
}

.terms-index__inner a span{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-1)
}

.terms-index__inner p{
  margin-top:var(--oak-space-2);
  color:var(--oak-muted);
  font-size:var(--oak-fs-1)
}

.terms-content{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--oak-space-5)
}

.terms-clause{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--oak-space-2);
  padding-bottom:var(--oak-space-5);
  border-bottom:1px solid var(--oak-line);
  scroll-margin-top:calc(74px + var(--oak-space-3))
}

.terms-clause:last-child{
  padding-bottom:0;
  border-bottom:0
}

.terms-clause__heading{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:var(--oak-space-1);
  align-items:start
}

.terms-clause__heading h2{
  font-size: clamp(1.75rem,4cqi,var(--oak-fs-6));
  color:var(--oak-ink)
}

.terms-clause__number{
  padding-top:.38rem;
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-1);
  line-height:1.4
}

.terms-clause p{
  color:var(--oak-ink);
  line-height:1.72
}

.terms-clause h3{
  margin-top:var(--oak-space-2);
  color:var(--oak-ink);
  font-size:var(--oak-fs-4)
}

.terms-clause ul{
  display:grid;
  gap:var(--oak-space-1);
  margin:0;
  padding-left:1.35rem;
  color:var(--oak-ink)
}

.terms-clause li{
  padding-left:.2rem
}

.terms-clause a:not(.c-btn){
  color:var(--oak-violet-dark);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  overflow-wrap:anywhere
}

.terms-note{
  margin-top:var(--oak-space-2);
  background:var(--oak-violet-pale);
  color:var(--oak-ink)
}

.terms-note p{
  color:var(--oak-ink)
}

.terms-cta__copy{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  color:#fff
}

.terms-cta__copy h2{
  max-width:680px;
  color:#fff
}

.terms-cta__copy p{
  color:#c6bbc9
}

.terms-cta__label{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.4em .8em;
  border-radius:999px;
  background:var(--oak-violet-2);
  color:var(--oak-ink);
  font-size:var(--oak-fs-0);
  line-height:1.35
}

.terms-cta__actions{
  min-width:min(100%,220px);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}

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

.c-cta .terms-cta__actions .c-btn--ghost{
  color:#fcf9f5;
  background:transparent;
  border-color:color-mix(in srgb,currentColor 45%,transparent)
}

@media(max-width:64rem){
  .terms-layout{
    grid-template-columns:1fr;
    gap:var(--oak-space-4)
  }

  .terms-index__inner{
    position:static
  }

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

  .terms-clause{
    scroll-margin-top:calc(62px + var(--oak-space-3))
  }
}

@media(max-width:44rem){
  .terms-index__inner ol{
    grid-template-columns:1fr
  }

  .terms-content{
    gap:var(--oak-space-4)
  }

  .terms-clause{
    gap:var(--oak-space-2);
    padding-bottom:var(--oak-space-4)
  }

  .terms-clause__heading{
    grid-template-columns:2rem minmax(0,1fr)
  }

  .terms-clause__number{
    padding-top:.3rem
  }

  .terms-cta__actions{
    width:100%;
    min-width:0
  }
}