.pricing-intro{
  padding-top:56px;
  padding-bottom:16px;
}
.pricing-intro h1{
  margin:20px 0;
}
.pricing-intro-text{
  max-width:680px;
  margin-bottom:0;
  color:var(--muted);
  font-size:var(--fs-lede);
}
.pricing-intro .chip-row{
  justify-content:center;
}
.pricing-entry{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px 24px;
  margin-top:24px;
}
.pricing-text-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--accent-dark);
  font-size:var(--fs-ui);
  font-weight:var(--weight-semibold);
}
.pricing-table-note{
  margin:20px 0 0;
  color:var(--muted);
  font-size:var(--fs-ui);
  line-height:var(--line-reading);
}
.pricing-table-note a,
.pricing-refund p a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.pricing-panel-head{
  max-width:var(--reading-width);
  padding-top:12px;
  margin-bottom:48px;
}
.pricing-panel-head p{
  margin-bottom:0;
  color:var(--muted);
}
.pricing-card>.badge{
  align-self:flex-start;
  margin-bottom:20px;
}
.plan-description{
  color:var(--muted);
  font-size:var(--fs-medium);
  line-height:var(--line-reading);
}
.pricing-rule{
  margin:32px 0 0;
}
.pricing-payment-tags{
  margin-top:0;
  margin-bottom:24px;
}
.pricing-refund{
  max-width:var(--reading-width);
  margin-inline:auto;
}
.pricing-refund h2{
  margin-top:20px;
}
.pricing-refund p,
.grid .panel p{
  color:var(--muted);
  line-height:var(--line-reading);
}
.grid .panel>.badge{
  margin-bottom:20px;
}
.grid .panel p:last-child{
  margin-bottom:0;
}
[data-pricing-tabs] [role="tabpanel"]+ [role="tabpanel"]{
  margin-top:48px;
}
[data-pricing-tabs][data-pricing-ready] [role="tabpanel"]+ [role="tabpanel"]{
  margin-top:0;
}
@media(max-width:640px){
  .pricing-intro{
    padding-top:36px;
  }
  .pricing-intro-text{
    font-size:var(--fs-body);
  }
  .pricing-entry{
    flex-direction:column;
    gap:8px;
  }
}