/* app/shared/medienabfragen.css
   Etappe drei · gemeinsamer Baustein fuer Clubs, Leagues und Events.
   Jede Regel traegt beide Selektoren. Variablen tragen Rueckfaelle,
   damit sie in beiden Welten greifen.
   Erzeugt aus results_shared.css und den clubs-0x-Dateien.
*/

@media (max-width: 720px) {
  .pp-qa-q-row, .pp-qa-profile-row, .qa-q-row, .qa-profile-row {
    grid-template-columns: 1fr;
  }

  .pp-qa-q-score, .pp-qa-profile-a, .qa-q-score, .qa-profile-a {
    text-align: left; justify-self: start;
  }

  /* 2026-08-04 · Die Antwortzelle traegt auf dem Desktop white-space: nowrap,
     damit die Zahl nicht bricht. Einspaltig auf dem Handy sprengt das die
     Gruppe: lange Profilantworten schoben die Zeile ueber den Rand. */
  .pp-qa-profile-a, .qa-profile-a {
    white-space: normal; overflow-wrap: anywhere; max-width: 100%;
  }

  .pp-qa-profile-q, .qa-profile-q,
  .pp-qa-q-text, .qa-q-text {
    overflow-wrap: anywhere; min-width: 0;
  }

  .pp-qa-profile-row, .qa-profile-row,
  .pp-qa-profile-group, .qa-profile-group,
  .pp-qa-body, .qa-overview-body {
    min-width: 0;
  }

}

@media (max-width: 900px) {
  .pp-cvp-row, .cvp-row {
    grid-template-columns: 1fr; gap: 8px;
  }

  .pp-cvp-numbers, .cvp-numbers {
    text-align: left;
  }

  .pp-cvp-overall, .cvp-overall {
    grid-template-columns: 1fr 1fr;
  }

}

@supports not (grid-template-rows: subgrid) {
  .pp-dim-col, .dim-col {
    display: flex; flex-direction: column; gap: 20px;
  }

}