/*
Theme Name: SIM-SIB-MIS
Theme URI:
Description:
Author: SCW
Author URI:
Template: _wt-main
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: sim-sib-mis
*/

html {
	min-height: 100%;
}

body {
	min-height: 100vh;
	min-height: 100dvh;
	font-family: var(--wp--preset--font-family--sans), Inter, ui-sans-serif, system-ui, sans-serif;
	font-weight: var(--font-weight-normal, 350);
}

body:not(.login) {
	display: flex;
	flex-direction: column;
}

body:not(.login) #page {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

body:not(.login) #content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

body:not(.login) #content > * {
	width: 100%;
}

body:not(.login) #colophon {
	margin-top: auto;
}

[data-exercise-print-root] {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

.sim-sib-mis-print-document {
	display: none;
}

.sim-sib-mis-legal-exercise-usage-notice {
	border-left: 3px solid var(--wp--preset--color--primary);
	padding-left: 1rem;
}

.sim-sib-mis-legal-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.75rem;
}

.sim-sib-mis-legal-table-wrap table {
	width: 100%;
	min-width: 44rem;
	margin: 0;
	border-collapse: collapse;
}

.sim-sib-mis-legal-table-wrap th,
.sim-sib-mis-legal-table-wrap td {
	padding: 0.75rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
	text-align: left;
	vertical-align: top;
}

.sim-sib-mis-legal-table-wrap th {
	background: color-mix(in srgb, var(--wp--preset--color--muted) 72%, transparent);
	font-weight: 650;
}

.sim-sib-mis-legal-table-wrap tbody tr:last-child td {
	border-bottom: 0;
}

.sim-sib-mis-legal-table-wrap code::before,
.sim-sib-mis-legal-table-wrap code::after {
	content: none;
}

.sim-sib-mis-phonetic,
.sim-sib-mis-phonetic__source {
	display: inline;
}

