/* Dedicated, normal-flow theme navigation. No shared layout selectors. */
.home-theme-switch {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 12px;
  padding: 8px 16px;
  border-bottom: 1px solid #dcded4;
  background: #f9f8f3;
  color: #303d34;
  font: 400 12px/1.4 Arial, sans-serif;
}
.home-theme-switch .home-theme-label { font-weight: 600; }
.home-theme-switch a {
  box-sizing: border-box;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #859180;
  border-radius: 999px;
  color: #303d34;
  background: #fffefa;
  text-decoration: none;
}
.home-theme-switch a[aria-current="page"] { background: #303d34; color: #fffefa; }
.home-theme-switch a:hover { text-decoration: underline; text-underline-offset: 3px; }
.home-theme-switch a:focus-visible { outline: 3px solid #9b482a; outline-offset: 3px; }
.home-theme-switch .home-theme-current { font-size: 10px; }
@media (max-width: 420px) {
  .home-theme-switch { gap: 6px; padding-inline: 10px; }
  .home-theme-switch .home-theme-label { flex-basis: 100%; text-align: center; }
}
@media (forced-colors: active) {
  .home-theme-switch a[aria-current="page"] { border: 3px solid LinkText; }
}