.tariff-hero{
  padding-top:var(--space-8);
  padding-bottom:var(--space-10);
}
.tariff-hero .hero-stack{
  gap:var(--space-1);
}
.tariff-hero .tideline{
  height:80px;
}
.tariff-overview-notes{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--space-4);
  margin-top:var(--space-3);
  color:var(--text-muted);
}
.tariff-overview-notes>*{
  min-width:0;
}
.tariff-panel-intro{
  max-width:var(--reading-width);
  margin-bottom:var(--space-4);
}
.tariff-card-limit{
  color:var(--text-muted);
  font-size:var(--text-small);
  margin-top:auto;
  margin-bottom:var(--space-3);
}
.period-card:has(.js-plan-track){
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.period-card:has(.js-plan-track)>.badge{
  margin-bottom:var(--space-2);
}
.period-card:has(.js-plan-track)>.btn{
  max-width:100%;
}
.tariff-inclusions{
  align-items:start;
}
.tariff-text-link{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.tariff-payment{
  align-items:start;
}
.tariff-process li+li{
  margin-top:var(--space-2);
}
.tariff-refund{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.35fr);
  gap:var(--space-6);
  align-items:center;
}
.tariff-refund>*{
  min-width:0;
}
.tariff-refund-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
@media(max-width:768px){
  .tariff-hero{
    padding-top:var(--space-5);
    padding-bottom:var(--space-8);
  }
  .tariff-overview-notes,.tariff-refund{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
  }
}