/* Personal typography preferences; the original template is in main.css. */
@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/SourceSerif4-Roman.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/SourceSerif4-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}
:root {
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: "Source Serif 4", Georgia, "Times New Roman", serif;
}
body { font-optical-sizing: auto; }
.section-heading h1, .section-heading h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
}
.profile__name { font-weight: 650; }
.site-brand, .site-nav { font-weight: 600; }
.contact-details { display: grid; gap: 0.6rem; overflow-wrap: anywhere; }
.contact-details a { width: fit-content; max-width: 100%; }
.site-footer a { color: inherit; }

#research .section-heading h2 { font-size: clamp(2rem, 5vw, 3.3rem); }
.research-areas { display: grid; gap: 0; margin: 0; }
.research-area { padding: 1.25rem 0; border-bottom: 1px solid var(--line); }
.research-area:first-child { padding-top: 0; }
.research-area:last-child { padding-bottom: 0; border-bottom: 0; }
.research-areas h3, .teaching-item__body h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.45;
}
.research-areas p { margin: 0.35rem 0 0; color: var(--ink-soft); font-size: 0.92rem; }