/* Vandaag · compacte kop (24 september 2026, op gebruikersverzoek).
   Alleen mobiel, waar het woordmerk zichtbaar is. Het logo is kleiner en
   volgt de tekstkleur van de begroeting; de begroeting is één stap kleiner
   en de datum staat er direct onder. Tekst, volgorde, avatar/klikvlakken en
   de kaarten eronder blijven ongewijzigd. */
@media (max-width: 720px) {
  #todayView .modern-topbar { padding-bottom: 0; }
  /* Logo (25 september 2026): Σ-tegel + "summa" in eigen kleuren, geen tekstmasker meer. */
  #todayView .modern-topbar .modern-brand .summa-wordmark {
    width: 111px;
    height: 33px;
    background: url('assets/brand/sigmi-logo.svg?v=2026-09-28-sigmi') left center / contain no-repeat;
  }
  :root[data-theme="dark"] #todayView .modern-topbar .modern-brand .summa-wordmark {
    background-image: url('assets/brand/sigmi-logo-dark-bg.svg?v=2026-09-28-sigmi');
  }
}
@media (max-width: 720px) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #todayView .modern-topbar .modern-brand .summa-wordmark {
    background-image: url('assets/brand/sigmi-logo-dark-bg.svg?v=2026-09-28-sigmi');
  }
}
@media (max-width: 720px) {
  /* De uniforme paginatitel (design.css) blijft de regel; alleen de
     begroeting van Vandaag krijgt via dezelfde variabele een stap kleiner. */
  #todayView { --page-title-size: 27px; }
  #todayView .modern-welcome { margin-top: 0; }
  #todayView .modern-welcome #todayMobileDate { margin-top: 2px; }
}