.pricing-intro {
  padding-bottom:40px;
}
.pricing-intro h1 {
  margin-top:24px;
}
.pricing-intro .lead {
  max-width:38em;
}
.pricing-intro-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.pricing-intro-bottom p {
  flex:1 1 260px;
  min-width:0;
  font-size:14px;
}
.pricing-overview {
  padding-top:24px;
}
.pricing-overview .callout {
  margin-bottom:0;
}
.pricing-panel-heading {
  max-width:820px;
  margin-bottom:32px;
}
.pricing-panel-heading p {
  margin-top:16px;
  color:var(--muted);
}
.pricing-plan-description {
  margin-top:20px;
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
}
.pricing-inclusions {
  background:var(--panel-soft);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.pricing-fact-list {
  margin:0;
}
.pricing-fact-list>div {
  display:grid;
  grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);
  gap:32px;
  padding-top:24px;
  padding-bottom:24px;
  border-top:1px solid var(--border);
}
.pricing-fact-list dt {
  min-width:0;
  font-weight:700;
  font-size:18px;
}
.pricing-fact-list dd {
  min-width:0;
  margin:0;
  color:var(--muted);
  max-width:760px;
}
.pricing-fact-list a,
.pricing-payment p a,
.pricing-refund p a,
.section-heading p a {
  text-decoration:underline;
  text-underline-offset:4px;
}
.pricing-reading {
  margin-top:32px;
}
.pricing-payment {
  border-top:1px solid var(--border);
}
.pricing-payment .panel p {
  margin-top:20px;
  color:var(--muted);
}
.pricing-refund {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
  padding:36px;
}
.pricing-refund h2 {
  margin-top:20px;
}
.pricing-refund p {
  margin-top:20px;
  max-width:760px;
  color:var(--muted);
}
.pricing-refund>* {
  min-width:0;
}
.pricing-policy-links {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.pricing-policy-links .article-link {
  margin-top:16px;
}
@media (max-width:768px) {
  .pricing-refund {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    padding:24px;
  }
  .pricing-fact-list>div {
    grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);
    gap:20px;
  }
}
@media (max-width:640px) {
  .pricing-intro {
    padding-bottom:24px;
  }
  .pricing-fact-list>div {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .pricing-intro-bottom {
    align-items:flex-start;
  }
}