@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
/* us-chrome.css — the Universitas Scholarium chrome, rebuilt (v6, 1 Oct 2026).
   Evan's brief: a major redesign of the look, SAME IDENTITY (the teal ground, the Chiron coin, the
   classical wordmark, a serif character), and the STRUCTURE UNCHANGED — "just the chrome". So this
   sheet changes no page's markup or layout: it re-cuts type, ink, rules, cards and buttons over the
   class names the pages already share (parchment.css era: page-wrap, dept-*, academic-*, scholar-*,
   who-*, diploma-*, course-*, gm-*, module-*), and resets the shared colour tokens.
   Faces: DM Serif Display for headings (the site's voice, kept), Libre Caslon Text for reading text
   (replacing the DM Sans / Bacasime Antique mix in prose), DM Sans for labels and buttons. Nothing
   under 15px. Scoped to html.v6 (preview switch, us-chrome.js) and never to Centaurus or Latinum
   (body.press-v4), the navigation bar or the footer. */

@font-face { font-family: 'Libre Caslon Text'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/fonts/libre-caslon/lct-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Libre Caslon Text'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/fonts/libre-caslon/lct-400-latinext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Libre Caslon Text'; font-style: italic; font-weight: 400; font-display: swap;
  src: url(/fonts/libre-caslon/lct-400i-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Libre Caslon Text'; font-style: italic; font-weight: 400; font-display: swap;
  src: url(/fonts/libre-caslon/lct-400i-latinext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Libre Caslon Text'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/fonts/libre-caslon/lct-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Libre Caslon Text'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/fonts/libre-caslon/lct-700-latinext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ── 1. Ink. The shared tokens, re-set on <body> so they win over every page's :root without
      touching a page. The teal ground (--parchment) and the accent stay as each page has them. ── */
.v6 body:not(.press-v4) {
  --ink-dim: #3b2d21; --ink-faint: #4d3c2c;
  --gold: #6e520f; --gold-dim: #6e520f; --gold-lt: #7c5d13;
  --rule: rgba(29,22,16,.22); --rule-lt: rgba(29,22,16,.13);
  --v6-read: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --v6-head: 'DM Serif Display', Georgia, serif;
  --v6-ui: 'DM Sans', system-ui, sans-serif;
}

/* ── 2. Reading text: a book serif at a size that reads (it was DM Sans and Bacasime, 16–18px) ── */
.v6 body:not(.press-v4) :is(.page-wrap, main, section, article, .container, .content) :is(p, li, dd, blockquote, td):not(footer *):not(header *):not(.hero *),
.v6 body:not(.press-v4) :is(.dept-page-intro, .dept-intro, .dept-desc, .section-intro, .series-intro, .series-sub, .page-desc, .lede,
  .scholar-bio, .scholar-helps, .course-body, .course-description, .diploma-desc, .card-desc, .section-lead, .faq-a, .faq-note,
  .section-note, .module-question, .module-outcome, .dept-tile-intro, .prog-sub, .context-inner p, .intro-section p, .feature-block p) {
  font-family: var(--v6-read) !important;
  font-size: 1.1875rem;
  line-height: 1.62;
  color: var(--ink);
  font-weight: 400;
}
.v6 body:not(.press-v4) :is(.page-wrap, main, article) :is(p, li) :is(em, i) { font-family: var(--v6-read) !important; }
.v6 body:not(.press-v4) :is(.dept-page-intro, .series-intro, .lede) { font-size: 1.375rem; line-height: 1.5; font-style: italic; color: var(--ink-mid); }
.v6 body:not(.press-v4) :is(.faq-note, .section-note, .dept-disclaimer) { font-size: 1.0625rem; color: var(--ink-dim); }

/* ── 3. Headings: DM Serif Display, the site's voice, given a real scale ── */
.v6 body:not(.press-v4) :is(.page-wrap, main) h1:not(.hero *),
.v6 body:not(.press-v4) :is(.dept-page-name, .page-title, .series-title, .inst-name) {
  font-family: var(--v6-head) !important; font-weight: 400; letter-spacing: -.005em;
  font-size: clamp(2.4rem, 4.8vw, 3.5rem); line-height: 1.08; color: var(--accent); text-transform: none;
}
.v6 body:not(.press-v4) :is(.page-wrap, main) h2:not(.hero *),
.v6 body:not(.press-v4) :is(.section-head, .section-label:not(:has(*))) {
  font-family: var(--v6-head) !important; font-weight: 400; font-size: clamp(1.9rem, 3.4vw, 2.5rem); line-height: 1.15; color: var(--accent);
  border-bottom: 2px solid var(--ink); padding-bottom: 10px; letter-spacing: 0; text-transform: none;
}
.v6 body:not(.press-v4) :is(.page-wrap, main) h3:not(.hero *) { font-family: var(--v6-head) !important; font-weight: 400; font-size: 1.55rem; line-height: 1.2; color: var(--accent); }
.v6 body:not(.press-v4) :is(.page-wrap, main) h4:not(.hero *) { font-family: var(--v6-head) !important; font-weight: 400; font-size: 1.3rem; line-height: 1.25; color: var(--ink); }
/* the gold spaced capitals that head each group of scholars ("THE HOMERIC WORLD") */
.v6 body:not(.press-v4) :is(.subject-heading, .dept-head, .level-head) {
  font-family: var(--v6-head) !important; font-size: 1.5rem; font-weight: 400; letter-spacing: .14em; text-transform: uppercase;
  color: var(--gold); border-bottom: 2px solid var(--ink); padding-bottom: 12px; margin-bottom: 22px;
}
.v6 body:not(.press-v4) :is(.academic-name, .scholar-name, .course-title, .card-title, .gm-title, .module-block-title, .diploma-row-title, .lang-card-title,
  .dept-tile-name, .dept-section-head, .module-title, .subunit-title) {
  font-family: var(--v6-head) !important; font-weight: 400; color: var(--accent); line-height: 1.2;
}
.v6 body:not(.press-v4) .academic-name { font-size: 1.6rem; }
.v6 body:not(.press-v4) .dept-tile-name { font-size: 1.55rem; }
.v6 body:not(.press-v4) .dept-section-head { font-size: 2.2rem; }
.v6 body:not(.press-v4) .module-title { font-size: 1.75rem !important; border: 0 !important; padding-bottom: 0 !important; }
.v6 body:not(.press-v4) .subunit-title { font-size: 1.2rem; color: var(--ink); }
/* a heading inside a card or module is the card's title, not a section: no rule under it */
.v6 body:not(.press-v4) :is([class*="module"], [class*="card"], [class*="tile"]) :is(h2, h3) { border-bottom: 0 !important; padding-bottom: 0 !important; font-size: 1.75rem !important; }
.v6 body:not(.press-v4) :is(.scholar-name, .course-title, .card-title) { font-size: 1.45rem; }
.v6 body:not(.press-v4) :is(.gm-title, .module-block-title, .diploma-row-title) { font-size: 1.2rem; color: var(--ink); }
.v6 body:not(.press-v4) .group-head { font-family: var(--v6-head) !important; font-size: 1.35rem; letter-spacing: .02em; color: var(--accent); }

/* ── 4. Labels, meta and codes: DM Sans, never under 15px, deeper gold ── */
.v6 body:not(.press-v4) :is(.academic-converse-label, .page-subtitle, .course-code, .course-num, .gm-code, .module-n,
  .diploma-dept, .who-nav-count, .badge-count, .type-badge, .card-badge, .patreon-cta, .footer-mark,
  .dept-tile-count, .module-field-label, .subunits-label, .module-n-label, .section-eyebrow, .subunit-num) {
  font-family: var(--v6-ui) !important; font-size: .9375rem; font-weight: 700; letter-spacing: .12em; color: var(--gold); opacity: 1;
}
.v6 body:not(.press-v4) :is(.academic-field, .academic-era, .scholar-field, .scholar-dates, .course-meta, .series-meta, .gm-host, .lead-host,
  .diploma-stats, .diploma-stats *, .card-info, .prog-count, .who-nav-head, .who-nav-list a, .who-nav-summary, .module-host, .meta-pill) {
  font-family: var(--v6-ui) !important; font-size: 1.0625rem; color: var(--ink-dim); line-height: 1.5; opacity: 1;
}
.v6 body:not(.press-v4) .academic-era { font-size: 1rem; letter-spacing: .04em; }

/* ── 5. Cards: warm paper, one hairline, more room; the hover says "this opens" ── */
.v6 body:not(.press-v4) :is(.academic-tile, .scholar-card, .course-card, .card, .title-card, .module-block, .group-section, .course-section) {
  background: #fdfbf6; border: 1px solid rgba(29,22,16,.16) !important; border-radius: 4px; box-shadow: none;
}
.v6 body:not(.press-v4) .academic-tile { padding: 26px 26px 22px; }
.v6 body:not(.press-v4) :is(a.academic-tile, a.scholar-card, a.course-card, a.card, a.title-card):hover {
  border-color: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent); transform: none;
}
.v6 body:not(.press-v4) :is(.academics-grid) { gap: 18px; }
.v6 body:not(.press-v4) :is(.course-section-head, .group-head) { background: rgba(29,22,16,.045); }

/* ── 6. Buttons and links: big enough to read and to hit. Each page keeps its own button colours. ── */
.v6 body:not(.press-v4) :is(.converse-btn, .open-btn, .open-course-btn, .talk-btn, .module-cta, .module-cert-btn, .subunit-cta, .enter-btn) {
  font-family: var(--v6-ui) !important; font-size: 1rem; font-weight: 700; letter-spacing: .05em; min-height: 46px;
  display: inline-flex; align-items: center; padding: 0 20px; border-radius: 3px; opacity: 1;
}
.v6 body:not(.press-v4) .back-link { font-family: var(--v6-ui) !important; font-size: 1.0625rem; font-weight: 700; color: var(--accent); letter-spacing: .01em; text-transform: none; }
.v6 body:not(.press-v4) .who-link { font-family: var(--v6-head) !important; font-size: 1.5rem; color: #8e2a1e; }
.v6 body:not(.press-v4) :is(.page-wrap, main, article) :is(p, li, dd):not(footer *) a:not([class]) { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* ── 7. Rules ── */
.v6 body:not(.press-v4) :is(.page-rule, .page-wrap hr, main hr) { border: 0; border-top: 2px solid var(--ink); opacity: 1; }