/* layout.css: existing styles; responsive and motion rules stay with their owner. */

.container {
  width: min(100% - 96px, 1440px);
  margin-inline: auto;
}

@media (max-width: 767px) {
  .container {
    width: calc(100% - 40px);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .container {
    width: calc(100% - 64px);
  }
}