/*
 * AIHIO extra pages: long texts (city pages, Rekry, internship, AIHIO Partners).
 * Scope: .aihio-proosa = a classic Text Editor widget (Advanced > CSS Classes "aihio-proosa"). Loaded by
 * includes/extra-pages.php on every page whose Elementor data uses the class.
 * Same rhythm and colours as the article text (assets/articles.css): text #d3dbdf, headings #eef2f4,
 * muted #9aa6ad, accent #03aac6, link #7de3f4. Inter is the page font.
 */

.elementor-widget-text-editor.aihio-proosa,
.elementor .elementor-widget-text-editor.aihio-proosa {
	--p-text: #c9d2d7;
	--p-head: #eef2f4;
	--p-accent: #03aac6;
	--p-link: #7de3f4;
	color: var(--p-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.75;
	overflow-wrap: break-word;
	max-width: 70ch;
	width: 100%;
}
.aihio-proosa .elementor-widget-container { color: inherit; font: inherit; }

.aihio-proosa p,
.aihio-proosa ul,
.aihio-proosa ol,
.aihio-proosa blockquote { margin: 0 0 1.1em; }
.aihio-proosa > :first-child,
.aihio-proosa .elementor-widget-container > :first-child { margin-top: 0; }
.aihio-proosa > :last-child,
.aihio-proosa .elementor-widget-container > :last-child { margin-bottom: 0; }

.aihio-proosa h3,
.aihio-proosa h4 {
	color: var(--p-head);
	font-family: inherit;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin: 1.6em 0 0.5em;
	font-size: 1.25rem;
}
.aihio-proosa h4 { font-size: 1.1rem; }

.aihio-proosa strong,
.aihio-proosa b { color: var(--p-head); font-weight: 650; }
.aihio-proosa a {
	color: var(--p-link);
	text-decoration: underline;
	text-decoration-color: rgba(125, 227, 244, 0.45);
	text-underline-offset: 3px;
	transition: color 0.15s, text-decoration-color 0.15s;
}
.aihio-proosa a:hover,
.aihio-proosa a:focus-visible { color: #b4f0fa; text-decoration-color: currentColor; }

.aihio-proosa ul,
.aihio-proosa ol { padding-left: 1.3em; }
.aihio-proosa li { margin: 0 0 0.4em; padding-left: 0.2em; }
.aihio-proosa ul > li::marker { color: var(--p-accent); }
.aihio-proosa ol > li::marker { color: var(--p-link); font-weight: 600; }

.aihio-proosa blockquote {
	border-left: 3px solid var(--p-accent);
	padding: 0.2em 0 0.2em 1.1em;
	color: var(--p-head);
	font-style: italic;
}
.aihio-proosa blockquote p { margin: 0; }

/* inside a card: card text size, no max width */
.elementor-widget-text-editor.aihio-proosa.aihio-proosa--kortti {
	font-size: 0.98rem;
	line-height: 1.68;
	max-width: none;
	color: #9aa6ad;
	margin-bottom: 18px;
}
.aihio-proosa--kortti p,
.aihio-proosa--kortti ul,
.aihio-proosa--kortti ol { margin-bottom: 0.85em; }

@media (max-width: 767px) {
	.elementor-widget-text-editor.aihio-proosa,
	.elementor .elementor-widget-text-editor.aihio-proosa { font-size: 1rem; line-height: 1.7; }
}
