/*
 * Global Shell: section-led-feature-grid (opt-in) — SITE DESIGN 002 Visual
 * Divergence Revision 001, Editorial Core 0.6.1.
 *
 * Isolation: every selector below is scoped to `.site-header--section-led`
 * or `.site-footer--section-led`, both introduced only by this shell's own
 * header.php / footer.php. Nothing here touches the legacy `editorial`
 * shell's header/footer rules (assets/css/components.css) or the
 * `reference-directory` shell's isolated stylesheet. Enqueued only when
 * `presentation.global_shell` resolves to `section-led-feature-grid` (see
 * inc/site-shell.php).
 *
 * Footer: a four-column magazine index (identity / Sections / Latest /
 * More) in one real CSS grid, replacing the legacy shell's single
 * identity-left / nav-right row this archetype was previously reusing
 * unchanged (implementation instruction Section 8: "the footer must not
 * visually collapse back to Design 001").
 */

.site-header--section-led {
	border-block-end-width: 2px;
}

.site-footer--section-led {
	margin-block-start: var(--space-96);
	padding-block: var(--space-64);
	border-block-start: 2px solid var(--sled-accent);
	background: var(--sled-footer-bg);
	color: var(--sled-footer-text);
}

.sled-footer__inner {
	display: grid;
	grid-template-columns: minmax(14rem, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: var(--space-32);
	align-items: start;
}

.sled-footer__identity {
	min-inline-size: 0;
}

.sled-footer__description {
	max-inline-size: 32ch;
	margin: var(--space-8) 0 0;
	color: var(--sled-footer-text);
	opacity: 0.8;
	font-size: 0.9375rem;
}

.sled-footer__identity .site-footer__copyright {
	margin-block-start: var(--space-16);
}

.sled-footer__column-title {
	margin: 0 0 var(--space-16);
	color: var(--sled-footer-text);
	opacity: 0.75;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sled-footer__list {
	display: grid;
	gap: var(--space-12);
	margin: 0;
	padding: 0;
	list-style: none;
}

.sled-footer__list a {
	color: var(--sled-footer-text);
	font-weight: 650;
	text-decoration: none;
}

.sled-footer__list a:hover {
	color: var(--sled-footer-text);
	text-decoration-color: var(--sled-accent);
	text-decoration: underline;
}

.site-footer--section-led .site-footer__brand,
.site-footer--section-led .site-footer__copyright {
	color: var(--sled-footer-text);
}

.site-footer--section-led .sled-footer__list li.sled-section-review a {
	--sled-section-color: var(--sled-section-review);
	text-decoration-color: var(--sled-section-review);
}

.site-footer--section-led .sled-footer__list li.sled-section-guide a {
	--sled-section-color: var(--sled-section-guide);
	text-decoration-color: var(--sled-section-guide);
}

.site-footer--section-led .sled-footer__list li.sled-section-news a {
	--sled-section-color: var(--sled-section-news);
	text-decoration-color: var(--sled-section-news);
}

.site-footer--section-led .sled-footer__list li.sled-section-deepdive a {
	--sled-section-color: var(--sled-section-deepdive);
	text-decoration-color: var(--sled-section-deepdive);
}

.site-footer--section-led a:focus-visible {
	outline: 3px solid var(--sled-footer-text);
	outline-offset: 3px;
}

@media (max-width: 64rem) {
	.sled-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sled-footer__identity {
		grid-column: 1 / -1;
	}
}

@media (max-width: 40rem) {
	.sled-footer__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-24);
	}
}