/* Primary navigation only. Reading prose uses story-reading-lora.css. */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./fonts/lora/lora-latin-wght-normal.woff2") format("woff2");
}
.nav .nav__actions > .nav__link,
.site-header .primary-nav > a {
  font-family: "Lora", Georgia, serif;
  line-height: 1.4;
  white-space: nowrap;
}
.nav .nav__actions > .nav__link {
  font-size: calc(var(--text-xs) + 2px);
}
.site-header .primary-nav > a {
  font-size: calc(var(--text-sm) + 2px);
}
@media (max-width: 900px) {
  .site-header .brand__name { display: none; }
}
@media (max-width: 700px) {
  .site-header .primary-nav > a { font-size: calc(.8rem + 2px); }
}
@media (max-width: 620px) {
  .nav .nav__actions > .nav__link { font-size: calc(.68rem + 2px); }
  .nav .nav__inner { gap: 12px; }
  .nav .nav__actions,
  .site-header .primary-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    flex: 1;
    min-width: 0;
    padding-block: 8px;
  }
  .nav .nav__actions > .nav__link,
  .site-header .primary-nav > a {
    justify-content: center;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding-inline: 8px;
    white-space: nowrap;
  }
}
@media (max-width: 420px) {
  .site-header .primary-nav > a { font-size: calc(.75rem + 2px); }
}