/*
  SFS layout: page wrappers, grids, and broad spacing.
  Button, select, and card styling stay in component files.
  Docs: _deploy/css-compartmentalisation-readable-map-20260704.md
  Related: _deploy/css-compartmentalisation-worklog-20260704.md; _deploy/css-compartmentalisation-verification-20260704.md
*/

/* Main page layout. */
main,
.content {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 22px 28px 36px;
}

@media (max-width: 760px) {
  main,
  .content {
    padding-left: 14px;
    padding-right: 14px;
  }
}