/**
 * Content pages (About, Industries, Contact, FAQ).
 * Chrome lives in homepage.css; this file covers page-specific polish.
 */

body.ai-talent-content,
body.ai-talent-ds.ai-talent-content {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	min-height: 100vh;
	background: var(--bg);
	overflow-x: hidden;
	overflow-y: auto;
	font-family: var(--display) !important;
}

body.ai-talent-content,
body.ai-talent-content *:not(script):not(style) {
	font-family: var(--display);
}

/* TinyMCE toolbar icons: WordPress maps these to Dashicons (tinymce.woff is not shipped). */
body.ai-talent-content .mce-ico,
body.ai-talent-content i[class^="mce-i-"],
body.ai-talent-content i[class*=" mce-i-"],
body.ai-talent-content i[class^="mce-i-"]:before,
body.ai-talent-content i[class*=" mce-i-"]:before {
	font: normal 20px/1 dashicons !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	speak: never;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.ai-talent-content .dashicons,
body.ai-talent-content .dashicons:before {
	font-family: dashicons !important;
}

body.ai-talent-content .fa,
body.ai-talent-content .fa:before,
body.ai-talent-content .select2-selection__arrow b:after {
	font-family: FontAwesome !important;
}

body.ai-talent-content .ln,
body.ai-talent-content .ln:before {
	font-family: linearicons !important;
}

body.ai-talent-content .eyebrow,
body.ai-talent-content .btn,
body.ai-talent-content .mode,
body.ai-talent-content .nav-links a,
body.ai-talent-content .nav-toggle,
body.ai-talent-content .nav-right .login,
body.ai-talent-content .stat .lbl,
body.ai-talent-content .disclaimer,
body.ai-talent-content .tag,
body.ai-talent-content .badge,
body.ai-talent-content .wm-sub,
body.ai-talent-content .spill,
body.ai-talent-content .ix,
body.ai-talent-content .roles-lbl,
body.ai-talent-content .statcard .snote,
body.ai-talent-content .cpill,
body.ai-talent-content .toggle label,
body.ai-talent-content .cform label,
body.ai-talent-content .addr,
body.ai-talent-content .next .num,
body.ai-talent-content .faq summary .pm,
body.ai-talent-content .foot-col h4,
body.ai-talent-content .foot-bottom,
body.ai-talent-content .foot-tag,
body.ai-talent-content .modal .mhead h3,
body.ai-talent-content .modal .mfield label,
body.ai-talent-content .modal .m2fa .lbl,
body.ai-talent-content .modal .mnote {
	font-family: var(--mono) !important;
}

body.ai-talent-content h1,
body.ai-talent-content h2,
body.ai-talent-content h3,
body.ai-talent-content h4,
body.ai-talent-content .wm-name,
body.ai-talent-content .cform input,
body.ai-talent-content .cform select,
body.ai-talent-content .cform textarea {
	font-family: var(--display) !important;
}

.ai-content-page {
	display: block;
}

.sector[id] {
	scroll-margin-top: 90px;
}

/* Role toggle: radios styled as the mockup buttons */
.toggle input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.toggle label {
	font-family: var(--mono);
	font-size: 10.5px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 9px 13px;
	border-radius: 6px;
	border: 1px solid var(--line);
	background: transparent;
	color: var(--grey);
	cursor: pointer;
}

.toggle input:checked + label {
	background: var(--accent-soft);
	border-color: var(--accent-line);
	color: var(--white);
}

.toggle input:focus-visible + label {
	outline: 1.5px solid var(--accent);
	outline-offset: 3px;
}

.cform .toggle {
	grid-column: 1 / -1;
}

.cform .toggle label {
	display: inline-flex;
	margin-bottom: 0;
}

.cform .consent label {
	font-family: var(--display) !important;
	font-size: 0.82rem;
	letter-spacing: 0;
	text-transform: none;
	color: var(--grey-dim);
	margin-bottom: 0;
	font-weight: 400;
}

.cform select option {
	background: #0a0b0e;
	color: #fff;
}

.cform .consent {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.cform .consent input[type="checkbox"] {
	width: auto;
	flex: 0 0 auto;
	margin-top: 3px;
	accent-color: var(--accent);
}

.cform .consent a {
	color: var(--accent);
}

.cform .btn[disabled],
.cform .btn.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.ai-contact-status {
	grid-column: 1 / -1;
	padding: 12px 14px;
	border-radius: var(--radius);
	font-size: 0.9rem;
	text-transform: none;
	line-height: 1.5;
}

.ai-contact-status[hidden] {
	display: none !important;
}

.ai-contact-status.is-info {
	border: 1px solid var(--line);
	color: var(--grey);
}

.ai-contact-status.is-success {
	border: 1px solid var(--accent-line);
	background: var(--accent-soft);
	color: var(--white);
}

.ai-contact-status.is-error {
	border: 1px solid rgba(230, 80, 80, 0.45);
	background: rgba(230, 80, 80, 0.12);
	color: #ffb4b4;
}

.office .map-frame {
	aspect-ratio: 4 / 3;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	margin-top: 14px;
	position: relative;
	overflow: hidden;
	background: #0a0b0e;
}

.office .map-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	filter: grayscale(0.25) contrast(1.05) brightness(0.92);
}

.cpill[href]:hover {
	border-color: var(--accent-line);
	color: var(--accent);
}

a.ind-card,
.ind-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.ind-card-link:hover {
	border-color: var(--accent-line);
}

body.ai-talent-legal .legal a,
.ai-legal-page .legal a {
	color: var(--accent);
	text-decoration: none;
}

body.ai-talent-legal .legal a:hover,
.ai-legal-page .legal a:hover {
	color: var(--white);
}

body.ai-talent-legal .legal > p:first-of-type,
.ai-legal-page .legal > p:first-of-type {
	color: #cfd2d8;
	font-size: 1.05rem;
	line-height: 1.8;
}

body.ai-talent-legal .legal .wp-block-heading,
body.ai-talent-legal .legal h2,
.ai-legal-page .legal h2 {
	font-family: var(--display) !important;
}

body.ai-talent-legal .legal h3,
.ai-legal-page .legal h3 {
	font-family: var(--mono) !important;
}