/* ED Lost Legions — uniform external margins (matching HOME) */
:root { --edll-page-width: 1220px; --edll-border-color: #ffffff; }
html, body { margin: 0; padding: 0; }
body { background: var(--edll-border-color) !important; }
/* Keep the interior artwork/content constrained, not the browser viewport. */
.site-header,
.home-scene,
.home-welcome,
.home-header,
.hero,
.intro,
.story-panel,
.books-intro,
.collections-section,
.legions-intro,
.legion-section,
.about-section,
.mission-section,
.rome-section,
.follow-section {
  width: 100%;
  max-width: var(--edll-page-width);
  margin-left: auto;
  margin-right: auto;
}
/* On wide screens the margins are equal. On mobile, content uses available width. */
@media(max-width: 1220px) {
  .site-header,.home-scene,.home-welcome,.home-header,.hero,
  .intro,.story-panel,.books-intro,.collections-section,
  .legions-intro,.legion-section,.about-section,.mission-section,
  .rome-section,.follow-section { max-width: 100%; }
}

/* Stable viewport width when moving between long and short pages. */
html{scrollbar-gutter:stable;}