/**
 * Shared layout for inner pages — same stack as index.html
 * (landing-sections, wireframe, theme, style, print, Bootstrap).
 * Load after print.css, before or after Bootstrap (this file avoids !important).
 */

body.site-content-page {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
	color: var(--text-dark);
	line-height: 1.6;
	overflow-x: hidden;
}

/* Jusmundi / CV chrome pages bring their own surface (cv-theme, jusmundi.css). */
body.site-content-page:not(.jusmundi-page) {
	background-color: var(--bg-white);
}

body.site-content-page #main-content {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 3rem;
}

body.site-content-page #main-content.container {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* Optional title band (homepage hero gradient) */
body.site-content-page .site-page-hero {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	padding: 2.5rem 1.5rem;
	text-align: center;
	border-radius: 12px;
	margin-bottom: 2rem;
	box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);
}

body.site-content-page .site-page-hero h1 {
	margin: 0;
	font-size: clamp(1.65rem, 4vw, 2.35rem);
	font-weight: 700;
	line-height: 1.2;
}

body.site-content-page .site-page-hero .site-page-hero-lead {
	margin: 0.75rem 0 0;
	opacity: 0.95;
	font-size: 1.05rem;
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto;
}

/* Policy / long-form prose */
body.site-content-page.policy-legal #main-content h1 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: var(--text-dark);
}

body.site-content-page.policy-legal #main-content h2 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 0.65rem;
	color: var(--text-dark);
	padding-bottom: 0.35rem;
	border-bottom: 1px solid var(--border-color);
}

body.site-content-page.policy-legal #main-content p,
body.site-content-page.policy-legal #main-content li {
	color: var(--text-dark);
}

body.site-content-page.policy-legal #main-content a {
	color: var(--primary-color);
	font-weight: 500;
}

body.site-content-page.policy-legal #main-content a:hover {
	color: var(--secondary-color);
}

body.site-content-page.policy-legal #main-content ul {
	padding-left: 1.25rem;
}

@media (prefers-color-scheme: dark) {
	body.site-content-page.policy-legal #main-content a:hover {
		filter: brightness(1.15);
	}
}