/* Compact Top IQ page controls, labels and monthly tooltip. */
body.trackingai-top-iq-page .top-iq-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0 !important;
}
body.trackingai-top-iq-page .top-iq-main { padding-top: 16px; }
body.trackingai-top-iq-page .top-iq-heading { justify-content: flex-end; align-items: center; flex-direction: row; margin-bottom: 8px; gap: 0; }
body.trackingai-top-iq-page .top-iq-controls { gap: 12px; margin-bottom: 12px; }
body.trackingai-top-iq-page .top-iq-legend {
  margin: 0 0 12px;
  gap: 6px 22px;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #657083;
}
body.trackingai-top-iq-page .top-iq-tooltip--month { line-height: 1.35; }
body.trackingai-top-iq-page .top-iq-tooltip-month { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 1px 0 10px; }
body.trackingai-top-iq-page .top-iq-tooltip-month strong { font-size: 16px; margin: 0; color: #172c47; }
body.trackingai-top-iq-page .top-iq-tooltip-month > span { font-size: 11px; }
body.trackingai-top-iq-page .top-iq-tooltip-row { border-top: 1px solid #e6eaf0; padding: 10px 0; }
body.trackingai-top-iq-page .top-iq-tooltip-row:last-child { padding-bottom: 0; }
body.trackingai-top-iq-page .top-iq-tooltip-series { display: flex; align-items: center; gap: 6px; color: #657083; font-size: 11px; margin-bottom: 6px; }
body.trackingai-top-iq-page .top-iq-tooltip-series i { width: 15px; flex: 0 0 15px; border-bottom: 2px solid; }
body.trackingai-top-iq-page .top-iq-tooltip-result { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.trackingai-top-iq-page .top-iq-tooltip-models { flex: 1; min-width: 0; display: grid; gap: 6px; }
body.trackingai-top-iq-page .top-iq-tooltip-model { display: flex; align-items: center; gap: 9px; min-width: 0; }
body.trackingai-top-iq-page .top-iq-tooltip-model img { display: block; width: 32px; height: 32px; flex: 0 0 32px; object-fit: contain; }
body.trackingai-top-iq-page .top-iq-tooltip-model .top-iq-tooltip-model-name { min-width: 0; overflow-wrap: anywhere; color: #283142; font-size: 13px; font-weight: 400; }
body.trackingai-top-iq-page .top-iq-tooltip-missing { font-size: 12px; }
body.trackingai-top-iq-page .top-iq-tooltip-result .top-iq-tooltip-score { flex: 0 0 auto; color: #172c47; font-size: 21px; font-weight: 700; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }

/* Keep the plot above this range control exactly as it was. */
body.trackingai-top-iq-page .top-iq-range {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 4px 24px;
  padding: 10px 0;
}
body.trackingai-top-iq-page .top-iq-range-top { grid-column: 1; grid-row: 1; }
body.trackingai-top-iq-page .top-iq-range-bottom { grid-column: 2; grid-row: 1; justify-content: flex-end; gap: 18px; }
body.trackingai-top-iq-page .top-iq-range-track { grid-column: 1 / -1; grid-row: 2; margin-top: 0; }
body.trackingai-top-iq-page .top-iq-presets button { min-height: 36px; }
body.trackingai-top-iq-page .top-iq-range-bottom select { min-height: 36px; }

body.trackingai-top-iq-page .top-iq-history {
  margin: 0;
  border-bottom: 1px solid var(--top-iq-line);
  font-size: 14px;
}
body.trackingai-top-iq-page .top-iq-history > summary { min-height: 48px; padding: 13px 2px; color: #42536b; }
body.trackingai-top-iq-page .top-iq-history > summary:hover { color: #245aa8; }
body.trackingai-top-iq-page .top-iq-history > summary > span { margin-left: 12px; font-size: 12px; font-weight: 400; color: #707789; }
body.trackingai-top-iq-page .top-iq-history-body { padding: 8px 0 20px; }
body.trackingai-top-iq-page .top-iq-section-heading h2 { font-size: 21px; }
body.trackingai-top-iq-page .top-iq-milestones { margin-top: 22px; }
body.trackingai-top-iq-page .top-iq-footer { margin-top: 0; padding: 20px; }

@media (max-width: 600px) {
  body.trackingai-top-iq-page .top-iq-main { padding-top: 10px; }
  body.trackingai-top-iq-page .top-iq-controls { gap: 8px; }
  body.trackingai-top-iq-page .top-iq-range { grid-template-columns: minmax(0,1fr); gap: 6px; }
  body.trackingai-top-iq-page .top-iq-range-top { grid-column: 1; grid-row: 1; justify-content: center; }
  body.trackingai-top-iq-page .top-iq-presets { margin: 0; }
  body.trackingai-top-iq-page .top-iq-presets button { min-height: 44px; padding: 7px 16px; }
  body.trackingai-top-iq-page .top-iq-range-bottom { grid-column: 1; grid-row: 2; justify-content: space-between; gap: 10px; }
  body.trackingai-top-iq-page .top-iq-range-bottom select { min-height: 40px; font-size: 12px; }
  body.trackingai-top-iq-page .top-iq-range-track { grid-row: 3; }
}