/* Canonical v26d content line: menu shell, inset by the logo's 16px.
   Load after page styles. Section frames use this width; paragraphs may retain
   a readable measure. Coloured full-bleed backgrounds remain full width. */
body.mm-v26d { --mm-content-aligned: calc(var(--mm-shell) - 32px); }
body.mm-v26d .org-regio .page-wrapper,
body.mm-v26d .org-regio.franchise-regio .franchise-inner,
body.mm-v26d .org-regio.franchise-regio .franchise-hero,
body.mm-v26d .org-regio.about-regio .about-hero {
    box-sizing: border-box;
    width: var(--mm-content-aligned);
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
}
body.mm-v26d .org-regio .club-composed-main { --club-content-inset: 0px; }
body.mm-v26.mm-v26d main .org-regio .club-composed-main:is(.org-regio-sections,.method-sections,.matrix-sections) > section {
    width: 100%; max-width: none; margin-inline: auto;
}
body.mm-v26d .org-regio .club-composed-main > section:not(.usp-banner):not(.banner-groen):not(.hiring):not(.hero-overview):not(.header-bento):not(.compare-table-v2):not(.pricing-plans) {
    padding-inline: 0;
}
body.mm-v26d .org-regio .age-sections {
    grid-template-columns: minmax(0,1fr) var(--mm-content-aligned) minmax(0,1fr);
}
body.mm-v26d .org-regio .age-sections > .age-hero {
    grid-column: 2; width: 100%; max-width: none; padding-inline: 0;
}
body.mm-v26d .org-regio .age-sections > .age-usps {
    padding-inline: calc((100% - var(--mm-content-aligned)) / 2);
}
/* Nested section grids fill their already aligned frame, without a second inset. */
body.mm-v26d .org-regio :is(.two-col-text__grid,.usp-grid__items,.matrix-video,.matrix-faq),
body.mm-v26d .org-regio.matrix-regio .partners.matrix-sports .partners__track {
    max-width: none; width: 100%;
}
body.mm-v26d .org-regio .content-block__media { max-width: none; }
@media(min-width:1024px) {
    body.mm-v26d .org-regio :is(.matrix-block,.method-chapter) .content-block__text {
        width: calc((100% - 32px) / 2);
    }
}

/* Shared full-screen bands for editorial lists. The section itself keeps the
   canonical logo alignment; only its decorative background bleeds outward.
   org-regio clips the decoration at the page edge, avoiding horizontal scroll. */
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits) {
    --mm-list-tint: #ede7ef;
    position: relative;
    isolation: isolate;
    overflow: visible;
    padding-block: 80px 96px;
}
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits)::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0; bottom: 0;
    left: 50%; width: 100vw;
    transform: translateX(-50%);
    background: var(--mm-list-tint);
    pointer-events: none;
}
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits)::after {
    content: "";
    position: absolute;
    left: 50%; bottom: -1px;
    width: 100vw; height: 24px;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    pointer-events: none;
}
body.mm-v26d .org-regio #club-leren_details { --mm-list-tint: #d9f2ea; }
body.mm-v26d .org-regio #club-groeien_details { --mm-list-tint: #ede7ef; }
/* Only lilac and mint are used for editorial bands. */
body.mm-v26d .org-regio .method-summary { --mm-list-tint: #ede7ef; }
body.mm-v26d .org-regio .friends-traits li { background: transparent; }
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text) .section-subtitle { color: #255847; }
@media(max-width:767px) {
    body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits) {
        padding-block: 48px 64px;
    }
}

/* Consecutive editorial lists need a white pause, not a second pastel band. */
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits,.age-usps,.franchise-steps) + :is(.two-col-text,.three-col-text,.method-summary,.friends-traits,.age-usps,.franchise-steps) {
    background: #fff;
    --mm-list-tint: #fff;
}
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits,.age-usps,.franchise-steps) + :is(.two-col-text,.three-col-text,.method-summary,.friends-traits,.age-usps,.franchise-steps)::before,
body.mm-v26d .org-regio :is(.two-col-text,.three-col-text,.method-summary,.friends-traits,.age-usps,.franchise-steps) + :is(.two-col-text,.three-col-text,.method-summary,.friends-traits,.age-usps,.franchise-steps)::after {
    content: none;
}

/* The age-development accordion is a deliberately narrow reading column.
   Keep its heading on the shared page frame and its controls aligned to the list. */
@media (min-width: 768px) {
    body.mm-v26d .org-regio .matrix-faq > :not(h2) {
        width: 82%;
        max-width: 760px;
        margin-inline: auto;
    }
}

/* Practical party tip: match the page's 24px spacing rhythm. */
body.mm-v26d .party-practical-note {
    display: grid;
    gap: 16px;
    padding-block: 24px;
}
body.mm-v26d .party-practical-note > p { margin: 0; }

/* Skill podcasts: text left (one third), framed player right (two thirds). */
body.mm-v26d .org-regio .matrix-video--podcast {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 32px;
    align-items: center;
}
body.mm-v26d .matrix-video--podcast .content-video-frame {
    aspect-ratio: 16 / 9;
    padding: 0;
}
body.mm-v26d .matrix-video--podcast .content-video-frame iframe {
    width: 100%; height: 100%; aspect-ratio: auto;
}
body.mm-v26d .matrix-video--podcast .content-video-section__copy { min-width: 0; }
body.mm-v26d .matrix-video--podcast h2 { font-size: clamp(28px, 2.5vw, 40px); }
@media (max-width: 767px) {
    body.mm-v26d .org-regio .matrix-video--podcast { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

@media (min-width: 768px) {
    body.mm-v26d .matrix-video--podcast + .matrix-block > .content-block__media { order: -1; }
}