/* ======================================================================
   Doortje — mobiele verfijningen (warme richting).
   style.css is mobile-first; hier alleen kleine tweaks voor smalle schermen.
   ====================================================================== */

@media (max-width: 767px) {
  #app { padding-left: 14px; padding-right: 14px; padding-bottom: 96px; }
  .masthead { padding: 16px 2px 12px; }
  .mast-hello { font-size: 2rem; }
  .section-head h2 { font-size: 1.35rem; }
  .note-text { font-size: 1rem; }
  /* royale tik-doelen op mobiel */
  .note-icon-btn { width: 34px; height: 34px; }
  .note-action-toggle { width: 28px; height: 28px; }
}

@media (max-width: 400px) {
  .mast-hello { font-size: 1.8rem; }
  .nav-tab { padding: 9px 10px; font-size: .86rem; }
}