.fare-intro {
  padding-bottom:40px;
}
.fare-intro h1 {
  max-width:16em;
  font-size:var(--h1-size);
  letter-spacing:var(--tracking-cjk);
}
.fare-intro > p {
  max-width:48em;
}
.fare-lead {
  font-size:var(--text-lead);
}
.fare-overview {
  padding-top:24px;
}
.fare-caption {
  padding:16px 20px;
  text-align:left;
  color:var(--text-muted);
  background:var(--bg-panel);
  font-size:var(--text-sm);
  border-bottom:1px solid var(--border);
}
.fare-note {
  margin-top:24px;
  margin-bottom:0;
  color:var(--text-muted);
  font-size:var(--text-sm);
}
.fare-card-detail {
  font-size:var(--text-sm);
  color:var(--text-muted);
}
.fare-rule-section {
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.fare-payment-marks {
  margin-bottom:24px;
}
.fare-refund {
  padding-top:24px;
}
@media(max-width:768px) {
  .fare-intro {
    padding-bottom:32px;
  }
  .fare-overview {
    padding-top:16px;
  }
}