/* =========================================================================
   CREDA PITTSBURGH PAC (603) — hero + overview/join + logo/legal + PAC board.
   Owner: Ivy. Reuses shared .page-hero + .clipped-corner. Built to
   data/qa_baseline/pac/*. Palette: #013a49 primary, #039ca2 secondary,
   #c4f2f2 pale-teal.
   ========================================================================= */

/* Shared section-heading (h4 45px) on dark vs light. */
.pac-overview h4,
.pac-legal h4 {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(1.9rem, 1.1rem + 2.2vw, 2.8125rem); /* ~45px */
	line-height: 1.15;
	margin-bottom: 1.4vw;
}

/* --- S2 Overview + Join (dark teal) ------------------------------------- */
.pac-overview {
	background: var(--creda-primary);
	color: #fff;
	padding: clamp(70px, 7vw, 120px) 3vw;
}
.pac-overview .wp-block-columns { gap: 5vw; }
.pac-overview h4 { color: var(--creda-pale-teal); }
.pac-overview p { color: #fff; font-size: 1rem; line-height: 1.7; margin-bottom: 1.4vw; }
.pac-overview .wp-block-buttons { margin-top: 2vw; }
.pac-overview .wp-block-button__link {
	background: var(--creda-secondary);
	color: #fff;
	border-radius: 0;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 1vw 2vw;
}

/* --- S3 Logo + Legal (bright teal, clipped corner) ---------------------- */
.pac-legal {
	background: var(--creda-secondary);
	color: #fff;
	padding: clamp(70px, 7vw, 120px) 3vw clamp(90px, 9vw, 150px);
}
.pac-legal .wp-block-columns { gap: 5vw; }
/* Live puts the PAC logo (dark navy on transparent) on a WHITE CARD so it reads on
   the teal band. Card = padded white box wrapping the logo (~510px square on live). */
.pac-legal__logo .wp-block-image { background: #fff; padding: 34px; margin: 0 0 2vw; width: max-content; max-width: 100%; }
.pac-legal__logo img { width: clamp(240px, 22vw, 440px); height: auto; display: block; }
.pac-legal__logo p { color: #fff; font-size: 1rem; line-height: 1.7; }
.pac-legal h4 { color: var(--creda-primary); }
/* Legal Stuff intro + bullets are WHITE on the teal band (live); only the h4 heading is navy. */
.pac-legal > .wp-block-columns > .wp-block-column:last-child p { color: #fff; }
.pac-legal .wp-block-list { margin: 1vw 0 0; padding-left: 1.4em; list-style: disc; }
.pac-legal .wp-block-list li {
	color: #fff;
	list-style: disc;
	font-size: .98rem;
	line-height: 1.6;
	margin-bottom: .7vw;
	padding-left: .3em;
}

/* --- S4 PAC Board (white) ----------------------------------------------- */
.pac-board {
	background: #fff;
	padding: clamp(60px, 6vw, 110px) 3vw clamp(70px, 7vw, 120px);
}
.pac-board h3 {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--creda-secondary);
	font-size: clamp(1.8rem, 1.1rem + 2.2vw, 2.8125rem);
	line-height: 1.15;
	margin-bottom: 2.4vw;
}
.pac-board .wp-block-columns { gap: 4vw; }
.pac-board p {
	color: var(--creda-body);
	font-size: .98rem;
	line-height: 1.55;
	margin-bottom: 1.4vw;
}
.pac-board strong { color: var(--creda-primary); font-weight: 700; }
.pac-board .wp-block-buttons { margin-top: 1.6vw; }
.pac-board .pac-alert-btn .wp-block-button__link {
	background: var(--creda-primary);
	color: #fff;
	border-radius: 0;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 1vw 2vw;
}

/* --- Responsive --------------------------------------------------------- */
@media screen and (max-width: 980px) {
	.pac-overview, .pac-legal { padding: 11vw 5vw; }
	.pac-legal { padding-bottom: 16vw; }
	.pac-board { padding: 10vw 5vw; }
	.pac-overview .wp-block-columns,
	.pac-legal .wp-block-columns,
	.pac-board .wp-block-columns { flex-wrap: wrap; gap: 7vw; }
	.pac-overview .wp-block-column,
	.pac-legal .wp-block-column,
	.pac-board .wp-block-column {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.pac-overview h4, .pac-legal h4, .pac-board h3 { font-size: 5.4vw; }
	.pac-overview p, .pac-legal__logo p,
	.pac-legal .wp-block-list li, .pac-board p { font-size: 2.6vw; }
	.pac-overview .wp-block-button__link,
	.pac-board .pac-alert-btn .wp-block-button__link { font-size: 2.6vw; padding: 2vw 4vw; }
}
@media screen and (max-width: 767px) {
	.pac-overview, .pac-legal, .pac-board { padding: 14vw 6vw; }
	.pac-legal { padding-bottom: 20vw; }
	.pac-overview h4, .pac-legal h4, .pac-board h3 { font-size: 8vw; }
	.pac-overview p, .pac-legal__logo p,
	.pac-legal .wp-block-list li, .pac-board p { font-size: 4.4vw; }
	.pac-overview .wp-block-button__link,
	.pac-board .pac-alert-btn .wp-block-button__link { font-size: 4vw; padding: 3.5vw 6vw; }
}