/* Movie Night Guide (/movie-night-guide/), 2026-10-10.
   Loaded only on that page (page-movie-night-guide.php). Builds on the shared
   .pml-* page system and the Resource Hub checklist styles in style.css. */

/* .psc-home paints the page dark (borrowed for the hero/CTA styles), so the
   content bands set their own light backgrounds, like the other pml pages. */
.psc-mg .pml-section{background:#fff;}
.psc-mg .pml-section.pml-section-alt{background:#f7f6f3;}

.psc-mg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0 0;}
.psc-mg-hero-actions .pml-btn{margin:0;}

.psc-mg-intro{max-width:680px;margin:0 auto;text-align:center;}
.psc-mg-intro p{font-size:15px;color:#555;line-height:1.6;margin:0;}

/* Checklist */
.psc-mg-progress{max-width:640px;margin:28px auto 0;}
.psc-mg-progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;}
#psc-checklist-progress-label{font-size:13px;font-weight:700;color:#2a2a3a;}
.psc-mg-print{width:auto !important;padding:8px 16px !important;}
.psc-mg-bar{height:8px;background:#e6e4de;border-radius:999px;overflow:hidden;}
.psc-mg-bar #psc-checklist-progress-bar{height:100%;width:0;background:var(--psc-gold);transition:width .2s ease;}
.psc-mg-list{list-style:none;margin:20px auto 0;padding:0;max-width:640px;}
.psc-mg-list .psc-mg-group{
	margin:22px 0 2px;padding:0 0 6px;border-bottom:2px solid var(--psc-gold);
	font-family:var(--psc-font-head);font-size:20px;letter-spacing:.5px;text-transform:uppercase;color:var(--psc-purple);
}
.psc-mg-list .psc-mg-group:first-child{margin-top:0;}

/* "The short version" tips */
.psc-mg-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px;}
.psc-mg-tip{background:#fff;border-radius:14px;padding:22px 22px 20px;box-shadow:0 2px 14px rgba(20,10,40,.06);border-top:4px solid var(--psc-gold);}
.psc-mg-tip h3{font-family:var(--psc-font-head);font-size:22px;letter-spacing:.4px;text-transform:uppercase;color:#181818;margin:0 0 8px;}
.psc-mg-tip p{font-size:14.5px;line-height:1.6;color:#555;margin:0 0 10px;}
.psc-mg-tip a{font-weight:700;color:var(--psc-purple);font-size:14px;text-decoration:none;}
.psc-mg-tip a:hover{text-decoration:underline;}

/* Manners + Flick */
.psc-mg-manners{margin:0;padding:0 0 0 20px;}
.psc-mg-manners li{font-size:15.5px;line-height:1.6;color:#333;margin:0 0 8px;}
.psc-mg-flick{text-align:center;background:linear-gradient(160deg,#2b0a4f,#140626);border-radius:18px;padding:30px 26px;color:#fff;}
.psc-mg-flick img{width:180px;height:auto;margin:0 auto 10px;display:block;}
.psc-mg-flick h3{font-family:var(--psc-font-head);font-size:28px;letter-spacing:.5px;text-transform:uppercase;color:var(--psc-gold);margin:0 0 8px;}
.pml-two-col .psc-mg-flick p{color:rgba(255,255,255,.85);font-size:15px;line-height:1.6;margin:0 0 18px;}

/* Upcoming events + more posts */
#public-movie-nights .psc-pe-shortcode{margin-top:28px;}
.psc-mg .psc-blog-grid{margin-top:28px;}
.psc-mg-more{text-align:center;margin:26px 0 0;}
.psc-mg-more a{font-weight:700;color:var(--psc-purple);}

@media (max-width:600px){
	.psc-mg-hero-actions .pml-btn{width:100%;text-align:center;}
	.psc-mg-progress-row{flex-wrap:wrap;}
	.psc-mg-flick img{width:140px;}
}

@media print{
	.psc-mg-list .psc-mg-group{color:#000;border-color:#999;}
	.psc-mg-list{max-width:none;columns:2;column-gap:32px;}
	.psc-mg-list li{break-inside:avoid;}
}