/* Home and the complete directory share the approved blog's firm paper titles.
   The handwritten brand, home letter wave, icons and native motion stay intact. */
#main-content .hx-home,
#main-content > .hx-directory.shell {
  font-family: var(--nylon-type-ui);
  font-size: 15.5px;
  font-weight: 500;
}

/* Use the already approved paired ink, rather than the directory's old
   near-black light override. Paper, borders and action colours are unchanged. */
:root #main-content > .hx-directory.shell {
  --directory-ink: var(--ny-text);
  --directory-muted: var(--ny-muted);
}

/* Fixed editorial headings belong to the same family as 龙大博客. */
#main-content .hx-home #home-heading,
#main-content .hx-home .hx-home-section-head h2,
#main-content .hx-home .home-reading-heading h2,
#main-content .hx-home .hx-home-cs h2,
#main-content .hx-directory .hx-directory-heading h1,
#main-content .hx-directory .hx-directory-section-heading h2,
#main-content .hx-directory .hx-directory-group-heading h3,
#main-content .hx-directory .hx-directory-empty h3 {
  font-family: var(--nylon-type-paper, serif);
  font-weight: 700;
  letter-spacing: -.012em;
}

/* User-supplied article titles use the complete reading family; technical
   project names, course names and personal actions remain operational UI. */
#main-content .hx-home .home-preview h3 {
  font-family: var(--nylon-type-reading, serif);
  font-weight: 700;
}
#main-content .hx-home .home-project-identity h3,
#main-content .hx-home .home-live-project strong,
#main-content .hx-home .hx-home-course-copy strong,
#main-content .hx-home .hx-home-resume > strong,
#main-content .hx-home .hx-home-market-items strong {
  font-family: var(--nylon-type-ui);
  font-weight: 650;
}
#main-content .hx-home .hx-home-desk h2,
#main-content .hx-home .hx-home-shortcuts strong,
#main-content .hx-home .hx-home-campus-map strong,
#main-content .hx-home .hx-home-campus-directory strong,
#main-content .hx-home .hx-home-services strong {
  font-family: var(--nylon-type-ui);
  font-weight: 650;
}

/* Give the main explanation enough size and stroke before secondary metadata. */
#main-content .hx-home .hx-home-intro {
  font-weight: 500;
}
#main-content .hx-home .hx-home-section-head p:not(.hx-home-section-index),
#main-content .hx-home .home-reading-intro,
#main-content .hx-home .home-preview p,
#main-content .hx-home .hx-home-desk > p,
#main-content .hx-home .hx-home-cs p:not(.hx-home-section-index),
#main-content .hx-home .hx-home-services small,
#main-content .hx-home .hx-home-campus-map small,
#main-content .hx-home .hx-home-campus-directory small,
#main-content .hx-directory .hx-directory-heading p,
#main-content .hx-directory .hx-directory-empty p {
  font-family: var(--nylon-type-ui);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
}
#main-content .hx-home .home-live-project small,
#main-content .hx-home .hx-home-empty,
#main-content .hx-home .hx-home-reading .home-reading-empty {
  font-size: 14px;
  font-weight: 500;
}

/* Dates, real counts and service notes stay legible on narrow screens too. */
#main-content .hx-home .hx-home-kicker,
#main-content .hx-home .hx-home-coverage,
#main-content .hx-home .home-preview-meta,
#main-content .hx-home .hx-home-resume > small,
#main-content .hx-home .hx-home-course-action,
#main-content .hx-home .hx-home-shortcuts small,
#main-content .hx-home .hx-home-market-items small,
#main-content .hx-home .hx-home-market-items span span,
#main-content .hx-home .hx-home-market-footer p,
#main-content .hx-home .hx-home-query-hints {
  font-size: 13px;
  font-weight: 500;
}
#main-content .hx-home .hx-home-course-code {
  font-family: var(--nylon-type-code, monospace);
  font-size: 13px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
