/* Command (Home) — Phase 4h, spec §1. Valid tokens only (see tokens.css). */

.t101-command { display: block; }

/* Hero — dark evergreen context */
.t101-cmd-hero {
	background: var(--t101-evergreen);
	color: var(--t101-paper);
	border-radius: var(--t101-radius);
	padding: var(--t101-sp-12) var(--t101-sp-8);
	margin-bottom: var(--t101-sp-8);
}
.t101-cmd-hero__kicker {
	font-family: var(--t101-font-mono);
	font-size: var(--t101-fs-xs);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--t101-brass);
	margin: 0 0 var(--t101-sp-3);
}
.t101-cmd-hero .t101-cmd-hero__title {
	font-family: var(--t101-font-display);
	font-size: var(--t101-fs-3xl);
	line-height: 1.15;
	color: var(--t101-paper);
	margin: 0 0 var(--t101-sp-4);
	max-width: 22ch;
}
.t101-cmd-hero__mission {
	font-size: var(--t101-fs-md);
	line-height: 1.6;
	color: var(--t101-paper);
	opacity: 0.85;
	max-width: 62ch;
	margin: 0 0 var(--t101-sp-6);
}
.t101-cmd-hero__ctas { display: flex; gap: var(--t101-sp-3); flex-wrap: wrap; }
/* Dark-context ghost (2-class scope — see Session 12 cascade gotcha) */
.t101-cmd-hero .t101-btn--ghost {
	color: var(--t101-paper);
	border-color: var(--t101-brass);
	background: transparent;
	white-space: nowrap;
}
.t101-cmd-hero .t101-btn--ghost:hover { background: var(--t101-brass); color: var(--t101-evergreen); }

/* Stats bar */
.t101-cmd-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--t101-sp-4);
	background: var(--t101-paper-raised);
	border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm);
	padding: var(--t101-sp-6);
	margin-bottom: var(--t101-sp-8);
}
.t101-cmd-stats__item { display: flex; flex-direction: column; gap: var(--t101-sp-1); text-align: center; }
.t101-cmd-stats__num {
	font-family: var(--t101-font-mono);
	font-size: var(--t101-fs-2xl);
	color: var(--t101-evergreen);
	font-weight: 600;
}
.t101-cmd-stats__label {
	font-family: var(--t101-font-mono);
	font-size: var(--t101-fs-xs);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--t101-ink-muted);
}

/* Hot Issues ticker */
.t101-cmd-hot {
	display: flex;
	align-items: baseline;
	gap: var(--t101-sp-4);
	border: 1px solid var(--t101-line);
	border-left: 3px solid var(--t101-clay);
	border-radius: var(--t101-radius-sm);
	background: var(--t101-paper-raised);
	padding: var(--t101-sp-4) var(--t101-sp-6);
	margin-bottom: var(--t101-sp-8);
}
.t101-cmd-hot__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--t101-sp-2) var(--t101-sp-6); }
.t101-cmd-hot__list li { margin: 0; }
.t101-cmd-hot__list a { color: var(--t101-ink); text-decoration: none; font-size: var(--t101-fs-sm); }
.t101-cmd-hot__list a:hover { color: var(--t101-clay); text-decoration: underline; }

