/* One content width from the first photograph to the footer.
   Chapter backgrounds span the viewport; their content shares these edges. */
:root {
  --content-width: 1232px;
  --page-inset: max(var(--gutter), calc((100% - var(--content-width)) / 2));
}
html { scrollbar-gutter: stable; }

.section-wrap,
.anniversary-note,
.site-header,
.site-footer,
.closing {
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--page-inset);
}

.seasons .season-motion-toggle { margin-right: var(--page-inset); }

@media (max-width: 700px) {
  .sarakura-feature,
  .flower-note {
    margin-inline: 0;
    border-radius: 8px;
  }
}