/* Mobile presentation for the legacy snapshot and the canonical Fecurity view. */
@media (max-width: 900px) {
  body:has(.fec-hero) .fec-hero { padding-block: 24px; background: transparent; }
  body:has(.fec-hero) .fec-title { font-size: 2rem; line-height: 1.2; overflow-wrap: anywhere; }
  body:has(.fec-hero) .fec-meta { line-height: 1.6; overflow-wrap: anywhere; }
  body:has(.fec-hero) .fec-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body:has(.fec-hero) .fec-stat { display: grid; grid-template-columns: 20px 30px minmax(0, 1fr); gap: 8px; min-width: 0; min-height: 44px; padding: 10px 12px; font-size: 0.875rem; line-height: 1.4; }
  body:has(.fec-hero) .fec-stat-label { min-width: 0; overflow-wrap: anywhere; }
  body:has(.fec-hero) .fec-content { padding: 24px var(--container-padding); gap: 24px; }
  body:has(.fec-hero) .fec-group-title { padding: 16px; line-height: 1.45; overflow-wrap: anywhere; }
  body:has(.fec-hero) .fec-row { padding: 12px 16px; gap: 8px; }
  body:has(.fec-hero) .fec-row-left { gap: 4px; }
  body:has(.fec-hero) .fec-row-name { line-height: 1.5; overflow-wrap: anywhere; }
  body:has(.fec-hero) a.fec-row-name,
  body:has(.fec-hero) a.fec-row-game,
  body:has(.fec-hero) .fec-current-status { display: flex; align-items: center; min-height: 44px; min-width: 44px; line-height: 1.5; overflow-wrap: anywhere; }
  body:has(.fec-hero) .fec-row-game { font-size: 0.8125rem; }
  body:has(.fec-hero) .fec-row-badges { min-width: 0; max-width: 100%; }
  body:has(.fec-hero) .fec-badge { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: start; }
  body:has(.fec-hero) .fec-legend { padding: 16px; }
  body:has(.fec-hero) .fec-legend-grid { grid-template-columns: minmax(0, 1fr); }
  body:has(.fec-hero) .fec-source-note { padding: 16px; }
  body:has(.fec-hero) .fec-current-status { margin-top: 8px; color: var(--color-accent); text-decoration: none; font-size: 0.875rem; font-weight: 600; }
  body:has(.fec-hero) a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
}
@media (max-width: 560px) {
  body:has(.fec-hero) .fec-stats { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) {
  body:has(.fec-hero) .header-actions { gap: 0; }
  body:has(.fec-hero) .header .logo { font-size: 1rem; letter-spacing: 0; }
  body:has(.fec-hero) .header-actions .lang-native { width: 44px; min-width: 44px; height: 44px; padding: 4px; justify-content: center; }
  body:has(.fec-hero) .header-actions .lang-native-label svg { display: none; }
}