/* Tunnel transit: shared product cards and balanced supporting sections. */
body.transit-refresh-page main #plans .transit-plan-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; margin: 28px auto; }
body.transit-refresh-page main #plans .transit-plan-grid > .card { flex: 0 0 calc((100% - 44px) / 3); min-width: 0; }
body.transit-refresh-page main #plans .hosting-plan-grid > .card.transit-plan-card .desc { min-height: 0; margin-bottom: 18px; font-size: .95rem; }
body.transit-refresh-page main #plans .hosting-plan-grid > .card.transit-plan-card { transform: none; }
body.transit-refresh-page main #plans .transit-plan-card .feat-list { font-size: .9rem; }
.transit-refresh-page .transit-choice-grid { gap: 22px; }
.transit-refresh-page .transit-choice-card { padding: 28px; border-radius: 16px; border: 1px solid #ded3ec; background: #fff; text-align: left; }
.transit-refresh-page .transit-choice-card.active { border: 2px solid #7933ed; padding: 27px; background: #f6f0ff; box-shadow: var(--product-shadow); }
.transit-refresh-page .transit-choice-card .pill { background: #eee4fc; color: #58219e; }
.transit-refresh-page .transit-choice-title { display: block; margin: 16px 0 12px; font-size: 1.3rem; font-weight: 700; line-height: 1.4; }
.transit-refresh-page .transit-choice-description { display: block; margin-bottom: 20px; font-size: .95rem; line-height: 1.65; color: var(--ink-3); }
.transit-refresh-page .transit-estimator { padding: 28px; border-radius: 18px; gap: 28px; margin-block: 36px; }
.transit-refresh-page .transit-estimator-copy { align-self: center; }
.transit-refresh-page .transit-estimator-copy .eyebrow-soft { display: inline-block; margin-bottom: 16px; }
.transit-refresh-page .transit-total { gap: 12px; padding: 24px; }
.transit-refresh-page .transit-location-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; width: 100%; max-width: 1220px; margin-inline: auto; }
.transit-refresh-page .transit-location-grid .location-card { display: flex; flex-direction: column; padding: 0; text-align: center; }
.transit-refresh-page .transit-location-grid .location-mascot { width: 100%; height: 230px; max-height: none; padding: 24px; margin: 0; object-fit: contain; object-position: center; background: #f0e8fc; }
.transit-refresh-page .transit-location-grid .location-card > div { padding: 24px; }
.transit-refresh-page .steps { gap: 22px; }
.transit-refresh-page .step { padding: 26px; border: 1px solid #e3daed; border-radius: 16px; background: #fff; }
.transit-refresh-page .step h3 { line-height: 1.4; }
.transit-refresh-page .step p { font-size: .94rem; line-height: 1.65; }
.transit-refresh-page .regional-directory-entry { max-width: 820px; margin: 0 auto 28px; }
.transit-refresh-page .transit-compare-table { border: 1px solid #e3daed; border-radius: 14px; overflow: hidden; }
@media(max-width:1000px) {
  body.transit-refresh-page main #plans .transit-plan-grid > .card { flex-basis: calc((100% - 22px) / 2); }
  .transit-refresh-page .steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px) {
  .transit-refresh-page .transit-location-grid { grid-template-columns: 1fr; }
  .transit-refresh-page .transit-estimator { grid-template-columns: 1fr; padding: 20px; }
}
@media(max-width:640px) {
  body.transit-refresh-page main #plans .transit-plan-grid > .card { flex-basis: 100%; }
  .transit-refresh-page .steps { grid-template-columns: 1fr; }
}