/* Locally hosted Inter. The SIL Open Font License ships with the font. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 750;
  font-display: swap;
  src: url("inter-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;
}

:root {
  font-family: "Inter", Arial, sans-serif;
  --ink: #252b42;
  --muted: #5b657e;
}

body { line-height: 1.7; }
.brand { letter-spacing: -.025em; }
.brand-name { font-weight: 600; }
.nav-links a { font-weight: 500; }
.hero { padding-bottom: 36px; }
.hero h1 {
  font-size: clamp(42px, 4.5vw, 64px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.1;
  margin-bottom: 24px;
}
.hero .intro { max-width: 680px; line-height: 1.75; }
.hero .subintro { line-height: 1.75; }
.card { padding: 28px; }
.card-title { margin-bottom: 16px; }
.card h2 { font-weight: 600; line-height: 1.3; }
.card .description { line-height: 1.75; margin-bottom: 22px; }
.card .note { line-height: 1.8; }
.form-grid { gap: 16px 14px; }
.field { gap: 7px; }
.field label { font-weight: 500; line-height: 1.4; }
.field input, .field textarea, .field select {
  font-size: 14px;
  padding: 11px 13px;
}
.source-tabs button, .segmented button { font-weight: 500; }
.lookup-row { gap: 10px; }
.lookup-row .btn { padding-inline: 17px; }
.guide-content h2 {
  font-size: clamp(26px, 2.4vw, 32px);
  font-weight: 600;
  letter-spacing: -.03em;
  margin: 48px 0 18px;
}
.guide-content h3 { font-weight: 550; margin: 30px 0 12px; }
.guide-content p, .guide-content li { line-height: 1.85; }
.guide-intro h2, .faq-header h2 { font-weight: 600; }
.article-header h1, .blog-hero h1 { font-weight: 550; }
.footer-brand p { line-height: 1.8; }

@media (max-width: 760px) {
  .hero { padding-bottom: 28px; }
  .hero h1 { font-size: clamp(35px, 9.5vw, 46px); letter-spacing: -.04em; }
  .card { padding: 23px 20px; }
  .form-grid { gap: 14px 12px; }
  .field input, .field textarea, .field select { font-size: 16px; }
  .guide-content h2 { margin-top: 38px; }
}

/* Academic paper typography is kept separate from the website UI font. */
.paper-page, .paper-page .paper-title, .paper-page .works-title {
  font-family: "Times New Roman", Times, serif;
}