@import url('./fonts.css');

/* Readable server-rendered glossary, including when JavaScript is unavailable. */
body { margin: 0; }
.glossary-document {
  min-height: 100vh;
  background: #f7f4ef;
  color: #0b0f0e;
  font: 400 1rem/1.6 Inter, sans-serif;
}
.glossary-document * { box-sizing: border-box; }
.glossary-document header { border-bottom: 1px solid #e5e2dd; }
.glossary-document nav,
.glossary-document main { max-width: 56rem; margin: auto; padding: 1rem; }
.glossary-document nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.glossary-document a { color: #0b5d3f; text-underline-offset: .2em; }
.glossary-document a:focus-visible { outline: 2px solid #0b5d3f; outline-offset: 4px; }
.glossary-document .glossary-brand { font-size: 1.25rem; font-weight: 700; text-decoration: none; }
.glossary-document .glossary-introduction { text-align: center; padding: 1.5rem 0; }
.glossary-document h1 { font: 400 clamp(2rem, 5vw, 3rem)/1.15 'DM Serif Display', serif; }
.glossary-document article {
  background: white;
  border: 1px solid #e5e2dd;
  border-radius: .75rem;
  padding: 1.5rem;
  margin: 0 0 .75rem;
  overflow-wrap: anywhere;
  scroll-margin-top: 1rem;
}
.glossary-document h2 { margin: 0; font: 600 1.125rem/1.4 Inter, sans-serif; }
.glossary-document .glossary-category { font-size: .875rem; color: #0b5d3f; }