/* Shared responsive refinements. Variant layouts carry their own breakpoints.
   Breakpoints: 768 tablet, 1100 laptop. */
@media (max-width: 767px) {
  .btn { padding-inline: 20px; }
  .faq__answer { padding-right: 0; }
  .modal__body { padding: var(--s-4); }
}
@media (max-width: 399px) {
  .logo__sub { display: none; }
}