/* ============================================================
   Einbett-Ansicht "Top 3" (?embed=1&view=top3&server=<kennung>)
   Podium, Kopf (.section-head) und Knopf (.btn--primary) kommen unveraendert
   aus dem Boxenfunk-Design; hier nur Rahmen, Hoechstbreite und Abstaende.
   Unter 900 px: hohe Fassung, Hoechstbreite 760 px. Ab 900 px: breite, niedrige Fassung
   (embed-top3-breit.css) fuer die Live-Timing-Seite. Aussen KEIN Abstand.
   ============================================================ */
html.embed--top3 .app, html.embed--top3 body { padding: 0; margin: 0; }
html.embed--top3 .app { max-width: none; }

.emt { width: 100%; max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; }
.emt__kopf { margin: 0 0 8px; }
.emt .podium { margin-bottom: 10px; }
.emt__knopf {
  display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  min-height: 52px; padding: 8px 14px; text-align: center; text-decoration: none; line-height: 1.2;
  font-size: clamp(14px, 3.6vw, 18px);
}
.emt__leer {
  display: flex; align-items: center; justify-content: center; min-height: 120px;
  margin-bottom: 10px; text-align: center; color: var(--text-faint); font-size: 16px;
}

/* Das Board stapelt das Podium unter 900 px einspaltig; im Rahmen bleibt es P2 · P1 · P3. */
html.embed--top3 .emt .podium { grid-template-columns: 1fr 1.18fr 1fr; gap: clamp(6px, 1.6vw, 14px); }
html.embed--top3 .emt .pod--1, html.embed--top3 .emt .pod--2, html.embed--top3 .emt .pod--3 { order: 0; }