/**
 * Ocean Currents Skin — V4
 *
 * Evolved from V3 Command Center: Caribbean sea-inspired wave movement,
 * alternating cool/warm section temperatures, serif display headlines,
 * frosted glass homepage cards, light archive cards for scannability.
 *
 * Palette (ocean depth metaphor):
 *   Deep Space #023047 (ocean floor, 60%) | Mid #034464
 *   Blue Green #219EBC (reef zone, 20%) | Sky Blue #8ECAE6 (surface, 10%)
 *   Amber #FFB703 (sunlight) | Orange #FB8500 (coral/sunset)
 *   Text #f0f2f5
 *
 * @package CPDC_Sovereign_Debt_Hub
 * @since 0.2.0
 */

/* ==========================================================================
   1. DESIGN TOKENS
   ========================================================================== */

.skin-command-center {
	/* Colors (unchanged from V3) */
	--cc-deep: #023047;
	--cc-mid: #034464;
	--cc-accent: #219EBC;
	--cc-highlight: #FFB703;
	--cc-warning: #FB8500;
	--cc-text: #f0f2f5;
	--cc-dim: #8ECAE6;

	/* Borders */
	--cc-border-subtle: rgba(142, 202, 230, 0.08);
	--cc-border-medium: rgba(142, 202, 230, 0.15);
	--cc-border-strong: rgba(142, 202, 230, 0.22);

	/* Typography — NEW display font */
	--cc-font-display: 'DM Serif Display', Georgia, serif;
	--cc-font-main: 'Inter', 'Helvetica Neue', sans-serif;
	--cc-font-mono: 'Courier New', Courier, monospace;

	/* Border Radius — NEW (replaces V3's global 0) */
	--cc-radius-sm: 6px;
	--cc-radius-md: 10px;
	--cc-radius-lg: 16px;
	--cc-radius-pill: 999px;

	/* Transitions — NEW flowing motion */
	--cc-transition-flow: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--cc-transition-slow: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

	/* Spacing (unchanged) */
	--cc-space-xs: 0.5rem;
	--cc-space-sm: 1rem;
	--cc-space-md: 1.5rem;
	--cc-space-lg: 2rem;
	--cc-space-xl: 3rem;
	--cc-space-2xl: 4rem;
}

/* ==========================================================================
   2. WAVE KEYFRAMES (NEW)
   ========================================================================== */

