.pricing-intro{
  background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));
}
.pricing-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.pricing-intro-grid > *{
  min-width:0;
}
.pricing-intro h1{
  margin-top:24px;
}
.pricing-intro-note{
  display:grid;
  justify-items:start;
  gap:20px;
}
.pricing-intro-note small{
  font-size:var(--size-small);
}
.pricing-section-title{
  max-width:880px;
  margin-bottom:28px;
}
.pricing-section-title p{
  margin-top:18px;
  color:var(--muted);
}
.pricing-card-copy{
  margin-top:20px;
  color:var(--muted);
  line-height:1.85;
}
.pricing-explain{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);
  gap:56px;
  align-items:start;
}
.pricing-explain > *{
  min-width:0;
}
.pricing-explain h2{
  margin-top:20px;
}
.pricing-reading{
  display:grid;
  gap:20px;
}
.pricing-reading p{
  color:var(--muted);
  line-height:1.9;
}
.pricing-reading h3:not(:first-child){
  margin-top:12px;
}
.pricing-payment-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.pricing-help-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
}
.pricing-help-links .article-link{
  margin-top:0;
}
.pricing-explain a:hover,
.callout a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}
.callout a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:1000px){
  .pricing-intro-grid{
    gap:32px;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  }
  .pricing-explain{
    gap:32px;
    grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);
  }
}
@media(max-width:768px){
  .pricing-intro-grid,
  .pricing-explain{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .pricing-intro-note{
    gap:16px;
  }
}