/* Hugo-specific controls and readable defaults, layered over the shared site design. */
:root {
  color-scheme: dark;
  --hugo-page: #0a0a0a;
  --hugo-text: #f3f2ee;
  --hugo-muted: #97978f;
  --hugo-line: rgba(255, 255, 255, .14);
  --hugo-panel: #111713;
}
:root[data-mode="light"] {
  color-scheme: light;
  --hugo-page: #fbfcfa;
  --hugo-text: #171a17;
  --hugo-muted: #555d57;
  --hugo-line: rgba(23, 35, 26, .18);
  --hugo-panel: #f0f4f0;
}
html, body { background: var(--hugo-page); color: var(--hugo-text); }
.nav { background: color-mix(in srgb, var(--hugo-page) 86%, transparent); }
.nav-preferences { display: inline-flex; align-items: center; gap: .5rem; flex: none; }
.nav-language, .nav-theme {
  max-width: 10rem;
  color: var(--hugo-text);
  background: var(--hugo-page);
  border: 1px solid var(--hugo-line);
  border-radius: 7px;
  font: inherit;
  font-size: .8125rem;
  line-height: 1.3;
  padding: .4rem .5rem;
}
.nav-language:focus-visible, .nav-theme:focus-visible { outline: 2px solid #168a45; outline-offset: 2px; }
.nav-language option, .nav-theme option { color: #171a17; background: #fff; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.nav .wordmark { color: var(--hugo-text); text-decoration: none; font-weight: 650; }
.nav .wordmark:focus-visible { outline: 2px solid #168a45; outline-offset: 3px; }
.section-list { list-style: none; margin: 2rem 0; padding: 0; }
.section-list li { border-top: 1px solid var(--hugo-line); padding: 1rem 0; }
.section-list li > a { color: var(--hugo-text); font-weight: 600; }
.section-list li p { color: var(--hugo-muted); margin: .4rem 0 0; }
@media (max-width: 820px) {
  .nav-inner { flex-wrap: wrap; row-gap: .75rem; }
  .nav-preferences { margin-left: auto; }
  .nav-language, .nav-theme { font-size: .75rem; padding: .35rem .4rem; }
}