/* ============================================================
   CD Media — Press Release : single A4-style document
   Replaces the former in-line PDF-export ("pdf24_*") styling.
   The global.css link must come BEFORE this sheet.
   ============================================================ */

/* ---- Page canvas ------------------------------------------- */
.pr-doc {
	/* grey canvas around the white document, like a printed sheet */
	padding: 40px 20px 80px;
}

.document-container {
	max-width: 850px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 50px 70px 60px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .35), 0 3px 10px rgba(0, 0, 0, .2);
	color: #1a1a1a;
	font-family: var(--sans);
	font-size: 16px;
	line-height: 1.6;
}

/* ---- Banner (CD Media wordmark) ----------------------------- */
.black-banner {
	background-color: #000000;
	text-align: center;
	padding: 26px 20px;
	border-radius: 3px;
	margin-bottom: 28px;
}

.banner-img {
	max-width: 55%;
	height: auto;
	max-height: 84px;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}

/* ---- Title & header info ------------------------------------ */
.main-title {
	font-family: var(--serif);
	font-size: clamp(2rem, 5.5vw, 2.6rem);
	text-align: center;
	color: #111;
	margin: 0 0 20px;
	font-weight: 600;
	letter-spacing: .02em;
}

.meta-info {
	text-align: center;
	font-size: 0.82rem;
	color: #666666;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: var(--sans);
}

.separator {
	border: none;
	border-top: 1px solid #333333;
	margin: 24px 0;
}

.decorative-stars {
	text-align: center;
	color: #c9a03c;
	font-size: 1.15rem;
	margin-bottom: 20px;
	line-height: 1;
}

.decorative-stars span {
	margin: 0 14px;
}

/* ---- Red kicker & section titles ---------------------------- */
.red-title {
	text-align: center;
	color: #cc0000;
	font-family: var(--serif);
	font-size: clamp(1.3rem, 3.5vw, 1.5rem);
	margin-bottom: 28px;
	font-weight: 600;
}

.section-title {
	text-align: center;
	font-size: 1.05rem;
	margin: 40px 0 22px;
	font-weight: 700;
	font-family: var(--sans);
}

.section-title em {
	font-style: normal;
}

.section-title:first-of-type { margin-top: 0; }

/* ---- Body copy ----------------------------------------------- */
.document-container p {
	margin-bottom: 22px;
	font-size: 1rem;
	text-align: justify;
	font-family: var(--sans);
}

.document-container strong {
	font-weight: 700;
	color: #111;
}

.document-container em {
	font-style: italic;
}

.document-container .italic-quote {
	font-style: italic;
	margin: 30px 0;
	text-align: left;
	font-family: var(--serif);
	font-size: 1.05rem;
	color: #222;
}

.bold-uppercase {
	font-weight: 700;
	text-transform: uppercase;
	margin: 40px 0;
	text-align: center !important;
}

/* ---- Footer section ------------------------------------------ */
.footer-section {
	margin-top: 50px;
	border-top: 1px solid #e0e0e0;
	padding-top: 34px;
}

.spaced-heading {
	color: #666666;
	font-weight: 400;
	font-size: 0.95rem;
	letter-spacing: 4px;
	margin: 30px 0 12px;
	text-transform: none;
}

.document-container .footer-section a {
	color: #3b7ea1;
	text-decoration: underline;
	font-weight: 500;
}

.document-container .footer-section a:hover {
	color: #265b77;
}

/* ---- Footer decoration ---------------------------------------- */
.footer-decoration {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 60px;
	color: #c9a03c;
}

.footer-decoration .line {
	width: 34px;
	height: 1px;
	background-color: #333333;
}

.footer-decoration .star {
	font-size: 1.15rem;
	line-height: 1;
}

/* ---- Responsive ----------------------------------------------- */
@media (max-width: 640px) {
	.pr-doc { padding: 16px 0 48px; }
	.document-container { padding: 28px 22px 44px; box-shadow: none; }
	.document-container p { text-align: left; }
	.meta-info { letter-spacing: 1.2px; font-size: 0.74rem; }
	.black-banner { padding: 20px 14px; margin-bottom: 22px; }
	.banner-img { max-width: 75%; }
	.main-title { margin-bottom: 14px; }
}

@media (max-width: 420px) {
	.document-container { padding: 22px 16px 38px; }
	.meta-info { letter-spacing: .8px; overflow-wrap: break-word; }
	.main-title { font-size: 1.7rem; }
	.black-banner { padding: 16px 10px; }
	.banner-img { max-width: 82%; }
	.footer-decoration { gap: 12px; }
	.spaced-heading { letter-spacing: 3px; font-size: .9rem; }
}