/* Shared mobile reading gutter; desktop layout and content stay unchanged. */
@media (max-width: 639px) {
  .container:not(header .container):not(footer .container) {
    padding-left: max(24px, env(safe-area-inset-left));
    padding-right: max(24px, env(safe-area-inset-right));
  }

  .wrap {
    width: calc(100% - 48px);
  }
}