/* /pricing (docs/website/pricing/page.mjs). Loads after /resources/site.css
   and uses its .az-prose and .az-table-wrap; every value is a token from
   tokens.css (--az-res-*) or the mirrored site (--hx-*). */

.az-pr { max-width: 66rem; }

/* The fee line, directly above the table (P-14). */
.az-prose .az-pr-fee { font-family: var(--az-res-font-display); font-size: var(--az-res-h3-size);
  font-weight: var(--az-res-heading-weight); line-height: var(--az-res-heading-lh); color: var(--az-res-ink); }

/* Two columns that fit the reading measure at every width: no sideways scroll. */
.az-pr .az-pr-table { max-width: var(--az-res-measure); margin-top: var(--az-res-gap); }
.az-pr-table table { min-width: 0; font-size: var(--az-res-size-body); }
.az-pr-table :where(th, td) { overflow-wrap: break-word; }
.az-pr-table :where(th, td):first-child { width: 38%; }
.az-pr-table tr.az-pr-row-note td { position: static; width: auto; box-shadow: none; background: var(--az-res-surface-sunken);
  color: var(--az-res-ink-body); }
.az-prose .az-pr-below { margin-top: var(--az-res-gap-l); font-weight: var(--az-res-strong-weight); color: var(--az-res-ink); }

/* The three plan cards: one column below 1024px, one row from there. */
.az-prose .az-pr-cards { display: grid; gap: var(--az-res-gap-m); max-width: none; margin: var(--az-res-gap) 0 0; padding: 0; list-style: none; }
@media (min-width: 1024px) { .az-prose .az-pr-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.az-prose .az-pr-card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: var(--az-res-gap-l);
  border: var(--az-res-hairline) solid var(--az-res-border); border-radius: var(--az-res-radius); background: var(--az-res-surface);
  color: var(--az-res-ink-body); font-size: var(--az-res-size-body); line-height: var(--az-res-prose-lh); overflow-wrap: break-word; }
.az-prose .az-pr-card-title { margin: 0; font-size: var(--az-res-card-title-size); }
.az-prose .az-pr-card p { margin: var(--az-res-gap-s) 0 0; }
.az-prose .az-pr-card .az-pr-card-price { margin-top: var(--az-res-gap-m); font-family: var(--az-res-font-display);
  font-size: var(--az-res-h3-size); font-weight: var(--az-res-heading-weight); line-height: var(--az-res-heading-lh); color: var(--az-res-ink); }
.az-pr-card-action { margin-top: auto; padding-top: var(--az-res-gap-l); }
/* The site's buttons, not prose links. */
.az-prose .az-pr-card-action a { text-decoration: none; }
.az-prose .az-pr-card-action a[href^="/signup"], .az-prose .az-pr-card-action a[href^="/signup"]:visited { color: var(--hx-white); }
.az-prose .az-pr-card-action .az-pr-contact, .az-prose .az-pr-card-action .az-pr-contact:visited { color: var(--hx-royal);
  border: var(--az-res-hairline) solid var(--hx-blue-on-light); }