/* Pricing page: built upon the site's established sage, ivory and gold theme. */
.pricing-table-wrap {overflow-x:auto;border:1px solid var(--line);background:var(--paper);margin:22px 0 18px}
.pricing-table {border-collapse:collapse;width:100%;min-width:340px;font-size:15px}
.pricing-table th,.pricing-table td {text-align:left;padding:17px 20px;border-bottom:1px solid var(--line)}
.pricing-table thead th {background:var(--sage-pale);color:var(--sage-dark);font-size:12px;letter-spacing:.5px}
.pricing-table tbody th {font-weight:500}
.pricing-table td {white-space:nowrap;font-weight:700;color:var(--sage-dark);text-align:right}
.pricing-table thead th:last-child {text-align:right}
.pricing-table tr:last-child th,.pricing-table tr:last-child td {border-bottom:0}
.pricing-table a {text-decoration:underline;text-decoration-color:var(--champagne);text-underline-offset:4px}
.pricing-footnote {color:var(--muted);font-size:13px}
@media(max-width:600px){.pricing-table th,.pricing-table td{padding:13px 11px}.pricing-table{font-size:13px}}

/* Match the established sage call-to-action buttons and gold arrows. */
.pricing-page .service-detail-section a.button,
.pricing-page .service-detail-section a.button:hover,
.pricing-page .service-detail-panel a.button,
.pricing-page .service-detail-panel a.button:hover {
  color: #fff;
  text-decoration: none;
  background: var(--sage);
  border-color: var(--sage);
}
.pricing-page .service-detail-section a.button:hover,
.pricing-page .service-detail-panel a.button:hover {background:var(--sage-dark);border-color:var(--sage-dark)}
.pricing-page .button .arrow-icon {color:var(--champagne);flex-shrink:0}

/* Champagne arrows also render in local offline previews. */
.site-header .navigation .button .arrow-icon, .pricing-page .button .arrow-icon {color:var(--champagne)}