/* Muppet Madness Playhouse 1.18 — Customizer layout extensions.
 * Loaded after the original responsive and appearance CSS. Everything is optional.
 * Existing appearance modes are respected through inherited design tokens.
 */
body.mm-playhouse.mm-plus-font-system {--mm-font:system-ui,-apple-system,'Segoe UI',sans-serif;--mm-display:system-ui,-apple-system,'Segoe UI',sans-serif}
body.mm-playhouse.mm-plus-font-rounded {--mm-font:'Trebuchet MS',Verdana,system-ui,sans-serif;--mm-display:'Trebuchet MS',Verdana,system-ui,sans-serif}
body.mm-playhouse.mm-plus-font-editorial {--mm-font:Georgia,serif;--mm-display:Georgia,serif}
body.mm-playhouse .mm-article-content {font-size:var(--mm-plus-article-size,17px)}
body.mm-playhouse .mm-page-content:not(.mm-page-content-app) {font-size:var(--mm-plus-page-size,16px)}
body.mm-playhouse.mm-plus-custom-radius .mm-post-card,body.mm-playhouse.mm-plus-custom-radius .mm-play-story,body.mm-playhouse.mm-plus-custom-radius .mm-page-header,body.mm-playhouse.mm-plus-custom-radius .mm-archive-head,
body.mm-playhouse.mm-plus-custom-radius .mm-play-tile,body.mm-playhouse.mm-plus-custom-radius .mm-member-card,body.mm-playhouse.mm-plus-custom-radius .mm-member-panel {border-radius:var(--mm-radius,13px)}
body.mm-playhouse.mm-plus-custom-section-space .mm-play-section {margin-top:var(--mm-plus-section-space,40px)}

/* Homepage: desktop Featured Story and story grid options. */
@media(min-width:841px){
 body.mm-playhouse.mm-plus-feature-solo .mm-play-lead-grid,body.mm-playhouse.mm-plus-no-sidecar .mm-play-lead-grid {grid-template-columns:minmax(0,1fr)}
 body.mm-playhouse.mm-plus-feature-solo .mm-play-sidecar,body.mm-playhouse.mm-plus-no-sidecar .mm-play-sidecar {display:none}
 body.mm-playhouse.mm-plus-feature-stacked .mm-play-lead-story {display:flex;flex-direction:column}
 body.mm-playhouse.mm-plus-feature-stacked .mm-play-lead-image {display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/8.7;overflow:hidden}
 body.mm-playhouse.mm-plus-feature-stacked .mm-play-lead-image img {display:block;width:100%;height:100%;object-fit:cover}
 body.mm-playhouse.mm-plus-feature-stacked .mm-play-lead-copy {width:100%}
 body.mm-playhouse.mm-plus-home-cols-2 .mm-play-story-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mm-playhouse.mm-plus-home-cols-3 .mm-play-story-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 body.mm-playhouse.mm-plus-home-cols-4 .mm-play-story-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:840px){
 body.mm-playhouse.mm-plus-no-sidecar .mm-play-sidecar,body.mm-playhouse.mm-plus-feature-solo .mm-play-sidecar {display:none}
 body.mm-playhouse.mm-plus-mobile-feature-crop .mm-play-lead-image {height:clamp(190px,52vw,300px)!important;overflow:hidden;aspect-ratio:auto!important}
 body.mm-playhouse.mm-plus-mobile-feature-crop .mm-play-lead-image>img {width:100%!important;height:100%!important;object-fit:cover!important}
}

/* Standard pages only. Plugin pages keep their own body and interaction controls. */
body.mm-playhouse .mm-page-shell.mm-plus-page-width-wide {--mm-page-width:1230px;max-width:min(1230px,calc(100% - 24px));width:min(calc(100% - 24px),1230px)}
body.mm-playhouse .mm-page-shell.mm-plus-page-width-full {--mm-page-width:var(--mm-box-width,1280px);max-width:calc(100% - 24px);width:calc(100% - 24px)}
body.mm-playhouse .mm-page-shell.mm-plus-page-surface-card .mm-page-content:not(.mm-page-content-app) {background:var(--mm-card);padding:clamp(18px,3vw,38px);border:1px solid var(--mm-border);border-radius:var(--mm-radius,13px)}
body.mm-playhouse .mm-page-shell.mm-plus-page-align-center .mm-playhouse-page-banner .mm-stage-banner-copy {text-align:center;margin-inline:auto}
body.mm-playhouse .mm-page-shell.mm-plus-page-align-center .mm-playhouse-page-banner .mm-stage-banner-kicker,
body.mm-playhouse .mm-page-shell.mm-plus-page-align-center .mm-playhouse-page-banner .mm-stage-banner-signoff {justify-content:center}
body.mm-playhouse .mm-page-shell.mm-plus-page-align-center .mm-playhouse-page-banner .mm-page-intro {margin-inline:auto!important}
body.mm-playhouse .mm-plus-page-featured-image {margin:0 0 24px;border-radius:var(--mm-radius,13px);overflow:hidden;border:1px solid var(--mm-border)}
body.mm-playhouse .mm-plus-page-featured-image img {display:block;width:100%;height:auto}
body.mm-playhouse .mm-page-shell-app.mm-plus-app-wide,body.mm-playhouse .mm-page-shell-game.mm-plus-app-wide,body.mm-playhouse .mm-page-shell-tool.mm-plus-app-wide {max-width:min(1220px,calc(100% - 24px));width:min(calc(100% - 24px),1220px)}
body.mm-playhouse .mm-page-shell-app.mm-plus-app-full,body.mm-playhouse .mm-page-shell-game.mm-plus-app-full,body.mm-playhouse .mm-page-shell-tool.mm-plus-app-full {max-width:calc(100% - 18px);width:calc(100% - 18px)}

