/* Readable type for the new portal; these rules do not change the recreated pages. */
.portal .course-description{font-size:14px;line-height:1.65}
.portal .course-title h2{font-size:18px}
.portal .filter-field,.portal .filter-field select{font-size:14px}
.portal .help-card p,.portal .help-card a{font-size:13px}
.portal .format-list{font-size:12px}
.portal .detail-link{font-size:12px}
.portal .course-code,.portal .catalog-meta{font-size:11px}
.portal .intro-row p{font-size:16px}
.portal .selection-reminder{font-size:13px}
.portal .detail-sidebar p,.portal .enquiry-form>p{font-size:13px}
.portal .detail-sidebar label,.portal .enquiry-form label{font-size:14px}
.portal .detail-sidebar input,.portal .detail-sidebar select,.portal .enquiry-form input,.portal .enquiry-form textarea{font-size:14px}
.portal .enquiry-form .consent{font-size:12px}
.portal .enquiry-form .consent input{width:16px}
@media(max-width:800px){.portal .intro-row p{font-size:14px}}
@media (max-width: 480px) {
  .portal .catalog-nav { gap: 8px; flex-wrap: wrap; }
  .portal .catalog-nav > a, .portal .catalog-nav summary { font-size: 13px; }
  .portal .eyebrow-row { flex-wrap: wrap; gap: 16px; }
  .portal .eyebrow-actions { flex-direction: row; flex-wrap: wrap; }
  .portal .results-toolbar .catalog-toolbar-selects { flex-wrap: wrap; gap: 12px; }
}