/**
 * Transparency & Privacy Page Styles
 *
 * Content-forward layout matching about.css patterns.
 * 720px column, alternating accent bands.
 *
 * @package CPDC_Sovereign_Debt_Hub
 * @since 0.3.0
 */

/* ==========================================================================
   SHARED COLUMN
   ========================================================================== */

.transparency__container,
.transparency-content__container {
	width: 100%;
	max-width: 720px;
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--md);
}

/* ==========================================================================
   HERO
   ========================================================================== */

.transparency-hero {
	padding-block-start: var(--wp--preset--spacing--2xl);
	padding-block-end: var(--wp--preset--spacing--xl);
	min-height: 240px;
	display: flex;
	align-items: center;
}

.transparency-hero__title {
	font-family: var(--wp--preset--font-family--heading-serif, 'Playfair Display', Georgia, serif);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 0;
}

.transparency-hero__rule {
	width: 48px;
	height: 3px;
	border-radius: 2px;
	margin-block-start: 0.75rem;
	margin-block-end: var(--wp--preset--spacing--lg);
}

.transparency-hero__text {
	font-size: 1.125rem;
	line-height: 1.75;
	margin: 0;
}

/* ==========================================================================
   CONTENT AREA — styles block editor output
   ========================================================================== */

.transparency-content {
	padding-block: var(--wp--preset--spacing--xl);
}

.transparency-content h2 {
	font-family: var(--wp--preset--font-family--heading-serif, 'Playfair Display', Georgia, serif);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: var(--wp--preset--spacing--xl) 0 var(--wp--preset--spacing--sm);
}

.transparency-content h2:first-child {
	margin-block-start: 0;
}

.transparency-content h3 {
	font-family: var(--wp--preset--font-family--system-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: var(--wp--preset--spacing--lg) 0 0.5rem;
}

.transparency-content p {
	font-size: 1rem;
	line-height: 1.7;
	margin: 0 0 var(--wp--preset--spacing--sm);
}

.transparency-content ul,
.transparency-content ol {
	list-style: disc;
	padding-inline-start: 1.5rem;
	margin-block: 0.75rem 0;
}

.transparency-content li {
	font-size: 1rem;
	line-height: 1.7;
	margin-block-end: 0.5rem;
}

.transparency-content a {
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
	transition: opacity 0.3s ease;
}

.transparency-content a:hover,
.transparency-content a:focus-visible {
	opacity: 0.8;
}

/* ==========================================================================
   OCEAN CURRENTS SKIN OVERRIDES
   ========================================================================== */

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

.skin-command-center .transparency-content p {
	color: rgba(240, 242, 245, 0.85);
}

.skin-command-center .transparency-content h3 {
	color: var(--cc-highlight);
}

.skin-command-center .transparency-content li {
	color: rgba(240, 242, 245, 0.85);
}

.skin-command-center .transparency-content a {
	color: var(--cc-accent);
	border-bottom-color: rgba(33, 158, 188, 0.3);
}

.skin-command-center .transparency-content a:hover,
.skin-command-center .transparency-content a:focus-visible {
	color: var(--cc-text);
}