/* Compact above-the-fold layout for the public predictions page. */
.context-filters[hidden] {
  display: none !important;
}

@media (min-width: 900px) {
  main {
    padding-top: 0 !important;
  }

  main > section:first-of-type {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 28px !important;
    padding-bottom: 14px !important;
  }

  main > section:first-of-type h1 {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    font-size: clamp(2.45rem, 3.3vw, 3.65rem) !important;
    line-height: 0.98 !important;
  }

  main > section:first-of-type p {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
  }

  .predictions-hero,
  .predictions-header,
  .predictions-intro,
  .predictions-controls,
  .prediction-controls,
  .predictions-toolbar,
  .prediction-toolbar,
  .ledger-toolbar {
    min-height: 0 !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .market-tabs,
  .prediction-market-tabs,
  .prediction-filters,
  .filter-chips {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  .toolbar {
    margin-bottom: 0 !important;
    padding-bottom: 6px !important;
  }

  .market-tabs {
    padding-bottom: 0 !important;
  }

  .results-head {
    margin-top: 12px !important;
  }

  main > section:nth-of-type(2),
  .predictions-list-section,
  .predictions-results,
  .tracked-predictions,
  #predictionsSection {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }

  .predictions-list-section > header,
  .predictions-results > header,
  .tracked-predictions > header,
  .predictions-section-header {
    margin-bottom: 10px !important;
  }

  .predictions-help,
  .predictions-explainer,
  .metrics-help {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
  }

  .predictions-grid,
  #predictionsGrid {
    margin-top: 0 !important;
    gap: 16px !important;
  }
}

@media (max-width: 899px) {
  main > section:first-of-type {
    min-height: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 10px !important;
  }

  main > section:first-of-type h1 {
    margin: 6px 0 4px !important;
    font-size: clamp(2rem, 10vw, 3rem) !important;
    line-height: 1 !important;
  }

  .predictions-controls,
  .prediction-controls,
  .predictions-toolbar,
  .prediction-toolbar,
  .ledger-toolbar,
  .market-tabs,
  .prediction-market-tabs,
  .prediction-filters,
  .filter-chips {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  main > section:nth-of-type(2),
  .predictions-list-section,
  .predictions-results,
  .tracked-predictions,
  #predictionsSection {
    margin-top: 0 !important;
    padding-top: 12px !important;
  }
}