.sim-sib-mis-phonetic__badge,
.sim-sib-mis-phoneme {
	display: inline-flex;
	align-items: baseline;
	max-width: 100%;
	margin-inline: 0.16em;
	padding: 0.08em 0.34em;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--foreground, #111827) 14%, transparent);
	border-radius: 0.28rem;
	background: color-mix(in srgb, var(--wp--preset--color--muted, #f2f4f5) 88%, white);
	color: color-mix(in srgb, var(--wp--preset--color--foreground, #111827) 84%, var(--wp--preset--color--primary, #32a35a));
	font-family: ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 0.84em;
	font-style: normal;
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.34;
	text-decoration: none;
	vertical-align: 0.04em;
	white-space: nowrap;
}

.sim-sib-mis-phoneme {
	margin-inline: 0.05em;
}

.sim-sib-mis-video-shell {
	position: relative;
	overflow: hidden;
	background: transparent;
}

.sim-sib-mis-video-shell iframe {
	display: block;
	border: 0;
}

.sim-sib-mis-video-caption-overlay {
	position: absolute;
	right: clamp(0.75rem, 2.5vw, 1.5rem);
	bottom: clamp(4rem, 7vw, 5.25rem);
	left: clamp(0.75rem, 2.5vw, 1.5rem);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
	pointer-events: none;
	text-align: center;
	--sim-sib-mis-caption-bg: color-mix(in srgb, var(--wp--preset--color--primary, #32a35a) 16%, white);
	--sim-sib-mis-caption-color: var(--wp--preset--color--primary, #32a35a);
	--sim-sib-mis-caption-weight: 500;
}

.sim-sib-mis-video-caption-overlay.is-instruction-cue {
	--sim-sib-mis-caption-bg: color-mix(in srgb, var(--wp--preset--color--primary, #32a35a) 16%, white);
	--sim-sib-mis-caption-color: var(--wp--preset--color--primary, #32a35a);
	--sim-sib-mis-caption-weight: 500;
}

.sim-sib-mis-video-caption-overlay.is-exercise-cue {
	--sim-sib-mis-caption-bg: var(--wp--preset--color--primary, #32a35a);
	--sim-sib-mis-caption-color: var(--wp--preset--color--primary-foreground, #fff);
	--sim-sib-mis-caption-weight: 700;
}

.sim-sib-mis-video-caption-overlay[hidden] {
	display: none;
}

.sim-sib-mis-video-caption-overlay .sim-sib-mis-video-caption-text {
	display: block;
	box-sizing: border-box;
	width: fit-content !important;
	max-width: min(88%, 44rem);
	margin: 0;
	padding: 0.18em 0.38em;
	border-radius: 0.18rem;
	background: var(--sim-sib-mis-caption-bg) !important;
	color: var(--sim-sib-mis-caption-color) !important;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	font-size: clamp(0.86rem, 1.35vw, 1.12rem);
	font-weight: var(--sim-sib-mis-caption-weight) !important;
	line-height: 1.34;
	text-align: center;
	text-wrap: balance;
	white-space: pre-line;
}

.sim-sib-mis-video-shell:fullscreen {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background: #05070a;
}

.sim-sib-mis-video-shell:fullscreen [data-exercise-video-embed] {
	width: min(100vw, 177.78vh);
	max-width: 100vw;
}

.sim-sib-mis-video-shell:fullscreen .sim-sib-mis-video-caption-overlay {
	bottom: clamp(4.75rem, 9vh, 7rem);
}

.sim-sib-mis-variant-video-trigger,
.sim-sib-mis-video-chapter-button {
	-webkit-appearance: none;
	appearance: none;
	font: inherit;
}

.sim-sib-mis-variant-video-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 999px;
	background: var(--wp--preset--color--primary-subtle, #eef8f2);
	color: var(--wp--preset--color--primary, #32a35a);
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.35rem 0.75rem;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.sim-sib-mis-variant-video-trigger:hover {
	border-color: var(--wp--preset--color--primary, #32a35a);
	background: var(--wp--preset--color--primary, #32a35a);
	color: var(--wp--preset--color--primary-foreground, #fff);
}

.sim-sib-mis-variant-video-trigger:focus-visible,
.sim-sib-mis-video-chapter-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--ring, #32a35a);
	outline-offset: 2px;
}

.sim-sib-mis-video-toolbar {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center !important;
	justify-content: flex-end;
	gap: 0.7rem;
}

.sim-sib-mis-exercise-card .sim-sib-mis-video-caption-controls,
.sim-sib-mis-video-caption-controls {
	display: inline-flex !important;
	flex-wrap: nowrap;
	align-items: center !important;
	gap: 0.16rem;
	padding: 0.28rem;
	border: 0 !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--wp--preset--color--muted, #f2f4f5) 78%, transparent) !important;
	box-shadow: none !important;
}

.sim-sib-mis-video-caption-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2rem;
	height: 2rem;
	min-height: 2rem;
	color: var(--wp--preset--color--muted-foreground, #667085) !important;
	line-height: 1 !important;
}

.sim-sib-mis-video-caption-icon svg {
	display: block;
	width: 1.18rem;
	height: 1.18rem;
}

.sim-sib-mis-exercise-card .sim-sib-mis-video-caption-button,
.sim-sib-mis-video-caption-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 2rem;
	min-height: 2rem !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wp--preset--color--muted-foreground, #667085) !important;
	font-family: inherit !important;
	font-size: 0.82rem !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	padding: 0 0.76rem !important;
	text-decoration: none !important;
	transition: background-color 160ms ease, color 160ms ease;
}

.sim-sib-mis-video-caption-controls .sim-sib-mis-video-caption-button.is-active {
	background-color: var(--wp--preset--color--primary, #32a35a) !important;
	color: var(--wp--preset--color--primary-foreground, #fff) !important;
}

.sim-sib-mis-video-caption-button,
.sim-sib-mis-video-fullscreen-trigger {
	cursor: pointer;
}

.sim-sib-mis-exercise-card .sim-sib-mis-video-fullscreen-trigger,
.sim-sib-mis-video-fullscreen-trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.55rem !important;
	height: 2.55rem !important;
	min-width: 2.55rem !important;
	min-height: 2.55rem !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--wp--preset--color--muted, #f2f4f5) 78%, transparent) !important;
	color: var(--wp--preset--color--muted-foreground, #667085) !important;
	box-shadow: none !important;
	font-family: inherit !important;
	padding: 0 !important;
	transition: background-color 160ms ease, color 160ms ease;
}

.sim-sib-mis-video-fullscreen-trigger:hover {
	background: var(--wp--preset--color--primary-subtle, #eef8f2);
	color: var(--wp--preset--color--primary, #32a35a);
}

.sim-sib-mis-video-caption-button:focus-visible,
.sim-sib-mis-video-fullscreen-trigger:focus-visible {
	outline: 2px solid var(--wp--preset--color--ring, #32a35a);
	outline-offset: 2px;
}

.sim-sib-mis-video-fullscreen-trigger span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sim-sib-mis-video-fullscreen-trigger svg {
	display: block;
	width: 1.02rem !important;
	height: 1.02rem !important;
}

.sim-sib-mis-video-tools {
	align-self: start;
}

.sim-sib-mis-video-tool-section + .sim-sib-mis-video-tool-section {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--border);
}

.sim-sib-mis-video-tool-title {
	margin: 0 0 0.75rem;
	color: var(--wp--preset--color--foreground);
	font-size: 1rem;
	font-weight: 750;
	letter-spacing: 0;
	line-height: 1.35;
}

.sim-sib-mis-video-chapter-list {
	display: grid;
	gap: 0.65rem;
}

.sim-sib-mis-video-chapter-button {
	display: grid;
	width: 100%;
	gap: 0.28rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.9rem;
	background: #fff;
	color: var(--wp--preset--color--foreground);
	cursor: pointer;
	padding: 0.75rem 0.85rem;
	text-align: left;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.sim-sib-mis-video-chapter-button:hover,
.sim-sib-mis-video-chapter-button.is-active {
	border-color: var(--wp--preset--color--primary, #32a35a);
	background: var(--wp--preset--color--primary-subtle, #eef8f2);
}

.sim-sib-mis-video-chapter-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.55rem;
	color: var(--wp--preset--color--muted-foreground);
	font-size: 0.75rem;
	font-weight: 750;
	line-height: 1.25;
	text-transform: uppercase;
}

.sim-sib-mis-video-chapter-title {
	color: var(--wp--preset--color--foreground);
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.35;
}

[data-exercise-variant-key].is-video-highlighted {
	border-color: var(--wp--preset--color--primary, #32a35a) !important;
	outline: 3px solid color-mix(in srgb, var(--wp--preset--color--primary, #32a35a) 24%, transparent);
	outline-offset: 0;
	transition: border-color 180ms ease, outline-color 180ms ease;
}

.sim-sib-mis-exercise-variant + .sim-sib-mis-exercise-variant {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 2px solid var(--wp--preset--color--background);
}

.sim-sib-mis-exercise-variant-attribution {
	color: #958b84;
	color: color-mix(in srgb, var(--wp--preset--color--muted-foreground, #5f6d66) 74%, var(--wp--preset--color--background, #f3f7f6));
	font-weight: 500;
}

[data-portal-search-input] {
	-webkit-appearance: none;
	appearance: none;
}

[data-portal-search-input]::-webkit-search-decoration,
[data-portal-search-input]::-webkit-search-cancel-button,
[data-portal-search-input]::-webkit-search-results-button,
[data-portal-search-input]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

[data-portal-search-input]::-ms-clear,
[data-portal-search-input]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

.sim-sib-mis-portal-sidebar-scroll {
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--primary) transparent;
}

.sim-sib-mis-portal-sidebar-scroll::-webkit-scrollbar {
	width: 10px;
}

.sim-sib-mis-portal-sidebar-scroll::-webkit-scrollbar-track {
	background: transparent;
}

.sim-sib-mis-portal-sidebar-scroll::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--primary);
	border: 2px solid transparent;
	border-radius: 999px;
	background-clip: padding-box;
}

@media print {
	@page {
		size: A4;
		margin: 15mm 14mm 24mm;

		@bottom-left {
			width: 145mm;
			max-width: 145mm;
			padding-top: 2.5mm;
			border-top: 1px solid #d7dce3;
			color: #5f6b7a;
			font-family: Inter, ui-sans-serif, system-ui, sans-serif;
			font-size: 7pt;
			line-height: 1.18;
			text-align: left;
			vertical-align: top;
		}

		@bottom-right {
			width: 32mm;
			padding-top: 2.5mm;
			border-top: 1px solid #d7dce3;
			color: #5f6b7a;
			font-family: Inter, ui-sans-serif, system-ui, sans-serif;
			font-size: 7pt;
			font-weight: 600;
			line-height: 1.18;
			text-align: right;
			vertical-align: top;
			white-space: nowrap;
		}
	}

	html,
	body {
		background: #fff !important;
		color: #111827 !important;
		font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
	}

	body {
		margin: 0 !important;
		padding: 0 !important;
	}

	body * {
		visibility: hidden;
	}

	#site-header,
	[data-site-header],
	[data-site-header-spacer],
	[data-site-header-dialog],
	#colophon,
	#wpadminbar,
	.grecaptcha-badge {
		display: none !important;
	}

	a[href]::after {
		content: none !important;
	}

	[data-exercise-print-root],
	[data-exercise-print-root] * {
		visibility: visible;
	}

	#page,
	#content {
		display: block !important;
		margin: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
	}

	[data-exercise-print-root] {
		position: static !important;
		width: 100%;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		color: #111827 !important;
		font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
		font-size: 10pt !important;
		line-height: 1.48 !important;
	}

	[data-exercise-print-root] > section {
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-screen,
	[data-exercise-print-root] .sim-sib-mis-print-hidden,
	[data-exercise-print-root] .sim-sib-mis-variant-video-trigger {
		display: none !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-document {
		display: block !important;
		background: #fff !important;
		color: #111827 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-document-header {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		gap: 12mm !important;
		padding-bottom: 8mm !important;
		border-bottom: 1px solid #c9cfd8 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-logo {
		flex: 0 0 auto !important;
		max-width: 44mm !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-logo-image {
		display: block !important;
		width: 44mm !important;
		max-width: 44mm !important;
		height: auto !important;
		max-height: 18mm !important;
		object-fit: contain !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-logo-fallback {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-width: 18mm !important;
		min-height: 14mm !important;
		padding: 2mm 4mm !important;
		border: 1px solid #c9cfd8 !important;
		font-size: 12pt !important;
		font-weight: 700 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-title-block {
		flex: 1 1 auto !important;
		text-align: right !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-meta {
		margin: 0 0 2.5mm !important;
		color: #5f6b7a !important;
		font-size: 8.8pt !important;
		font-weight: 600 !important;
	}

	[data-exercise-print-root] h1 {
		margin: 0 !important;
		color: #111827 !important;
		font-size: 27pt !important;
		font-weight: 760 !important;
		line-height: 1.08 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-section {
		margin-top: 9mm !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-section + .sim-sib-mis-print-section {
		padding-top: 7mm !important;
		border-top: 1px solid #d7dce3 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-notes {
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-section > h2,
	[data-exercise-print-root] .sim-sib-mis-print-qr-copy > h2 {
		margin: 0 0 4mm !important;
		padding-bottom: 0 !important;
		border-bottom: 0 !important;
		color: #111827 !important;
		font-size: 14pt !important;
		font-weight: 720 !important;
		line-height: 1.2 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-rich-text,
	[data-exercise-print-root] .sim-sib-mis-print-rich-text div {
		max-width: none !important;
		color: #1f2937 !important;
		font-size: 10pt !important;
		line-height: 1.54 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-rich-text p {
		margin: 0 0 4.2pt !important;
		color: #1f2937 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-rich-text p:last-child {
		margin-bottom: 0 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-rich-text ul,
	[data-exercise-print-root] .sim-sib-mis-print-rich-text ol {
		margin: 0 0 4.2pt 4.5mm !important;
		padding: 0 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-rich-text li {
		margin: 0 0 2.4pt !important;
		padding: 0 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant {
		margin-top: 0 !important;
		padding-top: 0 !important;
		border-top: 0 !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant + .sim-sib-mis-print-variant {
		margin-top: 6.5mm !important;
		padding-top: 5.5mm !important;
		border-top: 1px solid #d7dce3 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant-header {
		margin-bottom: 3.5mm !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant-language {
		display: inline-flex !important;
		align-items: center !important;
		width: fit-content !important;
		margin: 0 0 2mm !important;
		padding: 1mm 2.4mm !important;
		border: 1px solid #d7dce3 !important;
		border-radius: 999px !important;
		background: #f3f6f5 !important;
		color: #6b7280 !important;
		font-size: 7.8pt !important;
		font-weight: 700 !important;
		line-height: 1.1 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant h3 {
		margin: 0 !important;
		color: #111827 !important;
		font-size: 13pt !important;
		font-weight: 720 !important;
		line-height: 1.22 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant-author {
		margin: 1.5mm 0 0 !important;
		color: #5f6b7a !important;
		font-size: 8.6pt !important;
		font-weight: 500 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr) !important;
		gap: 8mm !important;
		align-items: start !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant-grid-single {
		display: block !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-variant-note {
		padding-left: 5mm !important;
		border-left: 1px solid #d7dce3 !important;
		color: #374151 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-qr-section {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 34mm !important;
		gap: 10mm !important;
		align-items: center !important;
		margin-top: 12mm !important;
		padding-top: 7mm !important;
		border-top: 1px solid #c9cfd8 !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-qr-copy > h2 {
		display: block !important;
		margin-bottom: 3mm !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-qr-copy p {
		margin: 0 0 3mm !important;
		color: #374151 !important;
		font-size: 9.2pt !important;
		line-height: 1.45 !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-qr-url {
		color: #111827 !important;
		font-size: 7.8pt !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-qr-code {
		width: 34mm !important;
		height: 34mm !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-qr-code svg {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	[data-exercise-print-root] .sim-sib-mis-print-copyright-note {
		display: none !important;
	}

	[data-exercise-print-root] a {
		color: inherit !important;
		text-decoration: none !important;
	}

	[data-exercise-print-root] mark {
		background: transparent !important;
		font-weight: 700 !important;
	}
}