/* Story cover settings; no change to Gutenberg media and no content rescaling. */
body.mm-playhouse.mm-plus-story-cover-natural .mm-featured-image img {max-height:none;height:auto;aspect-ratio:auto!important;object-fit:contain}
body.mm-playhouse.mm-plus-story-cover-wide .mm-featured-image img {height:clamp(260px,41vw,480px);max-height:480px;object-fit:cover}

/* Archive thumbnail shapes + optional text. The 1.17 list and grid rules remain intact. */
body.mm-playhouse.mm-plus-archive-img-wide .mm-archive-grid .mm-post-thumb {aspect-ratio:16/9}
body.mm-playhouse.mm-plus-archive-img-classic .mm-archive-grid .mm-post-thumb {aspect-ratio:4/3}
body.mm-playhouse.mm-plus-archive-img-square .mm-archive-grid .mm-post-thumb {aspect-ratio:1/1}
body.mm-playhouse .mm-archive-grid .mm-post-thumb>img {width:100%;height:100%;object-fit:cover}
body.mm-playhouse.mm-plus-no-archive-excerpt .mm-archive-grid .mm-post-card-copy>p,
body.mm-playhouse.mm-plus-no-archive-category .mm-archive-grid .mm-post-card-copy>small {display:none}

/* Directory and public Friends tab layout. */
@media(min-width:950px){
 body.mm-playhouse.mm-plus-members-cols-2 .mm-member-directory .mm-member-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mm-playhouse.mm-plus-members-cols-3 .mm-member-directory .mm-member-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 body.mm-playhouse.mm-plus-members-cols-4 .mm-member-directory .mm-member-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
 body.mm-playhouse.mm-plus-friends-cols-1 .mm-member-profile .mm-social-friends-roster {grid-template-columns:minmax(0,1fr)}
 body.mm-playhouse.mm-plus-friends-cols-2 .mm-member-profile .mm-social-friends-roster {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mm-playhouse.mm-plus-friends-cols-3 .mm-member-profile .mm-social-friends-roster {grid-template-columns:repeat(3,minmax(0,1fr))}
}
body.mm-playhouse.mm-plus-no-member-cover .mm-member-directory .mm-dir-card-cover {display:none}
body.mm-playhouse.mm-plus-no-member-cover .mm-member-directory .mm-dir-member-identity {padding-top:16px}
body.mm-playhouse.mm-plus-no-member-stats .mm-member-directory .mm-member-meta {display:none}
body.mm-playhouse.mm-plus-no-profile-stats .mm-member-profile .mm-profile-fb-summary {display:none}
body.mm-playhouse.mm-plus-profile-cover-compact .mm-member-profile .mm-member-profile-hero {min-height:170px}
body.mm-playhouse.mm-plus-profile-cover-large .mm-member-profile .mm-member-profile-hero {min-height:360px}

/* Footer: balanced dynamic columns. */
@media(min-width:851px){
 body.mm-playhouse.mm-plus-footer-cols-3 .mm-footer-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.mm-playhouse.mm-plus-footer-cols-2 .mm-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 body.mm-playhouse .mm-shell,body.mm-playhouse .mm-article-shell,body.mm-playhouse .mm-page-shell {width:calc(100% - var(--mm-plus-mobile-gutter-pair,32px))}
 body.mm-playhouse .mm-article-content {font-size:var(--mm-plus-mobile-article-size,15px)}
 body.mm-playhouse .mm-page-content:not(.mm-page-content-app) {font-size:var(--mm-plus-mobile-page-size,15px)}
 body.mm-playhouse .mm-page-shell.mm-plus-page-width-wide,body.mm-playhouse .mm-page-shell.mm-plus-page-width-full {width:calc(100% - var(--mm-plus-mobile-gutter-pair,32px));max-width:none}
 body.mm-playhouse .mm-member-directory .mm-member-grid,body.mm-playhouse .mm-member-profile .mm-social-friends-roster {grid-template-columns:minmax(0,1fr)}
}
/* Member skins historically used !important; owner choices must win without changing other templates. */
@media(min-width:950px){
 body.mm-playhouse.mm-plus-members-cols-2 .mm-member-virtual-page .mm-playhouse-cast-directory .mm-member-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.mm-playhouse.mm-plus-members-cols-3 .mm-member-virtual-page .mm-playhouse-cast-directory .mm-member-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.mm-playhouse.mm-plus-members-cols-4 .mm-member-virtual-page .mm-playhouse-cast-directory .mm-member-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
body.mm-playhouse.mm-plus-profile-cover-compact .mm-member-virtual-page .mm-playhouse-profile-pass>.mm-member-profile-hero>.mm-member-profile-cover {height:170px!important}
body.mm-playhouse.mm-plus-profile-cover-large .mm-member-virtual-page .mm-playhouse-profile-pass>.mm-member-profile-hero>.mm-member-profile-cover {height:360px!important}
@media(max-width:620px){
 body.mm-playhouse.mm-plus-profile-cover-large .mm-member-virtual-page .mm-playhouse-profile-pass>.mm-member-profile-hero>.mm-member-profile-cover {height:250px!important}
 body.mm-playhouse.mm-plus-profile-cover-compact .mm-member-virtual-page .mm-playhouse-profile-pass>.mm-member-profile-hero>.mm-member-profile-cover {height:145px!important}
}

/* Single post template supplies a hard 790px width; honor owner selection. */
body.mm-playhouse.single-post .mm-article-reading-column {width:min(100%,var(--mm-reading-width,790px))!important;max-width:var(--mm-reading-width,790px)!important}
body.mm-playhouse.mm-plus-custom-radius .mm-member-virtual-page .mm-playhouse-cast-directory a.mm-dir-member-card {border-radius:var(--mm-radius,13px)!important}