@font-face {
  font-family: "EB Garamond";
  src: url("fonts/EBGaramond.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url("fonts/EBGaramond-Italic.woff2") format("woff2");
  font-weight: 400 800;
  font-style: italic;
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  color-scheme: light;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: #fff;
  color: #000;
  font-family: "EB Garamond", Georgia, "Times New Roman", Times, serif;
  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  line-height: 1.5;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
}

main {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: 3rem 1rem;
}

.entry {
  width: 100%;
  max-width: 34em;
  overflow-wrap: break-word;
}

.entry-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.6em;
}

.headword {
  margin: 0;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2;
}

.part-of-speech {
  font-style: italic;
}

.senses {
  margin: 1em 0;
  padding-left: 1.5em;
}

.senses li + li {
  margin-top: 0.5em;
}

.senses li::marker {
  font-weight: 700;
}

.example {
  font-style: italic;
}

.etymology,
.see-also,
.example {
  margin: 0.75em 0 0;
}

.cross-reference {
  font-variant-caps: small-caps;
  letter-spacing: 0.03em;
}