@import url('https://fonts.googleapis.com/css2?family=Amarna&family=Atkinson+Hyperlegible+Mono:wght@400;500;600&family=Atkinson+Hyperlegible+Next:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Science+Gothic:wght@300;400;500;600;700&display=swap');

:root {
  --font-brand: "Science Gothic", "Arial Narrow", sans-serif;
  --font-display: "Amarna", Georgia, serif;
  --font-reading: "Atkinson Hyperlegible Next", Verdana, sans-serif;
  --font-data: "Atkinson Hyperlegible Mono", Consolas, monospace;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-reading);
}

body {
  font-size: 17px;
  line-height: 1.65;
  letter-spacing: .012em;
}

p,
li,
dd,
figcaption,
.intro,
.pc-prose,
.faq-answer,
.record-note {
  font-family: var(--font-reading);
}

h1,
h2,
h3,
blockquote,
.about-closing blockquote,
.question blockquote,
.willemite-heading h3,
.collection-head strong {
  font-family: var(--font-display) !important;
  font-weight: 400;
}

h1 em,
h2 em,
h3 em,
blockquote em {
  font-family: inherit;
}

.topbar,
.preview-nav,
.eyebrow,
.section-no,
.pc-kicker,
.pc-label,
.pc-status b,
.status span,
.ghost-button,
.about-primary,
.pc-primary,
.development-note b,
.name-card > span,
.scene-nav,
.subject-card > span,
.database-toolbar,
.filter-button,
.badge,
.tag,
footer p,
.willemite-labels small,
.spectrum-bands,
.spectrum-caption,
.theca-word,
.visus-mark,
.lux-word,
.product-mark,
.wordmark-text {
  font-family: var(--font-brand) !important;
}

code,
pre,
kbd,
samp,
.formula,
.mineral-formula,
.wavelength,
.spectrum-tick,
.spectrum-boundary,
.willemite-labels b,
.pc-card strong,
.pc-card small,
.record-elements,
.record-year,
.record-id,
[data-unit],
[data-wavelength] {
  font-family: var(--font-data) !important;
  font-variant-numeric: tabular-nums;
}

.academy-page p,
.academy-page li,
.academy-page dd,
.about-page p,
.about-page li,
.product-concept-page p,
.product-concept-page li {
  line-height: 1.65;
}

@media (max-width: 620px) {
  body { font-size: 16px; }
}