.period-switch select {
  margin-left: 12px;
  padding: 9px 34px 9px 12px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  font: inherit;
}

.back-to-search {
  margin: 0 0 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 13px;
}

.back-to-search:hover { color: var(--ink); }
body.detail-mode .topbar nav { visibility: hidden; }
body.detail-mode .hero,
body.detail-mode .how { display: none; }
body.detail-mode .workspace { padding-top: 42px; min-height: calc(100vh - 74px); }

.report-sections {
  display: flex;
  gap: 26px;
  margin: 28px 0 18px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
}

.report-sections button {
  padding: 0 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  white-space: nowrap;
}

.report-sections button.selected {
  border-bottom-color: var(--ink);
  color: var(--ink);
}

.search-box #marketSelect {
  max-width: 132px;
  padding: 7px 24px 7px 8px;
  border: 0;
  border-left: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
}

@media (max-width: 560px) {
  .search-box #marketSelect { max-width: 92px; }
  .search-box kbd { display: none; }
}

@media (max-width: 760px) {
  .period-switch select { margin-left: 0; max-width: 190px; }
}