/* Shared, scoped navigation. A color-chart shortcut remains visible on phones. */
.site-header { gap: clamp(.6rem, 1.5vw, 1.3rem); }
.site-header .brand { flex: none; white-space: nowrap; }
.site-header .site-nav { gap: clamp(.8rem, 1.7vw, 1.7rem); }
.site-header .site-nav .nav-featured,
.site-header .nav-color-shortcut {
  color: var(--forest-dark, #264b36);
  background: #eee8d9;
  border: 1px solid #d6cbb4;
  border-radius: 4px;
  padding: .5rem .75rem;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
}
.site-header .site-nav .nav-featured::before,
.site-header .nav-color-shortcut::before {
  content: "";
  display: inline-block;
  width: .65rem;
  height: .65rem;
  margin-right: .42rem;
  border-radius: 50%;
  background: conic-gradient(#b96a4e 0 33%, #d2b36f 33% 66%, #738c86 66%);
}
.site-header .nav-color-shortcut { display: none; }
.site-header .nav-toggle { min-height: 44px; margin: 0; padding: .4rem .3rem; flex: none; }
.site-header a:focus-visible, .site-header button:focus-visible { outline: 3px solid #bd612a; outline-offset: 3px; }
.reading-subnav { display: flex; flex-wrap: wrap; gap: .5rem; padding-block: 1.1rem; border-bottom: 1px solid var(--line, #d9dacd); }
.reading-subnav a { padding: .45rem .9rem; border: 1px solid var(--line, #d9dacd); border-radius: 3px; color: var(--forest-dark, #264b36); font-size: .9rem; text-decoration: none; }
.reading-subnav a.is-current { background: var(--forest, #315c43); border-color: var(--forest, #315c43); color: #fffdf8; }
.profile-quick-links { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; margin-block: 1.1rem; }

/* Older location journals and standalone pages keep their own body styles. */
.site-header--standalone { position: sticky; top: 0; z-index: 50; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 76px; padding: .6rem max(24px, calc((100% - 1200px) / 2)); background: #fcfaf6f5; border-bottom: 1px solid #d9dacd; font: 400 16px/1.4 -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif; }
.site-header--standalone .brand { display: inline-flex; align-items: center; gap: .65rem; font-weight: 700; font-size: .92rem; color: #264b36; text-decoration: none; }
.site-header--standalone .brand-mark { display: grid; place-items: center; width: 32px; height: 32px; border: 1.5px solid #264b36; border-radius: 50%; color: #b96a4e; font: 700 .94rem Georgia, serif; }
.site-header--standalone .site-nav { display: flex; align-items: center; padding: 0; margin: 0; border: 0; }
.site-header--standalone .site-nav a { font-size: .88rem; color: #536352; text-decoration: none; white-space: nowrap; }
.site-header--standalone .site-nav a.is-current { color: #264b36; font-weight: 700; }
.site-header--standalone .nav-toggle { display: none; border: 0; background: transparent; color: #264b36; font: inherit; }
@media (max-width: 1080px) {
  .site-header { justify-content: flex-start; gap: .65rem; }
  .site-header .nav-color-shortcut { display: inline-flex; align-items: center; margin-left: auto; font-size: .8rem; padding: .42rem .6rem; }
  .site-header .nav-toggle { display: block; cursor: pointer; margin-left: 0; }
  .site-header .site-nav { top: 100%; gap: .15rem; max-height: calc(100dvh - 76px); overflow-y: auto; }
  .site-header .site-nav a { padding: .7rem 1rem; min-height: 44px; box-sizing: border-box; }
  .site-header--standalone .site-nav { display: none; position: absolute; left: 0; right: 0; padding: 1rem 16px 1.5rem; align-items: stretch; flex-direction: column; background: #fffdf8; border-bottom: 1px solid #d9dacd; }
  .site-header--standalone .site-nav.is-open { display: flex; }
}
@media (max-width: 680px) {
  .site-header--standalone { min-height: 64px; padding-inline: 16px; }
  .site-header { gap: .45rem; }
  .site-header .language-switch { margin-left: 0; }
}
@media (max-width: 360px) {
  .site-header .brand { gap: .4rem; font-size: .8rem; }
}

@media (max-width: 480px) {
  .english-site .site-header .brand span:last-child { display: none; }
}