.platform-nav {
  flex: 0 0 auto;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .45rem 1rem;
  color: var(--color-text);
  background: #efe9dc;
  border-bottom: 1px solid var(--color-border);
}
.platform-nav a { color: var(--color-accent); font-weight: 650; text-decoration: none; }
.platform-nav a:hover, .platform-nav a:focus-visible { text-decoration: underline; }
.brand-link { margin-right: auto; font-family: var(--font-serif); font-size: 1.05rem; }
.book-navigation { display: flex; align-items: center; gap: .35rem; }
.book-navigation select { max-width: min(42vw, 29rem); padding: .35rem; border: 1px solid var(--color-border); border-radius: var(--radius); background: white; }
.book-navigation button { min-width: 34px; min-height: 34px; border: 1px solid var(--color-border); border-radius: var(--radius); background: white; }
.book-navigation button:disabled { opacity: .4; cursor: default; }
.book-picker-label { font-size: .78rem; color: var(--color-text-muted); }
.coverage-badge { padding: .15rem .45rem; border-radius: 999px; background: #efe4c8; color: #694d1f; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
.header-controls { display: flex; align-items: center; gap: 1rem; }
.noscript-note { margin: 0; padding: .6rem 1rem; background: #fff4cd; }
.muted { color: var(--color-text-muted); font-size: .9rem; }
.inline-label { display: inline; margin: 0; text-transform: none; }
.candidate-location { margin-bottom: .65rem; }
.fatal-error { color: #b03a2e; }
@media (max-width: 700px) {
  .platform-nav { flex-wrap: wrap; gap: .5rem; }
  .brand-link { flex: 1 1 auto; }
  .book-navigation { order: 3; flex: 1 1 100%; width: 100%; min-width: 0; }
  .book-navigation button { display: none; }
  .book-navigation select { flex: 1; width: 100%; min-width: 0; max-width: none; }
  .book-picker-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}