/* People and the game appear throughout the guide, not only in its header. */
.page-layout--editorial { max-width: 1180px; }
.page-main > .body-section.body-section--pictured { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 3rem; max-width: none; margin-bottom: 3.5rem; padding-bottom: 0; border: 0; }
.editorial-copy { min-width: 0; }
.body-section--reverse .editorial-photo { order: 2; }
.body-section--reverse .editorial-copy { order: 1; }
.editorial-photo { min-width: 0; margin: 0; }
.editorial-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 24px; box-shadow: 0 16px 35px #0717251a; }
.editorial-photo figcaption { margin-top: .8rem; color: #6d4e3e; font-size: .8rem; line-height: 1.6; }
.page-main > .body-section.body-section--night { padding: 2.2rem; background: radial-gradient(ellipse at 85% 20%,#ff784f24,transparent 65%), #0c2236; border-radius: 28px; }
.marketing-body .body-section--night h2 { color: #fffaf4; }
.body-section--night p, .body-section--night li { color: #dde5ec; }
.body-section--night .check-list li::before { color: #ffa45b; }
.body-section--night .editorial-photo figcaption { color: #ffd0ba; }
.kit-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.kit-list li { padding: 1rem; border: 1px solid #e5d7c9; border-radius: 16px; background: #fff; font-size: .85rem; }
.kit-list li::before { display: none; }
.kit-label { display: flex; align-items: center; gap: .6rem; margin-bottom: .45rem; color: #071725; }
.kit-label .marketing-icon { color: #973d23; }
.page-main > .body-section.body-section--duration { max-width: 900px; padding: 2rem; border: 1px solid #efdbcd; background: #fff0e4; border-radius: 24px; }
.planning-factors { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 1.2rem 0; gap: .6rem; }
.body-section .planning-factors li { padding: .4rem .8rem; border-radius: 30px; background: #ffdbca; color: #652c1e; font-size: .8rem; }
.planning-example { padding: 1.2rem; background: #fffaf4; border: 1px solid #efdbcd; border-radius: 16px; }
.body-section .planning-formula { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .6rem; margin: 0; }
.planning-formula strong { color: #071725; font-size: 1.3rem; }
.body-section .planning-note { font-size: .85rem; margin: 1rem 0 0; }
.content-page--muziekbingo-organiseren .product-story { margin-top: 0; background: #fff; }
.page-main--ideas { align-items: start; }
.page-main--ideas > .body-section.body-section--pictured { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid #deded7; background: #fff; border-radius: 18px; }
.page-main--ideas .body-section--pictured .editorial-photo { width: 100%; }
.page-main--ideas .body-section--pictured .editorial-photo img { border-radius: 0; box-shadow: none; }
.page-main--ideas .body-section--pictured .editorial-photo figcaption { padding: 0 1.5rem; }
.page-main--ideas .body-section--pictured .editorial-copy { padding: 1.2rem 1.5rem 1.5rem; }
.page-main--ideas .body-section--pictured .editorial-copy > .marketing-icon { display: none; }
@media (min-width: 961px) {
    .page-main--ideas .body-section--pictured .editorial-photo img { aspect-ratio: 16 / 9; }
}
@media (max-width: 960px) {
    .page-main > .body-section.body-section--pictured { gap: 1.8rem; }
}
@media (max-width: 820px) {
    .page-main > .body-section.body-section--pictured { grid-template-columns: minmax(0,1fr); gap: 1.5rem; margin-bottom: 2.7rem; }
    .body-section--reverse .editorial-photo, .body-section--reverse .editorial-copy { order: initial; }
    .editorial-photo { width: 100%; max-width: 640px; margin-inline: auto; }
    .editorial-photo img { max-height: 430px; }
    .editorial-copy { width: 100%; max-width: 72ch; margin-inline: auto; }
    .page-main > .body-section.body-section--night { padding: 1.5rem; }
}
@media (max-width: 600px) {
    .editorial-photo img { max-height: 250px; border-radius: 18px; }
    .page-main > .body-section.body-section--night { padding: 1.15rem; border-radius: 22px; }
    .kit-list { grid-template-columns: 1fr; gap: .6rem; }
    .kit-list li { padding: .85rem 1rem; }
    .page-main > .body-section.body-section--duration { padding: 1.25rem; }
    .page-main--ideas .body-section--pictured .editorial-copy { padding: 1.2rem; }
    .page-main--ideas .body-section--pictured .editorial-photo figcaption { padding-inline: 1.2rem; }
}