/* Shared readability scale for the Farmer and Buyer work areas. */
body.role-page {
  font-size: 17px;
  line-height: 1.55;
}

.role-page h1 {
  font-size: 22px;
}

.role-page h2,
.role-page .market-dashboard__title {
  font-size: 21px;
  line-height: 1.3;
}

.role-page h3,
.role-page .market-dashboard__district-name,
.role-page .market-price-guide__header h3 {
  font-size: 19px;
  line-height: 1.35;
}

.role-page p,
.role-page li,
.role-page dd,
.role-page td {
  line-height: 1.55;
}

.role-page .subtitle,
.role-page .market-dashboard__subtitle,
.role-page .market-dashboard__district-summary,
.role-page .market-dashboard__results-header p,
.role-page .market-price-guide__header p {
  font-size: 15px;
  line-height: 1.5;
}

.role-page label {
  font-size: 16px;
  line-height: 1.4;
}

.role-page input,
.role-page select,
.role-page textarea {
  min-height: 50px;
  padding: 11px 12px;
  font-size: 17px;
  line-height: 1.4;
}

.role-page textarea {
  min-height: 100px;
}

.role-page button,
.role-page .nav-link,
.role-page .smart-match-card__actions a,
.role-page .market-dashboard__contact-button,
.role-page .market-price-guide__contact-actions a {
  min-height: 48px;
  font-size: 16px;
  line-height: 1.3;
}

.role-page header .nav-actions .nav-link,
.role-page .app-header-actions .app-header-button {
  min-height: 48px;
  font-size: 15px;
}

.role-page header .nav-actions .nav-link--report {
  font-size: 20px;
}

.role-page .app-info-badge,
.role-page .app-context-badge {
  min-height: 38px;
  font-size: 14px;
}

.role-page table {
  font-size: 16px;
}

.role-page th,
.role-page .market-price-guide__table th {
  font-size: 14px;
  line-height: 1.4;
}

.role-page .pill,
.role-page .trust-badge,
.role-page .unread-badge,
.role-page .market-dashboard__side-label,
.role-page .market-dashboard__rating,
.role-page .market-dashboard__results-header > strong,
.role-page .market-dashboard__toggle-label {
  font-size: 13px;
  line-height: 1.35;
}

.role-page .notice,
.role-page .flash-notification,
.role-page .status,
.role-page .request-match-summary,
.role-page .supply-details,
.role-page .listing-highlight__waiting,
.role-page .market-dashboard__empty,
.role-page .market-dashboard__error {
  font-size: 15px;
  line-height: 1.5;
}

.role-page .focus-stat span,
.role-page .listing-highlight__meta,
.role-page .listing-highlight__bid span,
.role-page .buyer-contact-details,
.role-page .settlement .mini,
.role-page .smart-match-price span,
.role-page .smart-match-fact span,
.role-page .smart-match-disclaimer,
.role-page .selected-bid-value span {
  font-size: 14px;
  line-height: 1.45;
}

.role-page .selected-bid-value strong {
  font-size: 16px;
}

.role-page .market-dashboard__primary-action,
.role-page .market-dashboard__bid-button,
.role-page .market-dashboard__details-button,
.role-page .market-dashboard__view-switch button,
.role-page .market-dashboard__tab {
  min-height: 48px;
  font-size: 15px;
  line-height: 1.35;
}

.role-page .market-dashboard__search-control,
.role-page .market-dashboard__district-control {
  min-height: 52px;
}

.role-page .market-dashboard__search-control input,
.role-page .market-dashboard__district-control select {
  height: 50px;
  padding: 0;
}

.role-page .market-dashboard__category {
  min-height: 76px;
}

.role-page .market-dashboard__category-copy strong,
.role-page .market-dashboard__item-name,
.role-page .market-dashboard__request-heading strong {
  font-size: 16px;
  line-height: 1.35;
}

.role-page .market-dashboard__category-copy small,
.role-page .market-dashboard__item-meta,
.role-page .market-dashboard__group-hint,
.role-page .market-dashboard__request-heading span,
.role-page .market-dashboard__result-heading p,
.role-page .market-dashboard__result-visual .surus-item-cell__text,
.role-page .market-dashboard__source {
  font-size: 14px;
  line-height: 1.45;
}

.role-page .market-dashboard__stat-label {
  font-size: 14px;
}

.role-page .market-dashboard__group h4 {
  font-size: 16px;
}

.role-page .market-dashboard__request-facts dt,
.role-page .market-dashboard__result-facts dt {
  font-size: 15px;
  line-height: 1.35;
}

.role-page .market-dashboard__request-facts dd,
.role-page .market-dashboard__result-facts dd {
  font-size: 18px;
  line-height: 1.4;
}

.role-page .market-dashboard__request .market-dashboard__contact-button {
  min-height: 52px;
  font-size: 17px;
  font-weight: 800;
}

.role-page .market-dashboard__result-heading h3 {
  font-size: 19px;
}

.role-page .market-price-guide__table td span,
.role-page .market-price-guide__source-button small,
.role-page .market-price-guide__post,
.role-page .market-price-guide__post > span {
  font-size: 14px;
  line-height: 1.45;
}

.role-page .market-price-guide__source-button span {
  font-size: 15px;
}

@media (max-width: 760px) {
  body.role-page {
    font-size: 17px;
  }

  .role-page header {
    padding: 14px 16px;
  }

  .role-page main {
    padding: 14px;
  }

  .role-page .card {
    padding: 14px;
  }

  .role-page .nav-actions {
    width: 100%;
  }

  .role-page .nav-actions .nav-link,
  .role-page .nav-actions button,
  .role-page .nav-actions select {
    min-height: 48px;
    font-size: 15px;
  }

  .role-page header .brand h1 {
    font-size: 22px;
  }

  .role-page header .brand .subtitle {
    font-size: 15px;
  }

  .role-page .market-dashboard__category-copy strong,
  .role-page .market-dashboard__item-name {
    font-size: 15px;
  }

  .role-page .market-dashboard__tab,
  .role-page .market-dashboard__view-switch button {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
  }
}