@charset "UTF-8";
/*
Theme Name: BB.news Newspaper Child
Theme URI: https://bb.news/
Template: Newspaper
Description: Child theme for BB.news (ContactsBook.Asia) covering the GEO upgrade engagement. Layers Speaker schema, 5W1H modules, Citation & Authority blocks, and hierarchy/taxonomy cleanup on top of the TagDiv Newspaper parent theme without modifying parent files.
Version: 0.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Author: Mohannad Mohamed
Text Domain: bb-newspaper-child
Tags: news, child-theme
*/

/*
 * M1 module styles.
 * Scope: TL;DR box, 5W1H grid, Speaker bio block.
 * Aesthetic: editorial / newspaper, minimal, readable.
 * Designed to inherit typography from the parent theme (TagDiv Newspaper
 * on prod, Twenty Twenty-Five on local), so colors and spacing only.
 */

/* ===== TL;DR ===== */
.bb-tldr {
	background: #faf7f0;
	border-left: 4px solid #1a1a1a;
	padding: 1.25rem 1.5rem;
	margin: 1.5rem 0;
	font-size: 1.05rem;
	line-height: 1.55;
}
.bb-tldr-eyebrow {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #6b6b6b;
	margin-bottom: 0.4rem;
}
.bb-tldr p {
	margin: 0;
	font-weight: 500;
}

/* ===== 5W1H grid ===== */
.bb-5w1h {
	margin: 1.5rem 0;
	padding: 1.25rem 1.5rem;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.bb-5w1h-heading {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1a1a1a;
	margin: 0 0 1rem 0;
}
.bb-5w1h-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem 1.5rem;
}
.bb-5w1h-cell {
	padding: 0.5rem 0;
	border-top: 1px solid #e5e5e5;
}
.bb-5w1h-label {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 0.3rem;
}
.bb-5w1h-cell p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.45;
	color: #1a1a1a;
}
@media (max-width: 720px) {
	.bb-5w1h-grid {
		grid-template-columns: 1fr 1fr;
		gap: 0.75rem 1rem;
	}
}
@media (max-width: 480px) {
	.bb-5w1h-grid {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}
}

/* ===== Speaker bio ===== */
.bb-speaker {
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	background: #f5f5f5;
	border-left: 3px solid #888;
	font-size: 0.95rem;
}
.bb-speaker-eyebrow {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #6b6b6b;
	margin-bottom: 0.3rem;
}
.bb-speaker-name {
	margin: 0 0 0.15rem 0;
	font-weight: 700;
	font-size: 1.05rem;
	color: #1a1a1a;
}
.bb-speaker-role {
	margin: 0 0 0.4rem 0;
	color: #555;
	font-size: 0.9rem;
}
.bb-speaker-bio {
	margin: 0;
	color: #333;
	line-height: 1.5;
}