/* Ajustes compartilhados para telefones pequenos e áreas seguras da tela. */
@media (min-width: 761px) and (max-width: 1000px) {
  .header-inner { gap: 18px; }
  .main-nav { gap: 16px; }
  .header-link { display: none; }
}

@media (max-width: 760px) {
  .mobile-dock { bottom: max(10px, env(safe-area-inset-bottom)); }
  body.has-mobile-dock { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  input, select, button { max-width: 100%; }
}

@media (max-width: 360px) {
  .placeholder-layout, .placeholder-copy, .placeholder-art { min-width: 0; }
  .placeholder-copy h1 {
    font-size: clamp(2.4rem, 12.5vw, 2.85rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
  }
  .placeholder-panel h2 { font-size: 1.25rem; }
  .placeholder-lead { font-size: .98rem; }
  .placeholder-status { letter-spacing: .08em; }
  .finance-title h3 { font-size: 1.9rem; }
  .meal-inline-editor { padding: 11px; }
}