/* V22: full-width page background, bounded cards and simpler copy. */
html,body{background:#f2eee7}
#shell.site-shell{max-width:none;background:transparent}
#shell.site-shell.mobile{max-width:390px}
#site.site{background:transparent}
#site .section{width:calc(100% - 56px);max-width:1320px;margin-left:auto;margin-right:auto}
#site>header.wrap,#site>footer.wrap{max-width:1240px}
#site .section-heading h2:last-child{margin-bottom:0}
#stories .section-heading{margin-bottom:30px}
#organizer .organizer-heading{display:block}
#companion .companion-heading{margin-bottom:30px}
#questions .faq-layout{grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr)}
#questions h2{font-size:32px;line-height:1.2}
#questions details p+p{margin-top:12px}
#worship:has(#worship-media.is-video) #worship-caption{display:none}
@container page (max-width:700px){
 #site .section{width:calc(100% - 24px)}
 #questions .faq-layout{grid-template-columns:1fr}
 #questions h2{font-size:30px}
}

#questions details p{font-size:14px;line-height:1.65}
@container page (max-width:700px){#questions .faq-layout{gap:16px}#questions h2{margin-bottom:0}}

/* Published-site future-price treatment; preserve v21 comparison. */
#early-bird .price-future{background:color-mix(in srgb,#f2eee8 72%,#f0ebe2 28%);border-color:rgba(255,255,255,.48);box-shadow:inset 3px 3px 8px rgba(120,97,69,.05),inset -3px -3px 8px rgba(255,255,255,.45);opacity:.58}
#early-bird .price-future .stage-label,#early-bird .price-future .stage-price,#early-bird .price-future .stage-status{color:#746b60}