/* Featured Petition */
.t101-cmd-petition {
	border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm);
	background: var(--t101-brass-soft);
	padding: var(--t101-sp-8);
	margin-bottom: var(--t101-sp-8);
}
.t101-cmd-petition__kicker {
	font-family: var(--t101-font-mono);
	font-size: var(--t101-fs-xs);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--t101-brass);
	margin: 0 0 var(--t101-sp-2);
}
.t101-cmd-petition__title { font-family: var(--t101-font-display); font-size: var(--t101-fs-xl); margin: 0 0 var(--t101-sp-2); color: var(--t101-evergreen); }
.t101-cmd-petition__target { font-family: var(--t101-font-mono); font-size: var(--t101-fs-xs); color: var(--t101-ink-muted); margin: 0 0 var(--t101-sp-3); }
.t101-cmd-petition__summary { font-size: var(--t101-fs-base); line-height: 1.6; margin: 0 0 var(--t101-sp-4); max-width: 70ch; }
.t101-cmd-petition__bar {
	height: 10px;
	border-radius: var(--t101-radius-pill);
	background: var(--t101-paper);
	border: 1px solid var(--t101-line);
	overflow: hidden;
	margin-bottom: var(--t101-sp-2);
}
.t101-cmd-petition__bar span { display: block; height: 100%; background: var(--t101-brass); }
.t101-cmd-petition__progress { font-family: var(--t101-font-mono); font-size: var(--t101-fs-sm); color: var(--t101-ink-muted); margin: 0 0 var(--t101-sp-4); }

/* Section gateways */
.t101-cmd-gates {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--t101-sp-4);
	margin-bottom: var(--t101-sp-8);
}
.t101-cmd-gates__card {
	position: relative;
	display: block;
	border: 1px solid var(--t101-line);
	border-radius: var(--t101-radius-sm);
	background: var(--t101-paper-raised);
	padding: var(--t101-sp-6);
	text-decoration: none;
	color: var(--t101-ink);
	box-shadow: var(--t101-shadow-sm);
	transition: border-color var(--t101-dur) var(--t101-ease), box-shadow var(--t101-dur) var(--t101-ease);
}
.t101-cmd-gates__card:hover { border-color: var(--t101-brass); box-shadow: var(--t101-shadow); }
.t101-cmd-gates__card h3 { font-family: var(--t101-font-display); font-size: var(--t101-fs-lg); color: var(--t101-evergreen); margin: 0 0 var(--t101-sp-2); }
.t101-cmd-gates__card p { font-size: var(--t101-fs-sm); line-height: 1.55; color: var(--t101-ink-muted); margin: 0 var(--t101-sp-6) 0 0; }
.t101-cmd-gates__go { position: absolute; right: var(--t101-sp-4); bottom: var(--t101-sp-4); color: var(--t101-brass); font-size: var(--t101-fs-lg); }

/* Events strip — reuses .t101-ev rows from calendar.css */
.t101-cmd-events { margin-bottom: var(--t101-sp-12); }
.t101-cmd-events__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: var(--t101-sp-4); }
.t101-cmd-events__head h2 { font-family: var(--t101-font-display); font-size: var(--t101-fs-xl); color: var(--t101-evergreen); margin: 0; }
.t101-cmd-events__head a { font-family: var(--t101-font-mono); font-size: var(--t101-fs-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--t101-brass); text-decoration: none; }
.t101-cmd-events__head a:hover { text-decoration: underline; }
.t101-cmd-events__list { display: flex; flex-direction: column; gap: var(--t101-sp-3); }

/* Responsive */
@media (max-width: 860px) {
	.t101-cmd-stats { grid-template-columns: repeat(2, 1fr); }
	.t101-cmd-hero { padding: var(--t101-sp-8) var(--t101-sp-6); }
	.t101-cmd-hero .t101-cmd-hero__title { font-size: var(--t101-fs-2xl); }
}
@media (max-width: 520px) {
	.t101-cmd-stats { grid-template-columns: 1fr 1fr; gap: var(--t101-sp-3); }
	.t101-cmd-hot { flex-direction: column; gap: var(--t101-sp-2); }
}

/* S16: suppress Divi page title on front page — hero owns the page (single H1) */
.home h1.entry-title.main_title { display: none; }

/* S16: force 3+2 gateway grid at desktop — 5th card orphan fix */
@media (min-width: 981px) {
	.t101-cmd-gates { grid-template-columns: repeat(3, 1fr); }
}

/* S46 mobile: hero display size step for phones (launch smoke finding 1) */
@media (max-width: 560px) {
	.t101-cmd-hero .t101-cmd-hero__title { font-size: var(--t101-fs-xl); }
}