/* Shared typography for the campus cover, directory and download library. */
body.design-modern.design-editorial {
  --ink: #272b29;
  --muted: #686a63;
  --cream: #fdfcf8;
  --surface: #fffefa;
  --surface-soft: #f2f0e8;
  --line: #d9d7ce;
  --accent: #9e3b2e;
  --accent-soft: #f2e9e3;
  --navy: var(--accent);
  --serif: "Songti SC", "Noto Serif SC", "SimSun", Georgia, serif;
  background: var(--cream);
}
body.design-modern.design-editorial.lang-en {
  --ink: #22303a;
  --muted: #636c72;
  --cream: #fdfdfb;
  --surface: #ffffff;
  --surface-soft: #f0f2f3;
  --line: #d5dadd;
  --accent: #173b63;
  --accent-soft: #e9eef2;
  --serif: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
}
.design-modern.design-editorial .container { max-width: 1280px; width: calc(100% - 96px); }
.design-modern.design-editorial h1,
.design-modern.design-editorial h2,
.design-modern.design-editorial h3,
.design-modern.design-editorial h4 { letter-spacing: 0; overflow-wrap: anywhere; }
.design-modern.design-editorial p { overflow-wrap: anywhere; }
.design-modern.design-editorial .site-header { background: var(--cream); backdrop-filter: none; }
.design-modern.design-editorial .brand-type strong { color: var(--accent); }
.design-modern.design-editorial .main-nav > a { color: var(--ink); font-weight: 500; }
.design-modern.design-editorial .main-nav > a[aria-current="page"] { color: var(--accent); }
.design-modern.design-editorial .section-heading { gap: 24px; margin-bottom: 28px; align-items: baseline; }
.design-modern.design-editorial .section-heading > .text-link { margin: 0; }
.design-modern.design-editorial .section-heading h2 { font: 500 clamp(27px, 2.7vw, 35px)/1.4 var(--serif); letter-spacing: .01em; }
.design-modern.design-editorial .eyebrow { font-size: 12px; line-height: 1.65; letter-spacing: .04em; font-weight: 500; }
.design-modern.design-editorial .text-link { font-weight: 500; gap: 9px; }
.design-modern.design-editorial .text-link:hover { gap: 9px; text-decoration: underline; text-underline-offset: 5px; }
.design-modern.design-editorial .text-link .icon { width: 16px; height: 16px; }
.design-modern.design-editorial .button,
.design-modern.design-editorial .apply-link { border-radius: 3px; }
.design-modern.design-editorial .button { min-height: 46px; padding: 11px 19px; font-weight: 500; }
.design-modern.design-editorial .button-outline { border-color: var(--line); background: transparent; }
.design-modern.design-editorial .site-footer { background: var(--surface-soft); }
.design-modern.design-editorial .footer-main { padding-top: 48px; padding-bottom: 40px; }
.design-modern.design-editorial .footer-motto { letter-spacing: .035em; }
.design-modern.design-editorial .breadcrumbs { font-size: 12px; }
@media (max-width: 1000px) {
  .design-modern.design-editorial .container { width: calc(100% - 64px); }
}
@media (max-width: 640px) {
  .design-modern.design-editorial .container { width: calc(100% - 36px); }
  .design-modern.design-editorial .section-heading { gap: 12px; margin-bottom: 22px; }
  .design-modern.design-editorial .section-heading h2 { font-size: 27px; }
  .design-modern.design-editorial .section-heading > .text-link { flex: none; font-size: 13px; }
  .design-modern.design-editorial .footer-main { padding-top: 36px; padding-bottom: 32px; }
}