#main-content .hx-home .hx-home-section-index,
#main-content .hx-home .home-live-heading {
  font-family: var(--nylon-type-ui);
  font-size: 13px;
  font-weight: 650;
}
#main-content .hx-home .hx-home-coverage strong {
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

/* Explicit field roles beat the old `font:400 ...` interface shorthands. */
#main-content .hx-home .hx-course-search input,
#main-content .hx-directory .hx-directory-search-field input {
  font-family: var(--nylon-type-ui);
  font-size: 16px;
  font-weight: 500;
  color: var(--ny-text);
}
#main-content .hx-home .hx-course-search input::placeholder,
#main-content .hx-directory .hx-directory-search-field input::placeholder {
  color: var(--ny-muted);
  opacity: 1;
}
#main-content .hx-home .hx-course-search > label,
#main-content .hx-directory .hx-directory-search label {
  font-family: var(--nylon-type-ui);
  font-size: 14px;
  font-weight: 600;
}
#main-content .hx-home .hx-course-search button,
#main-content .hx-directory .hx-directory-search-field button {
  font-family: var(--nylon-type-ui);
  font-weight: 650;
}
#main-content .hx-home .hx-home-personal > a,
#main-content .hx-home .hx-home-contents > a,
#main-content .hx-home .hx-home-section-head > a,
#main-content .hx-home .home-reading-heading > a,
#main-content .hx-home .hx-home-inline,
#main-content .hx-home .hx-home-query-hints > a,
#main-content .hx-home .hx-home-campus-directory nav > a,
#main-content .hx-home .hx-home-market-footer a,
#main-content .hx-directory .hx-directory-section-heading > a,
#main-content .hx-directory .hx-directory-empty > div > a,
#main-content .hx-directory .hx-directory-management a {
  font-family: var(--nylon-type-ui);
  font-weight: 600;
}

/* One visible directory, with a consistent title-to-description hierarchy. */
#main-content .hx-directory .hx-destination-list strong {
  font-family: var(--nylon-type-ui);
  font-size: 15.5px;
  font-weight: 600;
}
#main-content .hx-directory .hx-destination-list small {
  font-family: var(--nylon-type-ui);
  font-size: 14px;
  font-weight: 500;
}
#main-content .hx-directory .hx-directory-resume-copy strong,
#main-content .hx-directory .hx-directory-course-match strong {
  font-family: var(--nylon-type-ui);
  font-weight: 650;
}
#main-content .hx-directory .hx-directory-resume-copy strong {
  font-size: 15px;
}
#main-content .hx-directory .hx-directory-search label span,
#main-content .hx-directory .hx-directory-section-heading h2 > span,
#main-content .hx-directory .hx-directory-group-heading > span,
#main-content .hx-directory .hx-directory-resume-copy small,
#main-content .hx-directory .hx-directory-resume-kind,
#main-content .hx-directory .hx-directory-course-match small,
#main-content .hx-directory .hx-directory-course-match > span:last-child,
#main-content .hx-directory .hx-directory-match-label,
#main-content .hx-directory .hx-directory-query-note,
#main-content .hx-directory .hx-directory-section-heading > a {
  font-family: var(--nylon-type-ui);
  font-size: 13px;
  font-weight: 500;
}
#main-content .hx-directory .hx-directory-resume-kind,
#main-content .hx-directory .hx-directory-course-match > span:last-child,
#main-content .hx-directory .hx-directory-section-heading > a {
  font-weight: 600;
}
#main-content .hx-directory .hx-directory-section-heading h2 > span,
#main-content .hx-directory .hx-directory-group-heading > span {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 560px) {
  #main-content .hx-directory .hx-destination-list strong {
    font-size: 16px;
  }
  #main-content .hx-home .hx-home-personal > a,
  #main-content .hx-home .hx-home-contents > a,
  #main-content .hx-home .hx-home-section-head > a,
  #main-content .hx-home .home-reading-heading > a {
    font-size: 13px;
  }
}