/* Text roles are defined in typography.css. */
.recurring-information-column{
  min-width:0;
  padding-block:4px;
}
.recurring-information-column h3{
  margin:0 0 var(--space-heading-note);
  color:var(--ink);
}
.recurring-information-column p,
.recurring-information-column li{
  margin:0;
  border:0;
  padding:0;
  color:var(--muted);
}
.recurring-information-column p+p{margin-top:var(--space-paragraph-compact)}

/* The tier cards and supporting notes share column tracks without card gaps. */
#recurring-service-levels .tier-grid,
#recurring-service-levels .recurring-pricing-group{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:0;
}
#recurring-service-levels .recurring-pricing-group{
  display:grid;
  gap:0;
  margin-top:32px;
  padding:0;
  border:0;
  background:none;
}
#fees > .recurring-information-column{
  padding:0;
  padding-inline:28px;
  border:0;
  background:none;
  box-shadow:none;
}
#fees .recurring-information-inner{
  padding-top:16px;
  border-top:2px solid var(--blue);
}
#fees .recurring-information-inner p{
  text-wrap:pretty;
}
@media(max-width:900px){
  #recurring-service-levels .tier-grid,
  #recurring-service-levels .recurring-pricing-group{
    grid-template-columns:minmax(0,1fr);
  }
  #recurring-service-levels .recurring-pricing-group{
    row-gap:32px;
  }
}