@keyframes ocean-drift {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes ocean-drift-vertical {
	0%   { background-position: 50% 0%; }
	50%  { background-position: 50% 100%; }
	100% { background-position: 50% 0%; }
}

@keyframes ocean-shimmer {
	0%   { opacity: 0.4; }
	50%  { opacity: 0.7; }
	100% { opacity: 0.4; }
}

@keyframes ocean-pulse {
	0%   { transform: scale(1); opacity: 0.6; }
	50%  { transform: scale(1.05); opacity: 0.8; }
	100% { transform: scale(1); opacity: 0.6; }
}

/* ==========================================================================
   3. SCROLL-REVEAL ANIMATIONS
   Timing bumped from V3's 0.7s to 0.8s for flowing feel.
   ========================================================================== */

.skin-command-center .cc-reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.skin-command-center .cc-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.skin-command-center .cc-reveal-stagger > .cc-reveal:nth-child(1) { transition-delay: 0ms; }
.skin-command-center .cc-reveal-stagger > .cc-reveal:nth-child(2) { transition-delay: 100ms; }
.skin-command-center .cc-reveal-stagger > .cc-reveal:nth-child(3) { transition-delay: 200ms; }
.skin-command-center .cc-reveal-stagger > .cc-reveal:nth-child(4) { transition-delay: 300ms; }
.skin-command-center .cc-reveal-stagger > .cc-reveal:nth-child(5) { transition-delay: 400ms; }
.skin-command-center .cc-reveal-stagger > .cc-reveal:nth-child(6) { transition-delay: 500ms; }

.skin-command-center .cc-reveal--left {
	opacity: 0;
	transform: translateX(-30px);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.skin-command-center .cc-reveal--left.is-visible {
	opacity: 1;
	transform: translateX(0);
}

.skin-command-center .cc-reveal--right {
	opacity: 0;
	transform: translateX(30px);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.skin-command-center .cc-reveal--right.is-visible {
	opacity: 1;
	transform: translateX(0);
}

.skin-command-center .cc-reveal--scale {
	opacity: 0;
	transform: scale(0.92);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.skin-command-center .cc-reveal--scale.is-visible {
	opacity: 1;
	transform: scale(1);
}

/* ==========================================================================
   4. GLOBAL OVERRIDES — Wave-animated body, serif headings
   NO global border-radius: 0 (removed from V3)
   ========================================================================== */

.ambient-bg,
.light-beams {
	display: none;
}

.skin-command-center {
	background-color: var(--cc-deep);
	color: var(--cc-text);
	font-family: var(--cc-font-main);
}

.skin-command-center::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(ellipse at 20% 0%, rgba(33, 158, 188, 0.18) 0%, transparent 50%),
		radial-gradient(ellipse at 80% 100%, rgba(255, 183, 3, 0.12) 0%, transparent 50%),
		linear-gradient(160deg, #011a2b 0%, #023047 25%, #045a7a 50%, #023047 75%, #012030 100%);
}

/* Focus states */
.skin-command-center :focus {
	outline: 2px solid var(--cc-accent);
	outline-offset: 2px;
}

.skin-command-center :focus:not(:focus-visible) {
	outline: none;
}

.skin-command-center :focus-visible {
	outline: 2px solid var(--cc-accent);
	outline-offset: 2px;
}

/* Links */
.skin-command-center a {
	color: var(--cc-accent);
	transition: color var(--cc-transition-flow);
}

.skin-command-center a:hover {
	color: var(--cc-text);
}

/* Headings — serif display, title case */
.skin-command-center :where(h1, h2, h3, h4, h5, h6) {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-weight: 400;
	letter-spacing: -0.01em;
	text-transform: none;
}

/* Body text */
.skin-command-center p,
.skin-command-center .card__excerpt,
.skin-command-center .home-explore__tile-desc {
	color: var(--cc-dim);
}

.skin-command-center #main-content {
	background-color: transparent;
}

/* ==========================================================================
   5a. CARDS — Homepage: Frosted Glass
   ========================================================================== */

.skin-command-center .card {
	background: rgba(2, 48, 71, 0.45);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(142, 202, 230, 0.12);
	border-left: none;
	border-radius: var(--cc-radius-md);
	box-shadow: 0 4px 16px rgba(2, 48, 71, 0.2);
	padding-left: var(--cc-space-md);
	transition: transform var(--cc-transition-flow),
	            box-shadow var(--cc-transition-flow);
}

.skin-command-center .card:hover {
	border-color: rgba(142, 202, 230, 0.2);
	box-shadow: 0 8px 32px rgba(33, 158, 188, 0.15);
	background: rgba(2, 48, 71, 0.55);
	transform: translateY(-4px);
}

.skin-command-center .card__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .card__link {
	color: var(--cc-text);
}

.skin-command-center .card__link:hover {
	color: var(--cc-accent);
}

.skin-command-center .card__excerpt {
	color: var(--cc-dim);
}

.skin-command-center .card__footer {
	border-top: 1px solid var(--cc-border-medium);
}

.skin-command-center .card__thumbnail {
	background-color: var(--cc-mid);
	border-radius: var(--cc-radius-sm);
}

.skin-command-center .card--policy .card__title,
.skin-command-center .card--advocacy .card__title {
	color: var(--cc-text);
}

/* ==========================================================================
   5b. CARDS — Archive/Data: Light backgrounds for scannability
   ========================================================================== */

/* Applied via archive-specific selectors in sections 18, 26-32 */

/* ==========================================================================
   6. BUTTONS — Pill shape, gradient primary
   ========================================================================== */

.skin-command-center .btn,
.skin-command-center button:not([class*="wp-"]):not([class*="advocacy-posters"]):not([class*="lightbox"]):not([class*="resource-video-card"]):not([class*="resource-card__image"]):not([class*="home-resources__card-play"]):not([class*="resource-search-bar"]),
.skin-command-center [type="submit"],
.skin-command-center .home-hero__cta,
.skin-command-center .home-documentary__cta,
.skin-command-center .home-action__card-cta,
.skin-command-center .site-header__cta {
	background: transparent;
	border: 1px solid var(--cc-dim);
	color: var(--cc-text);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.9rem;
	padding: 0.75rem 1.75rem;
	border-radius: var(--cc-radius-pill);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .btn:hover,
.skin-command-center button:not([class*="wp-"]):not([class*="advocacy-posters"]):not([class*="lightbox"]):not([class*="resource-video-card"]):not([class*="resource-card__image"]):not([class*="home-resources__card-play"]):not([class*="resource-search-bar"]):hover,
.skin-command-center [type="submit"]:hover,
.skin-command-center .home-hero__cta:hover,
.skin-command-center .home-documentary__cta:hover,
.skin-command-center .home-action__card-cta:hover,
.skin-command-center .site-header__cta:hover {
	background: var(--cc-accent);
	border-color: var(--cc-accent);
	color: var(--cc-deep);
	transform: none;
}

/* Primary button — amber→orange gradient */
.skin-command-center .btn--primary,
.skin-command-center .home-hero__cta--primary {
	background: linear-gradient(135deg, var(--cc-highlight), var(--cc-warning));
	border-color: transparent;
	color: var(--cc-deep);
}

.skin-command-center .btn--primary:hover,
.skin-command-center .home-hero__cta--primary:hover {
	background: linear-gradient(135deg, var(--cc-warning), var(--cc-highlight));
	border-color: transparent;
	color: var(--cc-deep);
	box-shadow: 0 4px 20px rgba(255, 183, 3, 0.3);
}

/* Secondary button */
.skin-command-center .btn--secondary,
.skin-command-center .home-hero__cta--secondary {
	border-color: var(--cc-text);
	color: var(--cc-text);
}

.skin-command-center .btn--secondary:hover,
.skin-command-center .home-hero__cta--secondary:hover {
	background: var(--cc-text);
	color: var(--cc-deep);
}

/* ==========================================================================
   7. CHIPS — Rounded pill, subtle fill
   ========================================================================== */

.skin-command-center .chip {
	background: rgba(142, 202, 230, 0.08);
	border: 1px solid var(--cc-border-medium);
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	text-transform: uppercase;
	font-size: 0.65rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	padding: 0.3rem 0.75rem;
	border-radius: var(--cc-radius-pill);
	transition: all var(--cc-transition-flow);
}

.skin-command-center a.chip:hover,
.skin-command-center button.chip:hover {
	background: rgba(33, 158, 188, 0.15);
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .chip--active {
	background: var(--cc-accent);
	border-color: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .chip--active:hover {
	background: transparent;
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

/* ==========================================================================
   8. SITE HEADER — Backdrop blur with warm saturation
   ========================================================================== */

.skin-command-center .site-header {
	background-color: rgba(2, 48, 71, 0.6);
	backdrop-filter: blur(16px) saturate(1.4);
	-webkit-backdrop-filter: blur(16px) saturate(1.4);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .site-header__logo {
	color: var(--cc-text);
}

.skin-command-center .site-header__logo-icon {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .site-header__logo-text {
	color: var(--cc-text);
}

/* Nav items — clean sans-serif, normal case */
.skin-command-center .site-header__menu .menu-item a {
	color: var(--cc-text);
	font-family: var(--cc-font-main);
	text-transform: none;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0;
	transition: color var(--cc-transition-flow);
}

.skin-command-center .site-header__menu .menu-item a:hover,
.skin-command-center .site-header__menu .menu-item.current-menu-item a,
.skin-command-center .site-header__menu .menu-item.current_page_item a {
	color: var(--cc-accent);
}

/* ==========================================================================
   9. SITE FOOTER — Deep ocean descent gradient
   ========================================================================== */

.skin-command-center .site-footer {
	background: linear-gradient(180deg, #023047 0%, #012030 50%, #010f1a 100%);
	border-top: 1px solid var(--cc-border-medium);
}

.skin-command-center .site-footer__brand {
	color: var(--cc-text);
}

.skin-command-center .site-footer__brand-icon {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .site-footer__brand-name {
	color: var(--cc-text);
}

.skin-command-center .site-footer__tagline {
	color: var(--cc-dim);
}

/* Footer headings — clean sans-serif, NO "// " prefix */
.skin-command-center .site-footer__heading {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	text-transform: uppercase;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
}

.skin-command-center .site-footer__heading::before {
	content: none;
}

.skin-command-center .site-footer__links a {
	color: var(--cc-dim);
	transition: color var(--cc-transition-flow);
}

.skin-command-center .site-footer__links a:hover {
	color: var(--cc-accent);
}

.skin-command-center .site-footer__social-link {
	border: 1px solid var(--cc-border-medium);
	color: var(--cc-dim);
	border-radius: var(--cc-radius-pill);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .site-footer__social-link:hover {
	background-color: var(--cc-accent);
	border-color: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .site-footer__bottom {
	border-top: 1px solid var(--cc-border-medium);
}

.skin-command-center .site-footer__copyright {
	color: var(--cc-dim);
}

.skin-command-center .site-footer__legal a {
	color: var(--cc-dim);
}

.skin-command-center .site-footer__legal a:hover {
	color: var(--cc-accent);
}

/* ==========================================================================
   10. EYEBROW LABELS — "~ PREFIX" wave motif
   ========================================================================== */

.skin-command-center [class*="__eyebrow"]::before {
	content: "";
}

.skin-command-center [class*="__eyebrow"] {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	text-transform: uppercase;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.08em;
}

/* ==========================================================================
   11. HERO SECTION — Parallax + wave-animated overlay
   ========================================================================== */

.skin-command-center .home-hero {
	background-image: url('/wp-content/uploads/2026/02/anitadee7_An_image_of_a_caribbean_landscape_lush_covered.jpg');
	background-size: cover;
	background-position: center;
	background-color: var(--cc-deep);
	background-attachment: fixed;
}

@media (hover: none) {
	.skin-command-center .home-hero {
		background-attachment: scroll;
	}
}


/* Hero title — DM Serif Display, title case */
.skin-command-center .home-hero__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-weight: 400;
	text-transform: none;
	font-size: clamp(3rem, 7vw, 8rem);
	letter-spacing: -0.02em;
	line-height: 0.95;
}

.skin-command-center .home-hero__title-outline {
	color: transparent;
	-webkit-text-stroke: 1.5px var(--cc-highlight);
}

.skin-command-center .home-hero__subtitle {
	color: var(--cc-dim);
	font-size: var(--wp--preset--font-size--lg);
	max-width: 680px;
}

/* ==========================================================================
   12. EXPLORE SECTION — Frosted glass tiles
   ========================================================================== */

.skin-command-center .home-explore {
	background-color: transparent;
}

.skin-command-center .home-explore__container {
	background:
		radial-gradient(ellipse at 0% 0%, rgba(33, 158, 188, 0.06) 0%, transparent 50%);
	box-shadow: none;
	border-top: 1px solid var(--cc-border-medium);
	padding-block-start: var(--cc-space-2xl);
	margin-block-start: 0;
}

.skin-command-center .home-explore__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-explore__tile {
	background: rgba(2, 48, 71, 0.45);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(142, 202, 230, 0.12);
	border-left: none;
	border-radius: var(--cc-radius-md);
	box-shadow: 0 4px 16px rgba(2, 48, 71, 0.2);
	padding-left: var(--cc-space-md);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-explore__tile:hover {
	box-shadow: 0 8px 32px rgba(33, 158, 188, 0.15);
	transform: translateY(-4px);
	background: rgba(2, 48, 71, 0.55);
}

.skin-command-center .home-explore__tile-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-explore__tile-desc {
	color: var(--cc-dim);
}

.skin-command-center .home-explore__tile-link {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

/* ==========================================================================
   13. POLICIES SECTION — WARM amber/orange temperature
   ========================================================================== */

.skin-command-center .home-policies {
	background:
		radial-gradient(ellipse at 80% 20%, rgba(255, 183, 3, 0.2) 0%, transparent 45%),
		radial-gradient(ellipse at 20% 80%, rgba(251, 133, 0, 0.15) 0%, transparent 45%),
		linear-gradient(170deg, rgba(3, 68, 100, 0.5) 0%, rgba(2, 48, 71, 0.2) 60%, transparent 100%);
	background-size: 200% 200%;
	animation: ocean-drift 16s ease-in-out infinite;
	border-top: 1px solid var(--cc-border-subtle);
	padding-block: var(--cc-space-2xl);
}

.skin-command-center .home-policies__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-policies__view-all {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

/* Policy grid */
.skin-command-center .home-policies__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media (min-width: 768px) {
	.skin-command-center .home-policies__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Policy cards — frosted glass with bottom gradient accent */
.skin-command-center .home-policies__card {
	background: rgba(2, 48, 71, 0.45);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(142, 202, 230, 0.12);
	border-radius: var(--cc-radius-md);
	box-shadow: 0 4px 16px rgba(2, 48, 71, 0.2);
	overflow: hidden;
	padding: 1.5rem;
	position: relative;
	transition: all var(--cc-transition-flow);
	cursor: pointer;
}

/* Bottom gradient border (amber→orange) — replaces V3 left accent */
.skin-command-center .home-policies__card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--cc-highlight), var(--cc-warning));
	top: auto;
}

.skin-command-center .home-policies__card:hover {
	border-color: rgba(255, 183, 3, 0.25);
	background: rgba(2, 48, 71, 0.55);
	transform: translateY(-4px);
	box-shadow: 0 8px 32px rgba(255, 183, 3, 0.1);
}

.skin-command-center .home-policies__card-image {
	display: none;
}

/* Policy card meta */
.skin-command-center .home-policies__card-meta {
	display: inline-flex;
	align-items: center;
	gap: 0;
	margin-bottom: 1rem;
	border: 1px solid var(--cc-border-strong);
	border-radius: var(--cc-radius-pill);
	padding: 0.25rem 0.75rem;
}

.skin-command-center .home-policies__card-theme {
	background-color: transparent;
	border: none;
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	text-transform: uppercase;
	font-size: 0.65rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	padding: 0;
}

.skin-command-center .home-policies__card-theme::after {
	content: " | ";
	color: var(--cc-dim);
}

.skin-command-center .home-policies__card-date {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-size: 0.65rem;
	text-transform: none;
}

.skin-command-center .home-policies__card-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 1rem;
}

.skin-command-center .home-policies__card-excerpt {
	color: var(--cc-dim);
	font-size: 0.9rem;
	line-height: 1.6;
	margin-bottom: 2rem;
}

.skin-command-center .home-policies__card-link {
	display: inline-block;
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
	transition: border-color var(--cc-transition-flow);
}

.skin-command-center .home-policies__card-link:hover {
	border-bottom-color: var(--cc-accent);
}

/* ==========================================================================
   14. DOCUMENTARY SECTION — Deep cinematic parallax
   ========================================================================== */

.skin-command-center .home-documentary {
	position: relative;
	overflow: hidden;
}

.skin-command-center .home-documentary__bg {
	background-color: #012030 !important;
	background-image: url('../../images/anitadee7_family_post_hurricane.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	max-height: 70vh;
	position: relative;
}

@media (hover: none) {
	.skin-command-center .home-documentary__bg {
		background-attachment: scroll !important;
	}
}

.skin-command-center .home-documentary__overlay {
	position: relative;
	z-index: 1;
	background:
		radial-gradient(ellipse at 0% 50%, rgba(255, 183, 3, 0.06) 0%, transparent 40%),
		linear-gradient(
			to right,
			rgba(2, 48, 71, 0.88) 0%,
			rgba(2, 48, 71, 0.6) 50%,
			rgba(2, 48, 71, 0.35) 100%
		);
	min-height: 80vh;
	display: flex;
	align-items: center;
}

.skin-command-center .home-documentary__content {
	text-align: left;
	max-width: 600px;
}

.skin-command-center .home-documentary__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 400;
}

.skin-command-center .home-documentary__description {
	color: rgba(240, 242, 245, 0.85);
}

/* ==========================================================================
   15. STATS SECTION — Cool blue, amber serif values, bottom borders
   ========================================================================== */

.skin-command-center .home-stats {
	background:
		radial-gradient(ellipse at 50% 50%, rgba(142, 202, 230, 0.15) 0%, transparent 60%),
		radial-gradient(ellipse at 100% 0%, rgba(33, 158, 188, 0.18) 0%, transparent 40%);
	background-size: 200% 200%;
	animation: ocean-drift 14s ease-in-out infinite;
	border-top: 1px solid var(--cc-border-subtle);
}

.skin-command-center .home-stats__box {
	background-color: transparent;
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-lg);
	padding: var(--cc-space-xl);
}

.skin-command-center .home-stats__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-stats__description {
	color: var(--cc-dim);
}

.skin-command-center .home-stats__link {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

/* Stats cards — bottom border (not left), centered */
.skin-command-center .home-stats__card {
	background-color: transparent;
	border-left: none;
	border-bottom: 3px solid var(--cc-accent);
	text-align: center;
	padding-left: 0;
	padding-bottom: var(--cc-space-sm);
}

/* Stat values — DM Serif Display */
.skin-command-center .home-stats__value {
	color: var(--cc-highlight);
	font-family: var(--cc-font-display);
	font-size: clamp(2.5rem, 4vw, 3.5rem);
}

.skin-command-center .home-stats__label {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	text-transform: uppercase;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.08em;
}

/* ==========================================================================
   16. TAKE ACTION — WARM orange glow, frosted cards, circle icons
   ========================================================================== */

.skin-command-center .home-action {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(251, 133, 0, 0.22) 0%, transparent 50%),
		radial-gradient(ellipse at 0% 50%, rgba(255, 183, 3, 0.18) 0%, transparent 40%);
	background-size: 200% 200%;
	animation: ocean-drift 12s ease-in-out infinite;
	border-top: 1px solid var(--cc-border-subtle);
	padding: 5rem 0;
}

.skin-command-center .home-action__container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
}

.skin-command-center .home-action__layout {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 4rem;
	align-items: start;
}

@media (max-width: 1024px) {
	.skin-command-center .home-action__layout {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}

/* Left header — no left border, clean */
.skin-command-center .home-action__header {
	border-left: none;
	padding-left: 0;
	text-align: left;
}

.skin-command-center .home-action__eyebrow {
	display: block;
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 1.5rem;
	text-align: left;
}

.skin-command-center .home-action__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 400;
	line-height: 1.05;
	text-transform: none;
	letter-spacing: -0.02em;
	margin: 0 0 1.5rem;
	text-align: left;
}

.skin-command-center .home-action__subtitle {
	color: var(--cc-dim);
	font-size: 1rem;
	line-height: 1.6;
	max-width: 400px;
	margin: 0;
	text-align: left;
}

.skin-command-center .home-action__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

@media (max-width: 768px) {
	.skin-command-center .home-action__grid {
		grid-template-columns: 1fr;
	}
}

/* Cards — frosted glass */
.skin-command-center .home-action__card {
	background: rgba(2, 48, 71, 0.45);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(142, 202, 230, 0.12);
	border-radius: var(--cc-radius-md);
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 220px;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-action__card:hover {
	border-color: rgba(142, 202, 230, 0.2);
	background: rgba(2, 48, 71, 0.55);
	box-shadow: 0 8px 32px rgba(33, 158, 188, 0.12);
	transform: translateY(-4px);
}

.skin-command-center .home-action__card--wide {
	grid-column: 1 / -1;
}

/* Warning card — orange accent */
.skin-command-center .home-action__card--warning {
	border-color: rgba(251, 133, 0, 0.25);
}

.skin-command-center .home-action__card--warning:hover {
	border-color: rgba(251, 133, 0, 0.4);
	background: rgba(251, 133, 0, 0.08);
	box-shadow: 0 8px 32px rgba(251, 133, 0, 0.12);
}

.skin-command-center .home-action__card--warning .home-action__card-cta {
	border-color: var(--cc-warning);
	color: var(--cc-warning);
}

.skin-command-center .home-action__card--warning .home-action__card-cta:hover {
	background: var(--cc-warning);
	color: var(--cc-deep);
}

/* Circle icons — hide crosshair lines, show only circle */
.skin-command-center .home-action__card-icon {
	position: relative;
	width: 40px;
	height: 40px;
	margin-bottom: 1.5rem;
}

.skin-command-center .home-action__card-icon::before,
.skin-command-center .home-action__card-icon::after {
	display: none;
}

.skin-command-center .home-action__card-icon span:first-child {
	position: absolute;
	width: 32px;
	height: 32px;
	border: 2px solid var(--cc-dim);
	border-radius: 50% !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-action__card-icon span:last-child {
	display: none;
}

/* Helm icon — simplified to circle */
.skin-command-center .home-action__card-icon--helm {
	width: 44px;
	height: 44px;
}

.skin-command-center .home-action__card-icon--helm::before,
.skin-command-center .home-action__card-icon--helm::after {
	display: none;
}

.skin-command-center .home-action__card-icon--helm span:first-child {
	width: 36px;
	height: 36px;
	border: 2px solid var(--cc-dim);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-action__card-icon--helm span:first-child::before,
.skin-command-center .home-action__card-icon--helm span:first-child::after {
	display: none;
}

.skin-command-center .home-action__card:hover .home-action__card-icon span:first-child {
	border-color: var(--cc-accent);
	transform: translate(-50%, -50%) scale(1.1);
}

.skin-command-center .home-action__card-content {
	flex: 1;
}

.skin-command-center .home-action__card-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 0.75rem;
}

.skin-command-center .home-action__card-description {
	color: var(--cc-dim);
	font-size: 0.95rem;
	line-height: 1.6;
	margin: 0;
}

/* CTA — pill button */
.skin-command-center .home-action__card-cta {
	display: block;
	width: 100%;
	padding: 1rem;
	margin-top: 1.5rem;
	background: transparent;
	border: 1px solid var(--cc-accent);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-action__card-cta:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

/* ==========================================================================
   17. RESOURCES SECTION — Cool sky blue tint
   ========================================================================== */

.skin-command-center .home-resources {
	background:
		radial-gradient(ellipse at 50% 30%, rgba(142, 202, 230, 0.06) 0%, transparent 50%);
	border-top: 1px solid var(--cc-border-subtle);
	padding: 4rem 0;
}

.skin-command-center .home-resources__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-resources__view-all {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

.skin-command-center .home-resources__card {
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
	overflow: hidden;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-resources__card:hover {
	border-color: var(--cc-accent);
	box-shadow: 0 8px 24px rgba(33, 158, 188, 0.15);
	transform: translateY(-4px);
}

.skin-command-center .home-resources__card-image {
	background-color: var(--cc-mid);
	background-size: cover;
	background-position: center;
}

.skin-command-center .home-resources__card-overlay {
	background: linear-gradient(
		to bottom,
		transparent 15%,
		rgba(2, 48, 71, 0.65) 45%,
		rgba(2, 48, 71, 0.95) 100%
	);
}

.skin-command-center .home-resources__card-topic {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 500;
}

.skin-command-center .home-resources__card-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-resources__card-link {
	border-color: var(--cc-accent);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-accent);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .home-resources__card-link:hover {
	background-color: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .home-resources__card-play {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: rgba(2, 48, 71, 0.5);
	border-radius: 50% !important;
}

.skin-command-center .home-resources__card-play:hover {
	background: var(--cc-accent);
	border-color: var(--cc-accent);
}

.skin-command-center .home-resources__card-play:hover .home-resources__card-play-icon {
	border-color: transparent transparent transparent var(--cc-deep);
}

.skin-command-center .home-resources__card-play-icon {
	border-color: transparent transparent transparent var(--cc-accent);
}

/* ==========================================================================
   16b. LATEST NEWS — frosted cards, dark background
   ========================================================================== */

.skin-command-center .home-news {
	border-top: 1px solid var(--cc-border-subtle);
}

.skin-command-center .home-news__eyebrow {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
}

.skin-command-center .home-news__eyebrow::before {
	content: "";
}

.skin-command-center .home-news__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-news__view-all {
	color: var(--cc-accent);
}

.skin-command-center .home-news__card {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--cc-border-medium);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.skin-command-center .home-news__card:hover {
	border-color: var(--cc-accent);
	box-shadow: 0 8px 32px rgba(33, 158, 188, 0.1);
}

.skin-command-center .home-news__card-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .home-news__card-title a {
	color: var(--cc-text);
}

.skin-command-center .home-news__card-title a:hover {
	color: var(--cc-accent);
}

.skin-command-center .home-news__card-date {
	color: var(--cc-dim);
}

.skin-command-center .home-news__card-excerpt {
	color: var(--cc-dim);
}

/* ==========================================================================
   18. ARCHIVE PAGES — Light card mode on dark shell
   ========================================================================== */

/* Archive headers — stay dark */
.skin-command-center .archive-header {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(33, 158, 188, 0.06) 0%, transparent 50%),
		var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .archive-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .archive-description {
	color: var(--cc-dim);
}

/* Filter bar — frosted glass dark */
.skin-command-center .filter-bar {
	background-color: rgba(3, 68, 100, 0.6);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .filter-bar__label {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.65rem;
	letter-spacing: 0.08em;
}

.skin-command-center .filter-bar select,
.skin-command-center .filter-bar input {
	background-color: var(--cc-deep);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

.skin-command-center .filter-bar select:focus,
.skin-command-center .filter-bar input:focus {
	border-color: var(--cc-accent);
}

/* ==========================================================================
   19. SINGLE TEMPLATES — Serif titles, frosted content panels
   ========================================================================== */

.skin-command-center .single-header {
	background:
		radial-gradient(ellipse at 30% 80%, rgba(33, 158, 188, 0.05) 0%, transparent 40%),
		var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .single-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .single-meta {
	color: var(--cc-dim);
}

.skin-command-center .single-content {
	color: var(--cc-text);
}

.skin-command-center .single-content h2,
.skin-command-center .single-content h3,
.skin-command-center .single-content h4 {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center blockquote {
	background: rgba(142, 202, 230, 0.04);
	border-left: 3px solid var(--cc-accent);
	border-radius: 0 var(--cc-radius-sm) var(--cc-radius-sm) 0;
	padding-left: var(--cc-space-md);
}

.skin-command-center pre,
.skin-command-center code {
	background-color: var(--cc-mid);
	color: var(--cc-accent);
	font-family: var(--cc-font-mono);
	border-radius: var(--cc-radius-sm);
}

/* ==========================================================================
   20. TABS / PAGINATION / META / TABLES / FORMS
   ========================================================================== */

/* Tabs — pill active state */
.skin-command-center .tabs__list {
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .tabs__tab {
	background: transparent;
	border: none;
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 500;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
	border-radius: var(--cc-radius-pill);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .tabs__tab:hover {
	color: var(--cc-text);
}

.skin-command-center .tabs__tab--active,
.skin-command-center .tabs__tab[aria-selected="true"] {
	color: var(--cc-deep);
	background: linear-gradient(135deg, var(--cc-accent), rgba(33, 158, 188, 0.8));
	border-bottom: none;
}

.skin-command-center .tabs__panel {
	background-color: transparent;
}

/* Pagination — pill links */
.skin-command-center .pagination__link {
	background: transparent;
	border: 1px solid var(--cc-border-medium);
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	border-radius: var(--cc-radius-pill);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .pagination__link:hover {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .pagination__link--current {
	background: var(--cc-accent);
	border-color: var(--cc-accent);
	color: var(--cc-deep);
}

/* Meta row */
.skin-command-center .meta-row {
	color: var(--cc-dim);
}

.skin-command-center .meta-row__label {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.65rem;
	letter-spacing: 0.04em;
}

.skin-command-center .meta-row__value {
	color: var(--cc-text);
}

/* Tables */
.skin-command-center table {
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
	overflow: hidden;
}

.skin-command-center th {
	background-color: var(--cc-mid);
	color: var(--cc-text);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.65rem;
	letter-spacing: 0.04em;
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center td {
	border-bottom: 1px solid var(--cc-border-subtle);
	color: var(--cc-text);
}

.skin-command-center tbody tr:hover {
	background-color: rgba(33, 158, 188, 0.05);
}

/* Forms */
.skin-command-center input,
.skin-command-center select,
.skin-command-center textarea {
	background-color: var(--cc-mid);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
	transition: border-color var(--cc-transition-flow);
}

.skin-command-center input:focus,
.skin-command-center select:focus,
.skin-command-center textarea:focus {
	border-color: var(--cc-accent);
	outline: none;
}

.skin-command-center input::placeholder,
.skin-command-center textarea::placeholder {
	color: var(--cc-dim);
}

.skin-command-center label {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.65rem;
	letter-spacing: 0.04em;
}

/* ==========================================================================
   21. DOCUMENTARY SINGLE — Frosted panels, serif titles
   ========================================================================== */

.skin-command-center .documentary__breadcrumb {
	background: transparent;
	border-bottom: 1px solid var(--cc-border-medium);
	padding: 1.5rem 0;
}

.skin-command-center .documentary__nav {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	margin-bottom: 1rem;
}

.skin-command-center .documentary__nav a {
	color: var(--cc-accent);
}

.skin-command-center .documentary__nav a:hover {
	opacity: 0.7;
}

.skin-command-center .documentary__nav-current {
	color: var(--cc-text);
}

.skin-command-center .documentary__badge {
	background: rgba(142, 202, 230, 0.08);
	border: 1px solid var(--cc-border-medium);
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .documentary__badge--type {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .documentary__hero {
	background: transparent;
	border-bottom: none;
	padding: 3rem 0;
}

.skin-command-center .documentary__hero-grid {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.skin-command-center .documentary__hero-content {
	max-width: 900px;
}

.skin-command-center .documentary__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 400;
	line-height: 1.1;
	margin: 0 0 1.5rem;
	text-transform: none;
	letter-spacing: -0.02em;
}

.skin-command-center .documentary__summary {
	color: var(--cc-dim);
	font-size: 1.25rem;
	line-height: 1.6;
	margin: 0 0 2rem;
	max-width: 800px;
}

.skin-command-center .documentary__topics {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 2.5rem;
}

.skin-command-center .documentary__chip {
	background: rgba(142, 202, 230, 0.08);
	border: 1px solid var(--cc-accent);
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.5rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-radius: var(--cc-radius-pill);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .documentary__chip:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

/* Documentary buttons */
.skin-command-center .documentary__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 3rem;
}

.skin-command-center .documentary__btn {
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	padding: 0.875rem 1.75rem;
	font-size: 0.85rem;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .documentary__btn--primary {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .documentary__btn--primary:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .documentary__btn--secondary {
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
}

.skin-command-center .documentary__btn--secondary:hover {
	border-color: var(--cc-text);
	color: var(--cc-text);
}

/* Video frame */
.skin-command-center .documentary__hero-video {
	width: 100%;
}

.skin-command-center .documentary__video-frame {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	border: 1px solid var(--cc-border-medium);
	background: var(--cc-mid);
	margin-bottom: 2rem;
	overflow: hidden;
	border-radius: var(--cc-radius-md);
}

.skin-command-center .documentary__video-frame > * {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.skin-command-center .documentary__video-frame iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

.skin-command-center .documentary__video-placeholder {
	background: var(--cc-mid);
	border: 1px solid var(--cc-border-medium);
	color: var(--cc-dim);
	margin-bottom: 2rem;
	border-radius: var(--cc-radius-md);
}

.skin-command-center .documentary__play-badge {
	opacity: 0.5;
}

/* Info boxes — frosted panels */
.skin-command-center .documentary__info-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}

.skin-command-center .documentary__info-box {
	background: rgba(142, 202, 230, 0.04);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: none;
	border-left: 3px solid var(--cc-accent);
	border-radius: 0 var(--cc-radius-sm) var(--cc-radius-sm) 0;
	padding: 1rem 1.25rem;
}

.skin-command-center .documentary__info-label,
.skin-command-center .documentary__info-title {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.65rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.skin-command-center .documentary__info-value,
.skin-command-center .documentary__info-text {
	color: var(--cc-text);
	font-size: 0.9rem;
	line-height: 1.5;
}

/* Body section */
.skin-command-center .documentary__body {
	background: transparent;
	border-top: 1px solid var(--cc-border-medium);
	padding: 4rem 0;
}

.skin-command-center .documentary__body-grid {
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: 4rem;
}

@media (max-width: 1024px) {
	.skin-command-center .documentary__body-grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}

.skin-command-center .documentary__main {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.skin-command-center .documentary__section {
	background: transparent;
	border: none;
	padding: 0;
}

/* Section titles — clean sans-serif, no "// " prefix */
.skin-command-center .documentary__section-title {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.85rem;
	font-weight: 600;
	border-bottom: 1px solid var(--cc-border-medium);
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.skin-command-center .documentary__section-title::before {
	content: "~ ";
}

.skin-command-center .documentary__columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem;
}

@media (max-width: 768px) {
	.skin-command-center .documentary__columns {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

.skin-command-center .documentary__content,
.skin-command-center .documentary__section-content {
	color: var(--cc-text);
	font-size: 1.05rem;
	line-height: 1.8;
}

.skin-command-center .documentary__list {
	color: var(--cc-dim);
	font-size: 1rem;
	line-height: 1.7;
}

/* Credits — frosted panel */
.skin-command-center .documentary__section--credits {
	background: rgba(142, 202, 230, 0.04);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
	padding: 2rem;
	margin-top: 1rem;
}

.skin-command-center .documentary__credits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

@media (max-width: 600px) {
	.skin-command-center .documentary__credits-grid {
		grid-template-columns: 1fr;
	}
}

.skin-command-center .documentary__credit {
	padding: 0;
}

.skin-command-center .documentary__credit-label {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-size: 0.65rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.5rem;
	display: block;
}

.skin-command-center .documentary__credit-value {
	color: var(--cc-text);
	font-size: 1rem;
	margin: 0;
}

/* Sidebar — frosted panels */
.skin-command-center .documentary__sidebar {
	position: sticky;
	top: 2rem;
}

.skin-command-center .documentary__sidebar-panel,
.skin-command-center .documentary__related {
	background: rgba(142, 202, 230, 0.04);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
	padding: 1.5rem;
}

.skin-command-center .documentary__sidebar-title,
.skin-command-center .documentary__related-title {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.8rem;
	font-weight: 600;
	margin: 0 0 0.5rem;
}

.skin-command-center .documentary__related-title::before {
	content: "~ ";
}

.skin-command-center .documentary__sidebar-desc,
.skin-command-center .documentary__related-intro {
	color: var(--cc-dim);
	font-size: 0.9rem;
	margin: 0 0 1.5rem;
	line-height: 1.5;
}

/* Related items */
.skin-command-center .documentary__related-item {
	display: block;
	background: rgba(142, 202, 230, 0.04);
	border: none;
	border-left: 3px solid transparent;
	border-radius: var(--cc-radius-sm);
	padding: 1rem;
	margin-bottom: 0.75rem;
	text-decoration: none;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .documentary__related-item:hover {
	border-left-color: var(--cc-accent);
	background: rgba(33, 158, 188, 0.07);
}

.skin-command-center .documentary__related-badge {
	display: inline-block;
	background: transparent;
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.6rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.5rem;
}

.skin-command-center .documentary__related-item-title {
	display: block;
	color: var(--cc-text);
	font-size: 0.95rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

.skin-command-center .documentary__related-link {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
}

/* Feedback box */
.skin-command-center .documentary__feedback {
	background: rgba(142, 202, 230, 0.04);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
	padding: 1.5rem;
	margin-top: 1.5rem;
}

.skin-command-center .documentary__feedback-title,
.skin-command-center .documentary__feedback-label {
	display: block;
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-size: 0.65rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.5rem;
}

.skin-command-center .documentary__feedback-text {
	color: var(--cc-dim);
	font-size: 0.9rem;
	margin: 0 0 1rem;
	line-height: 1.5;
}

.skin-command-center .documentary__feedback-btn {
	background: transparent;
	border: 1px solid var(--cc-accent);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .documentary__feedback-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

/* ==========================================================================
   22. 404 / SEARCH — Serif display, rounded inputs
   ========================================================================== */

.skin-command-center .error-404,
.skin-command-center .search-no-results {
	background-color: var(--cc-deep);
}

.skin-command-center .error-404__title,
.skin-command-center .search-no-results__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .error-404__code {
	color: var(--cc-accent);
	font-family: var(--cc-font-display);
	font-size: clamp(5rem, 15vw, 12rem);
}

.skin-command-center .error-404__message,
.skin-command-center .search-no-results__message {
	color: var(--cc-dim);
}

.skin-command-center .search-form input[type="search"] {
	background-color: var(--cc-mid);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

.skin-command-center .search-form input[type="search"]:focus {
	border-color: var(--cc-accent);
}

.skin-command-center .search-form input[type="search"]::placeholder {
	color: var(--cc-dim);
}

/* ==========================================================================
   23. REDUCED MOTION — Disable ALL wave animations + transitions
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.skin-command-center,
	.skin-command-center *,
	.skin-command-center *::before,
	.skin-command-center *::after {
		animation: none !important;
		transition: none !important;
	}

	.skin-command-center .cc-reveal,
	.skin-command-center .cc-reveal--left,
	.skin-command-center .cc-reveal--right,
	.skin-command-center .cc-reveal--scale {
		opacity: 1;
		transform: none;
	}
}

/* ==========================================================================
   24. UTILITIES — Focus overrides, screen reader
   ========================================================================== */

.skin-command-center .visually-hidden:focus,
.skin-command-center .screen-reader-text:focus {
	background-color: var(--cc-mid);
	color: var(--cc-accent);
	border-radius: var(--cc-radius-sm);
}

/* ==========================================================================
   25. COUNTRIES ARCHIVE — Light card mode
   ========================================================================== */

.skin-command-center .countries-header {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(33, 158, 188, 0.06) 0%, transparent 50%),
		var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
}

/* Restore cover sizing when a hero photo is present (skin's background: shorthand resets it) */
.skin-command-center .countries-header--has-image {
	background-size: cover;
	background-position: center 40%;
}

.skin-command-center .countries-header__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .countries-header__subtitle {
	color: var(--cc-dim);
}

.skin-command-center .countries-header__sort-label {
	color: var(--cc-dim);
}

.skin-command-center .countries-header__sort-select {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

/* Filter chips */
.skin-command-center .countries-filters {
	border-bottom-color: var(--cc-border-medium);
}

.skin-command-center .countries-filters__chip {
	background: rgba(142, 202, 230, 0.08);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-dim);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .countries-filters__chip:hover {
	background: rgba(33, 158, 188, 0.15);
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .countries-filters__chip--active {
	background: var(--cc-warning);
	border-color: var(--cc-warning);
	color: var(--cc-deep);
}

.skin-command-center .countries-filters__chip--active:hover {
	background: var(--cc-highlight);
	border-color: var(--cc-highlight);
	color: var(--cc-deep);
}

/* Metrics explainer */
.skin-command-center .metrics-explainer__toggle {
	color: var(--cc-highlight);
}

.skin-command-center .metrics-explainer__toggle:hover {
	color: var(--cc-warning);
}

.skin-command-center .metrics-explainer__toggle:focus-visible {
	outline-color: var(--cc-warning);
}

.skin-command-center .metrics-explainer__panel {
	background: rgba(255, 183, 3, 0.06);
	border-color: rgba(255, 183, 3, 0.2);
}

.skin-command-center .metrics-explainer__term {
	color: var(--cc-highlight);
}

.skin-command-center .metrics-explainer__desc {
	color: var(--cc-dim);
}

/* Legend */
.skin-command-center .countries-legend__label {
	color: var(--cc-dim);
}

.skin-command-center .countries-legend__item {
	color: var(--cc-dim);
}

/* Country cards — LIGHT MODE */
.skin-command-center .country-card {
	background: #ffffff;
	border: 1px solid rgba(142, 202, 230, 0.15);
	border-radius: var(--cc-radius-md);
	box-shadow: 0 2px 8px rgba(2, 48, 71, 0.08);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .country-card:hover {
	border-color: rgba(33, 158, 188, 0.3);
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(2, 48, 71, 0.12);
	transform: translateY(-2px);
}

.skin-command-center .country-card__name {
	color: #023047;
	font-family: var(--cc-font-display);
}

.skin-command-center .country-card__membership {
	color: #034464;
}

.skin-command-center .country-card__metric-label {
	color: #5a7d8f;
}

.skin-command-center .country-card__metric-value {
	color: var(--cc-warning);
	font-weight: 600;
}

.skin-command-center .country-card__footer {
	border-top-color: rgba(142, 202, 230, 0.15);
}

.skin-command-center .country-card__cta {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

.skin-command-center .country-card__link:hover .country-card__cta {
	color: var(--cc-warning);
}

.skin-command-center .country-card__updated {
	color: #5a7d8f;
}

/* Regional summary */
.skin-command-center .countries-summary {
	background: rgba(3, 68, 100, 0.4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-lg);
}

.skin-command-center .countries-summary__heading {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .countries-summary__description {
	color: var(--cc-dim);
}

.skin-command-center .countries-summary__stat-value {
	color: var(--cc-warning);
	font-family: var(--cc-font-display);
}

.skin-command-center .countries-summary__stat-label {
	color: var(--cc-dim);
}

.skin-command-center .countries-summary__link {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

/* ==========================================================================
   26. COUNTRY SINGLE
   ========================================================================== */

.skin-command-center .country-hero {
	border-bottom-color: var(--cc-border-medium);
}

.skin-command-center .country-hero__breadcrumb {
	color: var(--cc-dim);
}

.skin-command-center .country-hero__breadcrumb a {
	color: var(--cc-accent);
}

.skin-command-center .country-hero__name {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .country-hero__meta {
	color: var(--cc-dim);
}

.skin-command-center .country-hero__updated {
	color: var(--cc-dim);
}

/* At-a-Glance */
.skin-command-center .country-glance {
	border-color: var(--cc-border-medium);
}

.skin-command-center .country-glance__heading {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .country-glance__card {
	background: transparent;
	border-color: var(--cc-border-medium);
	border-left: 3px solid var(--cc-accent);
	border-radius: 0 var(--cc-radius-sm) var(--cc-radius-sm) 0;
}

.skin-command-center .country-glance__card-value {
	color: var(--cc-highlight);
	font-family: var(--cc-font-display);
}

.skin-command-center .country-glance__card-label {
	color: var(--cc-dim);
}

.skin-command-center .country-glance__card-year {
	color: var(--cc-dim);
}

/* Country sections */
.skin-command-center .country-section {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .country-section__heading {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .country-section__subheading {
	color: var(--cc-dim);
}

.skin-command-center .country-section__description {
	color: var(--cc-dim);
}

.skin-command-center .country-section__chart {
	background-color: rgba(3, 68, 100, 0.3);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .country-section__chart-title {
	color: var(--cc-text);
}

.skin-command-center .country-section__chart-placeholder {
	background-color: var(--cc-mid);
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
	border-radius: var(--cc-radius-sm);
}

.skin-command-center .country-section__metric {
	background-color: transparent;
	border-color: var(--cc-border-medium);
	border-left: 3px solid var(--cc-accent);
	border-radius: 0 var(--cc-radius-sm) var(--cc-radius-sm) 0;
}

.skin-command-center .country-section__metric-value {
	color: var(--cc-highlight);
	font-family: var(--cc-font-display);
}

.skin-command-center .country-section__metric-label {
	color: var(--cc-dim);
}

.skin-command-center .country-section__links a {
	color: var(--cc-accent);
}

/* Callout */
.skin-command-center .country-callout {
	background-color: rgba(33, 158, 188, 0.08);
	border-left: 3px solid var(--cc-accent);
	border-radius: 0 var(--cc-radius-sm) var(--cc-radius-sm) 0;
	color: var(--cc-text);
}

.skin-command-center .country-callout__heading {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .country-callout__text {
	color: var(--cc-dim);
}

/* Single footer */
.skin-command-center .single--country .single__footer {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .single__back-link {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

/* ==========================================================================
   27. POLICY ARCHIVE — Light card mode
   ========================================================================== */

.skin-command-center .policy-header {
	background-color: var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .policy-header__eyebrow {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .policy-header__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .policy-header__subtitle {
	color: var(--cc-dim);
}

.skin-command-center .policy-header__cta-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.9rem;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-header__cta-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

/* Filters sidebar — frosted */
.skin-command-center .policy-filters__panel {
	background: rgba(3, 68, 100, 0.5);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .policy-filters__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .policy-filters__desc {
	color: var(--cc-dim);
}

.skin-command-center .policy-filters__reset {
	color: var(--cc-accent);
}

.skin-command-center .policy-filters__group-title {
	color: var(--cc-text);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .policy-filters__checkbox-label {
	color: var(--cc-dim);
}

.skin-command-center .policy-filters__checkbox {
	border-color: var(--cc-border-strong);
	background-color: var(--cc-deep);
	border-radius: 3px;
}

.skin-command-center .policy-filters__select {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

.skin-command-center .policy-filters__note {
	color: var(--cc-dim);
}

.skin-command-center .policy-filters__apply-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-filters__apply-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

/* Advocacy sidebar note */
.skin-command-center .policy-filters__advocacy {
	background: rgba(3, 68, 100, 0.4);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .policy-filters__advocacy-title {
	color: var(--cc-text);
}

.skin-command-center .policy-filters__advocacy-text {
	color: var(--cc-dim);
}

.skin-command-center .policy-filters__advocacy-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-filters__advocacy-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

/* Results header */
.skin-command-center .policy-results__count p {
	color: var(--cc-dim);
}

.skin-command-center .policy-results__count strong {
	color: var(--cc-text);
}

.skin-command-center .policy-results__note {
	color: var(--cc-dim);
}

.skin-command-center .policy-results__sort-label {
	color: var(--cc-dim);
}

.skin-command-center .policy-results__sort-select {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

/* Policy cards — LIGHT MODE */
.skin-command-center .policy-card {
	background: #ffffff;
	border: 1px solid rgba(142, 202, 230, 0.15);
	border-radius: var(--cc-radius-md);
	box-shadow: 0 2px 8px rgba(2, 48, 71, 0.08);
	position: relative;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .policy-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--cc-accent), rgba(33, 158, 188, 0.4));
	top: auto;
	border-radius: 0 0 var(--cc-radius-md) var(--cc-radius-md);
}

.skin-command-center .policy-card:hover {
	border-color: rgba(33, 158, 188, 0.3);
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(2, 48, 71, 0.12);
	transform: translateY(-2px);
}

.skin-command-center .policy-card__tag {
	background: rgba(142, 202, 230, 0.1);
	border-color: rgba(142, 202, 230, 0.2);
	border-radius: var(--cc-radius-pill);
	color: #034464;
	font-family: var(--cc-font-main);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.625rem;
	letter-spacing: 0.04em;
}

.skin-command-center .policy-card__tag--featured {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .policy-card__title {
	color: #023047;
	font-family: var(--cc-font-display);
}

.skin-command-center .policy-card__excerpt {
	color: #034464;
}

.skin-command-center .policy-card__cta {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.9rem;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-card__cta:hover {
	background: var(--cc-accent);
	color: #ffffff;
}

.skin-command-center .policy-card__image-placeholder {
	background-color: #f0f6fa;
	border-color: rgba(142, 202, 230, 0.15);
	border-radius: var(--cc-radius-sm);
}

.skin-command-center .policy-card__image-caption {
	color: #5a7d8f;
}

/* Pagination */
.skin-command-center .policy-results__pagination {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .policy-results__pagination-info {
	color: var(--cc-dim);
}

.skin-command-center .policy-results__pagination-btn {
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
	background: transparent;
	font-family: var(--cc-font-main);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-results__pagination-btn:hover:not(.is-disabled) {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
}

/* ==========================================================================
   28. POLICY SINGLE
   ========================================================================== */

.skin-command-center .policy-single__header {
	background:
		radial-gradient(ellipse at 30% 80%, rgba(33, 158, 188, 0.05) 0%, transparent 40%),
		var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .policy-single__breadcrumb {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__breadcrumb a {
	color: var(--cc-accent);
}

.skin-command-center .policy-single__breadcrumb-current {
	color: var(--cc-text);
}

.skin-command-center .policy-single__tag {
	background: rgba(142, 202, 230, 0.08);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-dim);
}

.skin-command-center .policy-single__tag--link:hover {
	background: var(--cc-accent);
	border-color: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .policy-single__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .policy-single__summary {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__meta {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__support-btn {
	background: linear-gradient(135deg, var(--cc-highlight), var(--cc-warning));
	border-color: transparent;
	color: var(--cc-deep);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-single__support-btn:hover {
	background: transparent;
	border-color: var(--cc-highlight);
	color: var(--cc-highlight);
}

.skin-command-center .policy-single__section {
	border-bottom-color: var(--cc-border-medium);
}

.skin-command-center .policy-single__section-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .policy-single__body {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__section--cta {
	background: rgba(3, 68, 100, 0.4);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .policy-single__support-intro {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__action-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-single__action-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .policy-single__action-btn--primary {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .policy-single__action-btn--primary:hover {
	background: transparent;
	color: var(--cc-accent);
}

/* Sidebar */
.skin-command-center .policy-single__sidebar-section {
	background: rgba(3, 68, 100, 0.4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .policy-single__sidebar-section--cta {
	background: rgba(33, 158, 188, 0.06);
}

.skin-command-center .policy-single__sidebar-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .policy-single__related-list a {
	color: var(--cc-accent);
}

.skin-command-center .policy-single__related-list a:hover {
	color: var(--cc-text);
}

.skin-command-center .policy-single__sidebar-note {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__sidebar-section p {
	color: var(--cc-dim);
}

.skin-command-center .policy-single__sidebar-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .policy-single__sidebar-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .policy-single__footer {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .policy-single__back-link {
	color: var(--cc-accent);
}

/* ==========================================================================
   29. RESOURCES ARCHIVE — Light card mode
   ========================================================================== */

.skin-command-center .resource-header {
	background-color: var(--cc-deep);
}

.skin-command-center .resource-header__eyebrow {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .resource-header__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .resource-header__subtitle {
	color: var(--cc-dim);
}

/* Search bar — frosted */
.skin-command-center .resource-search-bar__wrapper {
	background-color: var(--cc-mid);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .resource-search-bar__wrapper:focus-within {
	box-shadow: 0 4px 24px rgba(33, 158, 188, 0.2);
}

.skin-command-center .resource-search-bar__icon {
	color: var(--cc-dim);
}

.skin-command-center .resource-search-bar__input {
	color: var(--cc-text);
	background: transparent;
}

.skin-command-center .resource-search-bar__input::placeholder {
	color: var(--cc-dim);
}

.skin-command-center .resource-search-bar__divider {
	display: none;
}

.skin-command-center .resource-search-bar__select {
	color: var(--cc-dim);
	background-color: transparent;
	border: none !important;
	outline: none;
	box-shadow: none;
}

.skin-command-center .resource-search-bar__input {
	border: none !important;
	outline: none;
	box-shadow: none;
}

.skin-command-center .resource-search-bar__input-wrap,
.skin-command-center .resource-search-bar__select-wrap {
	border: none !important;
	box-shadow: none;
}

.skin-command-center .resource-search-bar__submit {
	background: linear-gradient(135deg, var(--cc-accent), rgba(33, 158, 188, 0.8));
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	min-width: 40px;
	padding: 0;
}

.skin-command-center .resource-search-bar__submit:hover {
	background: var(--cc-accent);
	color: #fff;
}

/* Resource sections */
.skin-command-center .resource-section {
	border-bottom-color: var(--cc-border-medium);
}

.skin-command-center .resource-section__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .resource-section__view-all {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

.skin-command-center .resource-section__browse-all a {
	color: var(--cc-accent);
}

/* Resource cards — transparent on dark background */
.skin-command-center .resource-card {
	background: transparent;
	border: none;
	box-shadow: none;
	transition: transform var(--cc-transition-flow);
}

.skin-command-center .resource-card:hover {
	background: transparent;
	border: none;
	box-shadow: none;
	transform: translateY(-2px);
}

.skin-command-center .resource-card__image {
	background-color: rgba(142, 202, 230, 0.1);
	border-radius: 6px;
}

.skin-command-center .resource-card__image-placeholder {
	border-radius: 6px;
}

/* Format badges */
.skin-command-center .resource-card__type {
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .resource-card__title a {
	color: var(--cc-text, #f0f2f5);
}

.skin-command-center .resource-card__title a:hover {
	color: var(--cc-accent);
	text-decoration: none;
}

.skin-command-center .resource-card__topic {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.12);
	border-radius: var(--cc-radius-pill);
	color: rgba(255, 255, 255, 0.6);
}

.skin-command-center .resource-card__topic:hover {
	background: rgba(33, 158, 188, 0.2);
	border-color: var(--cc-accent);
	color: var(--cc-accent);
}

.skin-command-center .resource-card__footer {
	border-top-color: rgba(142, 202, 230, 0.15);
}

.skin-command-center .resource-card__cta {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

.skin-command-center .resource-card__cta:hover {
	color: #023047;
	text-decoration: none;
}

.skin-command-center .resource-card__date {
	color: #5a7d8f;
}

/* Resource video cards — LIGHT MODE */
.skin-command-center .resource-video-card {
	background: transparent;
	border: none;
	box-shadow: none;
	transition: transform var(--cc-transition-flow);
}

.skin-command-center .resource-video-card:hover {
	background: transparent;
	border: none;
	box-shadow: none;
	transform: translateY(-2px);
}

.skin-command-center .resource-video-card__thumbnail {
	background-color: rgba(142, 202, 230, 0.1);
	border-radius: 6px;
}

.skin-command-center .resource-video-card__placeholder {
	border-radius: 6px;
}

.skin-command-center .resource-video-card__title a {
	color: var(--cc-text, #f0f2f5);
}

.skin-command-center .resource-video-card__title a:hover {
	color: var(--cc-accent);
	text-decoration: none;
}

.skin-command-center .resource-video-card__excerpt {
	color: rgba(255, 255, 255, 0.6);
}

/* Filters */
.skin-command-center .resource-filters__bar {
	background-color: rgba(3, 68, 100, 0.5);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .resource-filters__active-label {
	color: var(--cc-dim);
}

.skin-command-center .resource-filters__chip {
	background: rgba(142, 202, 230, 0.08);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-dim);
}

.skin-command-center .resource-filters__chip-remove {
	color: var(--cc-dim);
}

.skin-command-center .resource-filters__chip-remove:hover {
	color: var(--cc-accent);
	background: transparent;
}

.skin-command-center .resource-filters__reset {
	color: var(--cc-accent);
}

/* Results */
.skin-command-center .resource-results__count p {
	color: var(--cc-dim);
}

.skin-command-center .resource-results__count strong {
	color: var(--cc-text);
}

.skin-command-center .resource-results__sort-label {
	color: var(--cc-dim);
}

.skin-command-center .resource-results__sort-select {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

.skin-command-center .resource-results__sort-btn {
	background-color: var(--cc-mid);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-dim);
}

.skin-command-center .resource-results__empty {
	background-color: rgba(3, 68, 100, 0.3);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .resource-results__empty p {
	color: var(--cc-dim);
}

.skin-command-center .resource-results__empty-link {
	color: var(--cc-accent);
}

/* Pagination */
.skin-command-center .resource-results__pagination {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .resource-results__pagination-info {
	color: var(--cc-dim);
}

.skin-command-center .resource-results__pagination-btn {
	background: transparent;
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .resource-results__pagination-btn:hover:not(.is-disabled) {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
}

/* Resource single */
.skin-command-center .single--resource .single__header {
	background:
		radial-gradient(ellipse at 30% 80%, rgba(33, 158, 188, 0.05) 0%, transparent 40%),
		var(--cc-deep);
}

.skin-command-center .resource-meta__topics-label {
	color: var(--cc-dim);
}

/* --- Image format badge --- */
.skin-command-center .resource-card__type--image {
	background-color: rgba(20, 184, 166, 0.15);
	color: #14b8a6;
}

/* --- Gradient placeholders (override light bg for skin) --- */
.skin-command-center .resource-card__image-placeholder {
	/* Gradients already work on dark theme — no override needed.
	   But ensure the skin's light placeholder bg doesn't interfere. */
	background-color: transparent;
}

/* --- Video player --- */
.skin-command-center .single__player {
	background-color: var(--cc-deep, #023047);
}

/* --- Play overlay visibility on skin --- */
.skin-command-center .resource-video-card__play,
.skin-command-center .resource-card__play {
	background-color: rgba(0, 0, 0, 0.5);
	border: 2px solid rgba(255, 255, 255, 0.3);
}

.skin-command-center .resource-video-card__thumbnail:hover .resource-video-card__play,
.skin-command-center .resource-card__image-link:hover .resource-card__play {
	background-color: rgba(0, 0, 0, 0.7);
	border-color: rgba(255, 255, 255, 0.5);
}

/* --- Playlist group headings --- */
.skin-command-center .resource-videos__playlist-title {
	color: var(--cc-text, #f0f2f5);
	border-bottom-color: var(--cc-accent, #219EBC);
}

/* ==========================================================================
   30. ADVOCACY ARCHIVE — Light card mode
   ========================================================================== */

.skin-command-center .advocacy-header {
	background-color: var(--cc-deep);
}

.skin-command-center .advocacy-header__eyebrow {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .advocacy-header__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .advocacy-header__subtitle {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-header__cta-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-header__cta-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .advocacy-header__cta-btn--primary {
	background: linear-gradient(135deg, var(--cc-highlight), var(--cc-warning));
	color: var(--cc-deep);
	border-color: transparent;
}

.skin-command-center .advocacy-header__cta-btn--primary:hover {
	background: transparent;
	border-color: var(--cc-highlight);
	color: var(--cc-highlight);
}

/* Filters */
.skin-command-center .advocacy-filters__bar {
	background-color: rgba(3, 68, 100, 0.5);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .advocacy-filters__title {
	color: var(--cc-text);
}

.skin-command-center .advocacy-filters__desc {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-filters__label {
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	font-weight: 600;
}

.skin-command-center .advocacy-filters__select {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

.skin-command-center .advocacy-filters__apply-btn {
	background: transparent;
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-filters__apply-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .advocacy-filters__reset {
	color: var(--cc-accent);
}

/* Results */
.skin-command-center .advocacy-results__count p {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-results__count strong {
	color: var(--cc-text);
}

.skin-command-center .advocacy-results__sort-label {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-results__sort-select {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

/* Advocacy cards — LIGHT MODE */
.skin-command-center .advocacy-card {
	background: #ffffff;
	border: 1px solid rgba(142, 202, 230, 0.15);
	border-radius: var(--cc-radius-md);
	box-shadow: 0 2px 8px rgba(2, 48, 71, 0.08);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .advocacy-card:hover {
	border-color: rgba(33, 158, 188, 0.3);
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(2, 48, 71, 0.12);
	transform: translateY(-2px);
}

.skin-command-center .advocacy-card__image {
	background-color: #f0f6fa;
}

.skin-command-center .advocacy-card__image-placeholder {
	background-color: #f0f6fa;
}

.skin-command-center .advocacy-card__image-text {
	color: #5a7d8f;
}

/* Type badges — light bg versions */
.skin-command-center .advocacy-card__type--action {
	background-color: rgba(33, 158, 188, 0.1);
	color: var(--cc-accent);
	border: 1px solid rgba(33, 158, 188, 0.2);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-card__type--event {
	background-color: rgba(37, 99, 235, 0.08);
	color: #2563eb;
	border: 1px solid rgba(37, 99, 235, 0.2);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-card__type--default {
	background-color: #f0f6fa;
	color: #5a7d8f;
	border: 1px solid rgba(142, 202, 230, 0.2);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-card__title a {
	color: #023047;
}

.skin-command-center .advocacy-card__title a:hover {
	color: var(--cc-accent);
	text-decoration: none;
}

.skin-command-center .advocacy-card__excerpt {
	color: #034464;
}

.skin-command-center .advocacy-card__topic {
	background: rgba(142, 202, 230, 0.08);
	border-color: rgba(142, 202, 230, 0.2);
	border-radius: var(--cc-radius-pill);
	color: #034464;
}

.skin-command-center .advocacy-card__topic:hover {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: rgba(33, 158, 188, 0.12);
}

.skin-command-center .advocacy-card__footer {
	border-top-color: rgba(142, 202, 230, 0.15);
}

.skin-command-center .advocacy-card__cta {
	color: var(--cc-accent);
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	font-size: 0.85rem;
	letter-spacing: 0;
}

.skin-command-center .advocacy-card__cta:hover {
	color: #023047;
	text-decoration: none;
}

.skin-command-center .advocacy-card__time {
	color: #5a7d8f;
}

/* Pagination */
.skin-command-center .advocacy-results__pagination {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .advocacy-results__pagination-info {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-results__pagination-btn {
	background: transparent;
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
	font-family: var(--cc-font-main);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-results__pagination-btn:hover:not(.is-disabled) {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
}

/* ==========================================================================
   31. ADVOCACY SINGLE
   ========================================================================== */

.skin-command-center .advocacy-single__header {
	background:
		radial-gradient(ellipse at 30% 80%, rgba(33, 158, 188, 0.05) 0%, transparent 40%),
		var(--cc-deep);
}

.skin-command-center .advocacy-single__breadcrumb a {
	color: var(--cc-accent);
}

.skin-command-center .advocacy-single__breadcrumb-sep {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__breadcrumb-current {
	color: var(--cc-text);
}

/* Type badges */
.skin-command-center .advocacy-single__type--action {
	background-color: rgba(33, 158, 188, 0.2);
	color: var(--cc-accent);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-single__type--event {
	background-color: rgba(37, 99, 235, 0.2);
	color: #93c5fd;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-single__type--default {
	background-color: var(--cc-mid);
	color: var(--cc-dim);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-single__time {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .advocacy-single__summary {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__cta-btn {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
	font-family: var(--cc-font-main);
	font-weight: 600;
	text-transform: none;
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-single__cta-btn:hover {
	background: var(--cc-accent);
	color: var(--cc-deep);
}

.skin-command-center .advocacy-single__cta-btn--primary {
	background: linear-gradient(135deg, var(--cc-highlight), var(--cc-warning));
	color: var(--cc-deep);
	border-color: transparent;
}

.skin-command-center .advocacy-single__cta-btn--primary:hover {
	background: transparent;
	border-color: var(--cc-highlight);
	color: var(--cc-highlight);
}

.skin-command-center .advocacy-single__topic {
	background: rgba(142, 202, 230, 0.08);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__topic:hover {
	background: var(--cc-accent);
	border-color: var(--cc-accent);
	color: var(--cc-deep);
}

/* Content */
.skin-command-center .advocacy-single__section {
	border-bottom-color: var(--cc-border-medium);
}

.skin-command-center .advocacy-single__section-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .advocacy-single__body {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__checklist li::before {
	color: var(--cc-accent);
}

.skin-command-center .advocacy-single__placeholder-note {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__country-link {
	background-color: rgba(3, 68, 100, 0.4);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-dim);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .advocacy-single__country-link:hover {
	background-color: rgba(33, 158, 188, 0.1);
	color: var(--cc-accent);
}

.skin-command-center .advocacy-single__resource-list li {
	border-bottom-color: var(--cc-border-medium);
}

.skin-command-center .advocacy-single__resource-list a {
	color: var(--cc-accent);
}

/* Sidebar */
.skin-command-center .advocacy-single__sidebar-panel,
.skin-command-center .advocacy-single__sidebar-section {
	background: rgba(3, 68, 100, 0.4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
}

.skin-command-center .advocacy-single__sidebar-title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .advocacy-single__sidebar-desc {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__sidebar-note {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__form-label {
	color: var(--cc-dim);
}

.skin-command-center .advocacy-single__form-input {
	background-color: var(--cc-deep);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-sm);
	color: var(--cc-text);
}

.skin-command-center .advocacy-single__form-submit {
	background: linear-gradient(135deg, var(--cc-accent), rgba(33, 158, 188, 0.8));
	color: var(--cc-deep);
	border-radius: var(--cc-radius-pill);
}

.skin-command-center .advocacy-single__form-submit:hover {
	background-color: var(--cc-text);
}

.skin-command-center .advocacy-single__share-btn {
	background: transparent;
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-pill);
	color: var(--cc-dim);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .advocacy-single__share-btn:hover {
	border-color: var(--cc-accent);
	color: var(--cc-accent);
	background: transparent;
}

.skin-command-center .advocacy-single__footer {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .advocacy-single__back-link {
	color: var(--cc-accent);
}

/* Campaign Posters — Skin Override */

/* Reset global button styles on poster thumbnails and lightbox buttons */
.skin-command-center .advocacy-posters__thumb,
.skin-command-center .advocacy-posters__thumb:hover,
.skin-command-center .advocacy-posters__lightbox-close,
.skin-command-center .advocacy-posters__lightbox-close:hover,
.skin-command-center .advocacy-posters__lightbox-btn,
.skin-command-center .advocacy-posters__lightbox-btn:hover {
	padding: 0;
	border-radius: 0;
	font-size: inherit;
	font-weight: inherit;
	text-transform: none;
	letter-spacing: 0;
}

.skin-command-center .advocacy-posters__thumb {
	background: none !important;
	border: 1px solid transparent !important;
}

.skin-command-center .advocacy-posters__thumb:hover {
	background: none !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
}

.skin-command-center .advocacy-posters__lightbox-close,
.skin-command-center .advocacy-posters__lightbox-btn--download,
.skin-command-center .advocacy-posters__lightbox-btn--copy {
	border-radius: 50% !important;
}

.skin-command-center .advocacy-posters {
	border-top-color: var(--cc-border-medium);
}

.skin-command-center .advocacy-posters__title {
	color: var(--wp--preset--color--white);
}

.skin-command-center .advocacy-posters__desc {
	color: var(--cc-text-muted);
}

.skin-command-center .advocacy-posters__card:hover {
	box-shadow: none;
}

.skin-command-center .advocacy-posters__lightbox-btn--copy.is-copied {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

/* ==========================================================================
   COUNTRY DETAIL — INDICATOR LAYOUT REDESIGN
   ========================================================================== */

/* Alternating section background */
.skin-command-center .country-section--alt {
	background: rgba(3, 68, 100, 0.4);
	border-top: 1px solid var(--cc-border-medium);
	border-bottom: 1px solid var(--cc-border-medium);
}

/* Heading rule accent */
.skin-command-center .country-section__heading-rule {
	background-color: var(--cc-highlight);
}

/* Heading size override */
.skin-command-center .country-section__heading {
	font-size: 1rem;
}

/* Download link */
.skin-command-center .country-section__download-link {
	color: var(--cc-highlight);
}

.skin-command-center .country-section__download-link:hover {
	color: var(--cc-warning);
}

/* Callout */
.skin-command-center .country-callout {
	background: rgba(255, 183, 3, 0.08);
	border-left: 3px solid var(--cc-highlight);
	padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg);
}

.skin-command-center .country-callout__highlight {
	color: var(--cc-highlight);
	font-weight: 700;
}

/* Transition */
.skin-command-center .country-transition__rule {
	background: var(--cc-border-subtle);
}

.skin-command-center .country-transition__subtext {
	color: rgba(240, 242, 245, 0.45);
}

/* Explainer text */
.skin-command-center .country-section__explainer {
	color: rgba(240, 242, 245, 0.5);
}

/* Metric subtext */
.skin-command-center .country-section__metric-subtext {
	color: rgba(240, 242, 245, 0.35);
}

/* Data table */
.skin-command-center .country-tabs__data-table th {
	color: rgba(240, 242, 245, 0.4);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .country-tabs__data-table td {
	color: rgba(240, 242, 245, 0.7);
	border-bottom: 1px solid var(--cc-border-subtle);
}

/* ==========================================================================
   CONTACT PAGE — Fluent Forms dark theme overrides
   ========================================================================== */

.skin-command-center .contact-header__rule {
	background-color: var(--cc-highlight);
}

.skin-command-center .contact-header__text {
	color: var(--cc-dim);
}

/* Fluent Forms inputs on dark background */
.skin-command-center .fluentform .ff-el-input--label label {
	color: var(--cc-text);
}

.skin-command-center .fluentform input[type="text"],
.skin-command-center .fluentform input[type="email"],
.skin-command-center .fluentform select,
.skin-command-center .fluentform textarea {
	background-color: rgba(142, 202, 230, 0.08);
	border: 1px solid var(--cc-border-medium);
	color: var(--cc-text);
	border-radius: var(--cc-radius-sm);
}

.skin-command-center .fluentform input[type="text"]:focus,
.skin-command-center .fluentform input[type="email"]:focus,
.skin-command-center .fluentform select:focus,
.skin-command-center .fluentform textarea:focus {
	border-color: var(--cc-accent);
	outline: none;
	box-shadow: 0 0 0 2px rgba(33, 158, 188, 0.25);
}

.skin-command-center .fluentform input::placeholder,
.skin-command-center .fluentform textarea::placeholder {
	color: rgba(142, 202, 230, 0.4);
}

.skin-command-center .fluentform .ff-btn-submit {
	background-color: var(--cc-highlight);
	color: var(--cc-deep);
	border: none;
	border-radius: var(--cc-radius-pill);
	font-weight: 600;
	padding: 0.75em 2em;
	cursor: pointer;
	transition: background-color var(--cc-transition-flow);
}

.skin-command-center .fluentform .ff-btn-submit:hover {
	background-color: var(--cc-warning);
}

.skin-command-center .fluentform .ff-el-is-error .ff-el-form-control {
	border-color: #ef4444;
}

.skin-command-center .fluentform .ff-el-is-error .error {
	color: #fca5a5;
}

.skin-command-center .fluentform .ff-message-success {
	background-color: rgba(33, 158, 188, 0.15);
	border-color: var(--cc-accent);
	color: var(--cc-text);
}

/* ==========================================================================
   30. NEWS SECTION — Dark archive, amber highlights
   ========================================================================== */

/* News header — deep dark gradient */
.skin-command-center .news-header {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(33, 158, 188, 0.08) 0%, transparent 50%),
		var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
	padding: 3.5rem 0;
}

.skin-command-center .news-header__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-weight: 400;
}

.skin-command-center .news-header__subtitle {
	color: var(--cc-dim);
}

/* News filters — dark chips with amber active state */
.skin-command-center .news-filters {
	border-bottom-color: var(--cc-border-subtle);
}

.skin-command-center .news-filters__chip {
	background-color: rgba(3, 68, 100, 0.5);
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
	border-radius: var(--cc-radius-sm);
	font-family: var(--cc-font-main);
	font-weight: 500;
	transition: all var(--cc-transition-flow);
}

.skin-command-center .news-filters__chip:hover {
	background-color: rgba(3, 68, 100, 0.7);
	border-color: var(--cc-accent);
	color: var(--cc-text);
}

.skin-command-center .news-filters__chip.is-active {
	background-color: var(--cc-highlight);
	border-color: var(--cc-highlight);
	color: var(--cc-deep);
	font-weight: 600;
}

/* News cards — dark with light text */
.skin-command-center .news-card {
	background-color: var(--cc-mid);
	border-color: var(--cc-border-medium);
	border-radius: var(--cc-radius-md);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .news-card:hover {
	border-color: var(--cc-accent);
	box-shadow: 0 8px 24px rgba(33, 158, 188, 0.15);
	transform: translateY(-4px);
}

.skin-command-center .news-card__image {
	background-color: var(--cc-deep);
}

.skin-command-center .news-card__category {
	color: var(--cc-highlight);
}

.skin-command-center .news-card__title a {
	color: var(--cc-text);
}

.skin-command-center .news-card__title a:hover {
	color: var(--cc-accent);
}

.skin-command-center .news-card__date {
	color: rgba(142, 202, 230, 0.6);
}

.skin-command-center .news-card__excerpt {
	color: var(--cc-dim);
}

/* News empty state */
.skin-command-center .news-results__empty {
	background-color: rgba(3, 68, 100, 0.4);
	color: var(--cc-dim);
}

/* News pagination */
.skin-command-center .news-layout .page-numbers {
	background-color: var(--cc-mid);
	border-color: var(--cc-border-medium);
	color: var(--cc-dim);
	border-radius: var(--cc-radius-sm);
	transition: all var(--cc-transition-flow);
}

.skin-command-center .news-layout .page-numbers:hover {
	background-color: rgba(33, 158, 188, 0.15);
	border-color: var(--cc-accent);
	color: var(--cc-text);
}

.skin-command-center .news-layout .page-numbers.current {
	background-color: var(--cc-highlight);
	border-color: var(--cc-highlight);
	color: var(--cc-deep);
	font-weight: 600;
}

.skin-command-center .news-layout .nav-links {
	border-top-color: var(--cc-border-subtle);
}

/* News single — dark header */
.skin-command-center .news-single__header {
	background:
		radial-gradient(ellipse at 30% 80%, rgba(33, 158, 188, 0.05) 0%, transparent 40%),
		var(--cc-deep);
	border-bottom: 1px solid var(--cc-border-medium);
}

.skin-command-center .news-single__breadcrumb a {
	color: var(--cc-dim);
}

.skin-command-center .news-single__breadcrumb a:hover {
	color: var(--cc-accent);
}

.skin-command-center .news-single__breadcrumb span {
	color: rgba(142, 202, 230, 0.4);
}

.skin-command-center .news-single__category {
	color: var(--cc-highlight);
}

.skin-command-center .news-single__title {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
	font-weight: 400;
}

.skin-command-center .news-single__date {
	color: var(--cc-dim);
}

/* Single content */
.skin-command-center .news-single__content {
	color: var(--cc-dim);
}

.skin-command-center .news-single__content h2,
.skin-command-center .news-single__content h3,
.skin-command-center .news-single__content h4 {
	color: var(--cc-text);
	font-family: var(--cc-font-display);
}

.skin-command-center .news-single__content blockquote {
	border-left-color: var(--cc-accent);
	color: var(--cc-dim);
}

.skin-command-center .news-single__content a {
	color: var(--cc-accent);
}

.skin-command-center .news-single__content a:hover {
	color: var(--cc-highlight);
}

/* Single navigation */
.skin-command-center .news-single__nav {
	border-top-color: var(--cc-border-subtle);
}

.skin-command-center .news-single__nav a {
	color: var(--cc-dim);
}

.skin-command-center .news-single__nav a:hover {
	color: var(--cc-accent);
}