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

.terms-hero-content{
  display:grid;
  gap:var(--ops-space-2)
}

.terms-hero .c-breadcrumb,
.terms-hero .c-breadcrumb ol{
  color:var(--ops-muted-2)
}

.terms-hero .c-breadcrumb a{
  color:var(--ops-surface)
}

.terms-version{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.terms-heading{
  display:grid;
  gap:.5rem
}

.terms-heading h1{
  max-width:42rem;
  margin:0;
  color:var(--ops-surface)
}

.terms-heading p{
  max-width:43rem;
  margin:0;
  color:var(--ops-muted-2)
}

.terms-summary{
  width:100%;
  margin:var(--ops-space-2) 0 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:var(--ops-ink-2);
  color:var(--ops-surface);
  border-radius:var(--ops-radius-md);
  overflow:hidden
}

.terms-summary div{
  min-width:0;
  padding:var(--ops-space-2);
  display:grid;
  gap:.5rem;
  border-right:1px solid var(--ops-line-dark)
}

.terms-summary div:last-child{
  border-right:0
}

.terms-summary dt{
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-1)
}

.terms-summary dd{
  margin:0;
  color:var(--ops-surface);
  font-weight:700;
  overflow-wrap:anywhere
}

.terms-layout{
  display:grid;
  grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);
  gap:var(--ops-space-4);
  align-items:start
}

.terms-layout > *{
  min-width:0
}

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

.terms-index-inner{
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-2);
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.terms-index-head{
  display:grid;
  gap:.5rem
}

.terms-index-head .ops-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.terms-index-head h2{
  margin:0;
  font-size:var(--ops-fs-4);
  color:var(--ops-ink)
}

.terms-index ol{
  margin:0;
  padding:0;
  display:grid;
  gap:.5rem;
  list-style:none
}

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

.terms-index a{
  min-width:0;
  padding:.45rem .5rem;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.5rem;
  align-items:center;
  border-radius:var(--ops-radius-sm);
  color:var(--ops-ink);
  font-size:var(--ops-fs-1);
  font-weight:700;
  transition:background var(--ops-duration),color var(--ops-duration)
}

.terms-index a:hover{
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.terms-index a span{
  color:var(--ops-muted);
  font-family:var(--ops-mono);
  font-variant-numeric:tabular-nums
}

.terms-index p{
  margin:0;
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.terms-article{
  min-width:0
}

.terms-clause{
  padding-block:var(--ops-space-4);
  border-bottom:1px solid var(--ops-line)
}

.terms-clause:first-child{
  padding-top:0
}

.terms-clause-head{
  margin-bottom:var(--ops-space-2);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--ops-space-1);
  align-items:baseline
}

.terms-clause-number{
  color:#6c6600;
  font-size:var(--ops-fs-1);
  font-weight:700
}

.terms-clause-head h2{
  margin:0;
  color:var(--ops-ink)
}

.terms-copy{
  display:grid;
  gap:.5rem
}

.terms-copy p,
.terms-copy ul{
  margin:0
}

.terms-copy p{
  color:#555660
}

.terms-copy a:not(.c-btn){
  color:#6c6600;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em
}

.terms-definition{
  margin-top:var(--ops-space-2);
  padding:var(--ops-space-3);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-md);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.terms-definition h3{
  margin:0;
  color:var(--ops-ink)
}

.terms-definition ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem var(--ops-space-2);
  padding-left:1.15rem;
  color:#555660
}

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

.terms-inline-actions{
  margin-top:var(--ops-space-2);
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:.5rem
}

.terms-price-table caption{
  padding:.75rem 1rem;
  text-align:left;
  background:var(--ops-surface);
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.terms-price-table td span{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.terms-payment-grid{
  margin-top:var(--ops-space-2);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}

.terms-payment-grid > div{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.terms-payment-grid .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.terms-payment-grid h3,
.terms-payment-grid p{
  margin:0
}

.terms-payment-grid h3{
  color:var(--ops-ink)
}

.terms-payment-grid p{
  color:var(--ops-muted)
}

.terms-rules{
  padding-left:1.2rem;
  display:grid;
  gap:.5rem;
  color:#555660
}

.terms-rules li{
  padding-left:.25rem
}

.terms-data-check{
  margin-top:var(--ops-space-2);
  padding:var(--ops-space-3);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.terms-data-check h3{
  margin:0;
  color:var(--ops-ink)
}

.terms-note{
  margin-top:var(--ops-space-4);
  padding:var(--ops-space-3);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--ops-space-2);
  border-radius:var(--ops-radius-md);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.terms-note-icon{
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow-soft);
  color:var(--ops-ink)
}

.terms-note-icon svg{
  width:1.25rem;
  height:1.25rem
}

.terms-note > div:last-child{
  min-width:0;
  display:grid;
  gap:.5rem
}

.terms-note h2,
.terms-note p{
  margin:0
}

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

.terms-note p{
  color:#555660
}

.terms-note a:not(.c-btn){
  color:#5d5700;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em
}

.terms-cta-copy{
  min-width:0;
  display:grid;
  gap:.5rem
}

.terms-cta-copy h2{
  margin:0;
  color:var(--ops-surface)
}

.terms-cta-copy p{
  max-width:42rem
}

.terms-cta-actions{
  min-width:min(100%,13rem);
  display:grid;
  gap:.5rem
}

.terms-cta-actions .c-btn{
  width:100%
}

@media(min-width:1440px){
  .terms-layout{
    grid-template-columns:minmax(16rem,19rem) minmax(0,1fr);
    gap:var(--ops-space-5)
  }
}

@media(max-width:768px){
  .terms-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .terms-summary div:nth-child(2){
    border-right:0
  }

  .terms-summary div:nth-child(-n+2){
    border-bottom:1px solid var(--ops-line-dark)
  }

  .terms-layout{
    grid-template-columns:1fr
  }

  .terms-index{
    position:static
  }

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

  .terms-definition ul{
    grid-template-columns:1fr
  }
}

@media(max-width:390px){
  .terms-summary{
    grid-template-columns:1fr
  }

  .terms-summary div,
  .terms-summary div:nth-child(2){
    border-right:0;
    border-bottom:1px solid var(--ops-line-dark)
  }

  .terms-summary div:last-child{
    border-bottom:0
  }

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

  .terms-clause-head{
    grid-template-columns:1fr;
    gap:.5rem
  }

  .terms-payment-grid{
    grid-template-columns:1fr
  }

  .terms-note{
    grid-template-columns:1fr
  }

  .terms-inline-actions{
    flex-direction:column
  }

  .terms-inline-actions .c-btn{
    width:100%;
    white-space:normal
  }
}
