/* Layout allowances for longer Spanish and Portuguese labels. */
select, input, textarea { max-width: 100%; min-width: 0; }
select { width: 100%; }
.site-footer a[href^="mailto:"], .prose a[href^="mailto:"], .panel a[href^="mailto:"] { overflow-wrap: anywhere; }
@media (max-width: 980px) {
  .site-header .wrap { flex-wrap: wrap; gap: 8px; padding-block: 12px; }
  .brand { width: 100%; justify-content: center; }
  .brand small { display: none; }
  .site-nav { width: 100%; margin-left: 0; flex-wrap: wrap; justify-content: center; }
}
@media (max-width: 560px) {
  .brand { font-size: 1rem; gap: 6px; }
  .site-nav a { padding: 8px; font-size: .84rem; }
  .btn { white-space: normal; text-align: center; }
  .buy-grid { grid-template-columns: minmax(0, 1fr); }
}