/* Keep the original visual language while allowing the header to fit phones. */
@media (max-width: 640px) {
  header > .container { flex-direction: column; gap: 12px; }
  header > .container > .absolute { position: static; transform: none; }
  section .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  section button p { font-size: 12px; line-height: 1.4; }
}
button:focus-visible { outline: 2px solid #fbbf24; outline-offset: 4px; }