@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap');

/* ── parchment.css v4 — Universitas Scholarium global typography ──
   Body: DM Sans (matching Gallipoli exhibition)
   Headings: DM Serif Display (matching Gallipoli exhibition)
   Pattern: serif headings, sans body
   ────────────────────────────────────────────────────────────── */

/* ── Body: DM Sans ── */
body {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 1.8;
  font-size: 1.05rem;
}

/* ── All prose elements: DM Sans ── */
p, li, td, th, label, input, button, select, textarea,
span, div, a,
.scholar-bio, .scholar-helps, .scholar-field,
.dept-page-intro, .series-intro, .course-body,
.section-lead, .feature-block p, .faq-a p,
.diploma-row-meta, .diploma-row-arrow,
.course-meta, .course-num,
.academic-field, .academic-era, .academic-converse-label,
.nc-item, .nco-item,
footer, .us-footer,
.prog-sub, .prog-count,
.open-btn, .converse-btn, .talk-btn {
  font-family: 'DM Sans', system-ui, sans-serif !important;
}

/* ── Headings: DM Serif Display ── */
h1, h2, h3, h4,
.dept-page-name, .series-title,
.section-head, .subject-heading,
.course-title, .academic-name, .scholar-name,
.diploma-row-title,
.level-head, .dept-head,
.lang-card-title,
.inst-section h2 {
  font-family: 'DM Serif Display', Georgia, serif !important;
}

/* ── Prose sizing ── */
p, .scholar-bio, .scholar-helps, .scholar-field,
.dept-page-intro, .course-body,
.section-lead, .feature-block p, .faq-a p,
.context-inner p, .intro-section p {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.8;
}

/* ── Heading sizing ── */
h1, .dept-page-name {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 400;
  line-height: 1.1;
}
h2, .section-head, .subject-heading, .dept-head, .level-head {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
}

/* ── Intro/lead text: DM Serif Display italic feel via DM Sans light ── */
.series-intro, .series-sub {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 1.1rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.8;
}

/* ── Academic tiles ── */
.academic-name {
  font-size: 1.5rem;
  font-weight: 400;
}
.academic-field {
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.6;
}
.academic-era {
  font-size: .9rem;
  font-weight: 500;
}
.academic-converse-label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .15em;
}

/* ── Scholar entries ── */
.scholar-name {
  font-size: 1.4rem;
  font-weight: 400;
}
.scholar-bio {
  font-size: 1.05rem;
  line-height: 1.8;
}
.scholar-helps {
  font-size: 1.05rem;
  line-height: 1.7;
}

/* ── Course pages ── */
.course-title {
  font-size: 1.3rem;
  font-weight: 400;
}
.course-body {
  font-size: 1.05rem;
  line-height: 1.7;
}
.course-num {
  font-size: .82rem;
  font-weight: 700;
}

/* ── Buttons: DM Sans uppercase ── */
.open-btn, .converse-btn, .talk-btn {
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 12px 28px;
}

/* ── Diploma rows ── */
.diploma-row-title {
  font-size: 1.1rem;
  font-weight: 400;
}
.diploma-row-meta {
  font-size: .95rem;
  line-height: 1.6;
}

/* ── Page containers ── */
.page-wrap, .dept-wrap {
  max-width: 780px;
}

/* ── Mobile ── */
@media (max-width: 640px) {
  body {
    font-size: 1rem;
    line-height: 1.75;
  }
  p, .scholar-bio, .course-body, .series-intro {
    font-size: 1rem;
  }
  h1, .dept-page-name {
    font-size: 1.8rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  .academic-name {
    font-size: 1.3rem;
  }
  .course-body {
    padding-left: 24px;
  }
}