/* Phone-only balance: reveal the full native-aspect footage and keep compact, readable cards. */
@media (max-width: 560px) {
  .fhb-hero .fhb-backdrop { aspect-ratio: 16 / 10; margin-top: 14px; }
  .fhb-hero #fhb-film { left: 0; top: 0; width: 100%; height: 100%; }
  .fhb-hero .fhb-evidence { width: calc(100% - 12px); margin-inline: 6px; margin-top: -26px; gap: 11px; }
  .fhb-hero .fhb-card { padding: 16px 18px; }
  .fhb-hero .fhb-month-total { margin-top: 14px; }
  .fhb-hero .fhb-budget-track { margin-top: 12px; }
  .fhb-hero .fhb-budget-label { margin-top: 8px; font-size: 10px; }
  .fhb-hero .fhb-trend { padding: 16px 18px 12px; }
  .fhb-hero .fhb-trend-caption { font-size: 10px; }
  .fhb-hero .fhb-chart text { font-size: 10px; }
}