/* Shared network header, adapted from Buddhist Meditation for Beginners. */
html { color-scheme: light; }
.parent-brand-bar,
.site-header { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.parent-brand-bar {
  width: 100%;
  background: #29251f;
  border-bottom: 1px solid rgba(200, 173, 127, .24);
  color: #c9c1b3;
  font-size: .875rem;
}
.parent-brand-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: .55rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .25rem .4rem;
  text-align: center;
}
.parent-brand-label { color: #bdb5a8; }
.parent-brand-link {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  color: #dfc18f;
  font-weight: 650;
  text-decoration: none;
}
.parent-brand-link:hover,
.parent-brand-link:focus-visible { color: #f1d7a8; text-decoration: underline; }
.site-header { background: var(--white); border-color: var(--line); }
.site-header-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: .9rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .8rem 1.5rem;
}
.site-brand {
  color: #7f3525;
  font-weight: 760;
  font-size: 1rem;
  line-height: 1.4;
  text-decoration: none;
  max-width: 100%;
}
.site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .45rem 1rem;
  font-size: .89rem;
}
.site-nav a { color: #514b45; text-decoration: none; padding-block: .4rem; }
.site-nav a:hover,
.site-nav a:focus-visible { color: #7f3525; text-decoration: underline; text-underline-offset: 4px; }
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border: 1px solid #b9a789;
  border-radius: 4px;
  background: transparent;
  color: #514b45;
  padding: .35rem .7rem;
  font: inherit;
  font-size: .9rem;
  min-height: 44px;
  cursor: pointer;
}
.theme-toggle[hidden] { display: none; }
.theme-toggle:hover { background: #eee3d0; }
.theme-toggle:focus-visible { outline: 3px solid #92703d; outline-offset: 4px; }
.theme-icon { font-size: 1.1rem; line-height: 1; width: 1.15em; text-align: center; }

/* Keep the guide's burgundy identity with the network's warm dark palette. */
html.dark-theme {
  color-scheme: dark;
  --paper: #171512;
  --white: #211e1a;
  --ink: #e7e1d7;
  --muted: #c0b6a8;
  --wine: #e0bd84;
  --wine-light: #f1d8a8;
  --gold: #bfa06e;
  --line: #494137;
  --tint: #29251f;
}
html.dark-theme .site-brand { color: #d8b77f; }
html.dark-theme .site-nav a { color: #cfc6ba; }
html.dark-theme .site-nav a:hover,
html.dark-theme .site-nav a:focus-visible { color: #e8c995; }
html.dark-theme .theme-toggle { background: #2a2621; color: #e7dfd3; border-color: #8b7b66; }
html.dark-theme .theme-toggle:hover { background: #3b3328; }
html.dark-theme .button { background: #6b2939; border-color: #a76e7a; color: #fff7eb; }
html.dark-theme .button:hover { background: #84384b; color: #fff7eb; }
html.dark-theme .practice-method { background: #35151f; }
html.dark-theme .site-footer { background: #11100e; }
html.dark-theme .skip-link { background: #211e1a; color: #e7e1d7; }
html.dark-theme .authenticity-note,
html.dark-theme thead th { border-color: #5c5041; }
html.dark-theme .more-practice > div a { border-color: #756653; }
html.dark-theme .more-practice > div a:hover { background: #3a3126; color: #f1d8a8; }
html.dark-theme .text-link { border-color: #8f7b5d; }
html.dark-theme a:focus-visible,
html.dark-theme button:focus-visible,
html.dark-theme summary:focus-visible { outline-color: #e3c18a; }

@media (max-width: 1080px) {
  .site-header-inner { flex-direction: column; align-items: flex-start; }
  .site-nav { justify-content: flex-start; }
}
@media (max-width: 600px) {
  .parent-brand-inner { padding: .5rem 1rem; }
  .site-header-inner { padding: .8rem 1.25rem; }
  .site-nav { width: 100%; column-gap: 1rem; row-gap: .15rem; font-size: .875rem; }
  .site-nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .theme-toggle { margin-block: .3rem; }
}
@media print {
  .parent-brand-bar { display: none; }
  html.dark-theme {
    color-scheme: light;
    --paper: #ffffff;
    --white: #ffffff;
    --ink: #30231f;
    --muted: #514b45;
    --wine: #4d1824;
    --wine-light: #6c3541;
    --gold: #92703d;
    --line: #dfd7ca;
    --tint: #f5f3ee;
  }
  html.dark-theme .practice-method { background: #ffffff; color: #30231f; }
}