/* Meta-chords UI phase 1: additive, framework-free enhancements.
   Keep chord/sheet notation and existing ad placements untouched. */
:root {
  --mc-ink: #1f2937;
  --mc-muted: #64748b;
  --mc-border: #e2e8f0;
  --mc-accent: #2563eb;
}
body#bd {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--mc-ink);
}
#pg-header.pg-header {
  height: 52px;
  min-height: 52px;
  border-bottom: 1px solid var(--mc-border);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
#pg-header .ws-search { padding-right: 12px; }
#pg-header #ws-search-input {
  min-height: 34px;
  min-width: 260px;
  padding: 7px 11px;
  border: 1px solid #cbd5e1;
  border-radius: 6px 0 0 6px;
  background: #fff;
  color: var(--mc-ink);
  font-size: 14px;
}
#pg-header #ws-search-input:focus-visible {
  outline: 2px solid var(--mc-accent);
  outline-offset: 2px;
}
#pg-header a:focus-visible,
#pg-header button:focus-visible {
  outline: 2px solid var(--mc-accent);
  outline-offset: 2px;
}
#pg-header #wsSearchForm button {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 13px;
}
body#bd #main-box { margin-top: 63px; }
@media (max-width: 920px) {
  body#bd #main-box { margin-top: 63px; }
}
@media (max-width: 550px) {
  #pg-header #ws-search-input { min-width: 0; width: 100%; }
  #pg-header.sch-responsive .ws-search {
    top: 52px;
    border: 1px solid var(--mc-border);
    padding: 10px;
    box-shadow: 0 4px 12px rgba(15,23,42,.09);
  }
  #pg-header.mem-responsive .member,
  #pg-header.rmn-responsive .ws-rmn { top: 52px; }
}