/* Shared page edges: the reference uses approximately 134px at 1920px. */
:root { --page-gutter: 7vw; --page-width: calc(100% - 2 * var(--page-gutter)); }
body .navbar.navbar,
body .hero,
body .join-team-section,
body .about-section,
body .team-section,
body .a-team-hero,
body .rules-hero,
body.whitelist-page .whitelist-hero,
body.signup-page .register-container,
body .register-container {
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
}
body .about-container, body .team-container { width: 100%; max-width: none; }
body .rules-content,
body.whitelist-page .whitelist-container,
body.recruitment-page .admin-container,
body .shop-container,
body .shop-order-container,
body .purchase-history,
body main.container {
    width: var(--page-width);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
body .shop-hero { padding-left: 0; padding-right: 0; }
body .shop-hero-content { width: var(--page-width); max-width: none; margin-inline: auto; }
body .shop-filters, body .shop-heading { max-width: none; }
body .shop-grid { max-width: 1200px; margin-left: 0; margin-right: auto; }
body .rules-hero-content, body .a-team-hero-content { width: 100%; max-width: none; }
@media (max-width: 1000px) {
    :root { --page-gutter: 24px; }
}
@media (max-width: 560px) {
    :root { --page-gutter: 20px; }
    body .shop-grid { max-width: 370px; }
}