/*!
 * SUE Dentistry Quality Assurance Unit — Material Design 3 styles (design language of the SUE module plugins).
 * Every rule is scoped to .sdqa-root so the module never leaks into (or depends on) the theme.
 * Logical properties (inline-start / inline-end) mirror the layout automatically for Arabic (RTL).
 */

/* ------------------------------------------------------------------ */
/* Tokens                                                              */
/* ------------------------------------------------------------------ */
.sdqa-root {
	/* Brand */
	--sdqa-primary: #1A2956;
	--sdqa-primary-hover: #22356E;
	--sdqa-on-primary: #FFFFFF;
	--sdqa-primary-container: #DDE2F6;
	--sdqa-on-primary-container: #0E1740;
	--sdqa-secondary: #9B8444;
	--sdqa-secondary-strong: #7D6829;
	--sdqa-on-secondary: #FFFFFF;
	--sdqa-secondary-container: #F3EAD0;
	--sdqa-on-secondary-container: #3A2F0B;
	--sdqa-gold-text: #735F27;

	/* Surfaces (tonal) */
	--sdqa-surface: #F6F7FB;
	--sdqa-surface-lowest: #FFFFFF;
	--sdqa-surface-low: #F1F3F9;
	--sdqa-surface-container: #EBEEF5;
	--sdqa-surface-high: #E4E7F0;
	--sdqa-on-surface: #1A1C23;
	--sdqa-on-surface-variant: #464A57;
	--sdqa-outline: #767A89;
	--sdqa-outline-variant: #D3D6E1;
	--sdqa-divider: #E6E8EF;

	/* Status */
	--sdqa-error: #B3261E;
	--sdqa-error-container: #FCE8E6;
	--sdqa-success: #1E6B3A;
	--sdqa-success-container: #DFF3E6;

	/* Elevation (navy-tinted shadows) */
	--sdqa-elev-1: 0 1px 2px rgba(20, 30, 70, .10), 0 1px 3px 1px rgba(20, 30, 70, .06);
	--sdqa-elev-2: 0 2px 4px rgba(20, 30, 70, .10), 0 4px 12px 2px rgba(20, 30, 70, .08);
	--sdqa-elev-3: 0 6px 12px rgba(20, 30, 70, .12), 0 10px 28px 4px rgba(20, 30, 70, .10);

	/* Shape */
	--sdqa-r-s: 8px;
	--sdqa-r-m: 12px;
	--sdqa-r-l: 16px;
	--sdqa-r-xl: 20px;
	--sdqa-r-xxl: 28px;
	--sdqa-r-full: 999px;

	/* Motion */
	--sdqa-ease: cubic-bezier(.2, 0, 0, 1);
	--sdqa-ease-emph: cubic-bezier(.05, .7, .1, 1);
	--sdqa-dur: .25s;

	/* Type */
	--sdqa-font: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

	font-family: var(--sdqa-font);
	font-size: 16px;
	line-height: 1.7;
	color: var(--sdqa-on-surface);
	background: var(--sdqa-surface);
	text-align: start;
	-webkit-font-smoothing: antialiased;
}

.sdqa-root[dir="rtl"] {
	--sdqa-font: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
	line-height: 1.85;
}

/* ------------------------------------------------------------------ */
/* Scoped reset (neutralize theme styles)                              */
/* ------------------------------------------------------------------ */
.sdqa-root *,
.sdqa-root *::before,
.sdqa-root *::after { box-sizing: border-box; }

.sdqa-root [hidden] { display: none !important; }

.sdqa-root h1, .sdqa-root h2, .sdqa-root h3, .sdqa-root h4,
.sdqa-root p, .sdqa-root ul, .sdqa-root ol, .sdqa-root figure, .sdqa-root blockquote {
	margin: 0;
	padding: 0;
	font-family: var(--sdqa-font);
	letter-spacing: normal;
	text-transform: none;
	color: inherit;
	background: none;
	border: 0;
	quotes: none;
}
.sdqa-root h1::before, .sdqa-root h1::after,
.sdqa-root h2::before, .sdqa-root h3::before, .sdqa-root h3::after,
.sdqa-root blockquote::before, .sdqa-root blockquote::after { content: none; }
.sdqa-root ul, .sdqa-root ol { list-style: none; }
.sdqa-root li { margin: 0; padding: 0; }
.sdqa-root li::before { content: none; }
.sdqa-root img { max-width: 100%; height: auto; border: 0; box-shadow: none; }
.sdqa-root a { color: var(--sdqa-primary); text-decoration: none; box-shadow: none; transition: color var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root a:hover { color: var(--sdqa-primary-hover); }
.sdqa-root button {
	font: inherit;
	color: inherit;
	letter-spacing: normal;
	text-transform: none;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	min-height: 0;
	min-width: 0;
	height: auto;
	width: auto;
	max-width: 100%;
	line-height: inherit;
	box-shadow: none;
	cursor: pointer;
	border-radius: 0;
	text-align: inherit;
	white-space: normal;
	text-decoration: none;
}
.sdqa-root button:hover, .sdqa-root button:focus { background-color: transparent; color: inherit; }
.sdqa-root a:hover, .sdqa-root a:focus { text-decoration: none; }
.sdqa-root table, .sdqa-root th, .sdqa-root td { border: 0; background: none; }
.sdqa-root table { margin: 0; }
.sdqa-root input, .sdqa-root textarea, .sdqa-root select { font: inherit; }
.sdqa-root :focus-visible { outline: 3px solid var(--sdqa-secondary); outline-offset: 2px; }
.sdqa-root .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

/* Material Symbols */
.sdqa-root .material-symbols-rounded {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	flex-shrink: 0;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: 'liga';
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	user-select: none;
}
.sdqa-root[dir="rtl"] .sdqa-flip { transform: scaleX(-1); }

/* ------------------------------------------------------------------ */
/* Typography                                                          */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-headline {
	position: relative;
	font-size: 26px;
	line-height: 1.35;
	font-weight: 800;
	color: var(--sdqa-primary);
	padding-bottom: 12px;
}
.sdqa-root .sdqa-headline::after {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 56px;
	height: 4px;
	border-radius: var(--sdqa-r-full);
	background: linear-gradient(90deg, var(--sdqa-secondary), #C9B070);
}
.sdqa-root .sdqa-headline--on-primary { color: var(--sdqa-on-primary); }
.sdqa-root .sdqa-title-xl { font-size: 22px; line-height: 1.4; font-weight: 800; color: var(--sdqa-primary); }
.sdqa-root .sdqa-title-l { font-size: 19px; line-height: 1.45; font-weight: 700; color: var(--sdqa-primary); }
.sdqa-root .sdqa-title-m { font-size: 17px; line-height: 1.5; font-weight: 700; color: var(--sdqa-on-surface); }
.sdqa-root .sdqa-overline { font-size: 12.5px; font-weight: 700; letter-spacing: .6px; color: var(--sdqa-gold-text); }
.sdqa-root .sdqa-lead { color: var(--sdqa-on-surface-variant); margin: 4px 0 24px; max-width: 70ch; }
.sdqa-root .sdqa-muted { color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-link { display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* Generic components                                                  */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-section { display: block; }
.sdqa-root .sdqa-section__head { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-bottom: 8px; }
.sdqa-root .sdqa-section__head .sdqa-headline { flex: 1 1 auto; }

.sdqa-root .sdqa-badge {
	display: inline-grid;
	place-items: center;
	min-width: 30px;
	height: 30px;
	padding: 0 10px;
	border-radius: var(--sdqa-r-full);
	background: var(--sdqa-primary-container);
	color: var(--sdqa-on-primary-container);
	font-size: 13.5px;
	font-weight: 800;
}

.sdqa-root .sdqa-card { position: relative; border-radius: var(--sdqa-r-xl); padding: 24px; }
.sdqa-root .sdqa-card--elevated { background: var(--sdqa-surface-lowest); box-shadow: var(--sdqa-elev-1); border: 1px solid rgba(26, 41, 86, .05); }
.sdqa-root .sdqa-card--filled { background: var(--sdqa-surface-low); }
.sdqa-root .sdqa-card--outlined { background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); }
.sdqa-root .sdqa-card--primary {
	color: var(--sdqa-on-primary);
	background: radial-gradient(500px 220px at 100% 0%, rgba(155, 132, 68, .35), transparent 60%), linear-gradient(135deg, var(--sdqa-primary), #2A3F7E);
	box-shadow: var(--sdqa-elev-2);
}
.sdqa-root .sdqa-card--gold {
	color: var(--sdqa-on-secondary-container);
	background: radial-gradient(500px 220px at 0% 0%, rgba(255, 255, 255, .55), transparent 60%), var(--sdqa-secondary-container);
	border: 1px solid #E6D6A8;
}

.sdqa-root .sdqa-grid { display: grid; gap: 16px; }
.sdqa-root .sdqa-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdqa-root .sdqa-grid--3 { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.sdqa-root .sdqa-grid--albums { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }

.sdqa-root .sdqa-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--sdqa-surface-container);
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--sdqa-secondary);
	flex-shrink: 0;
}
.sdqa-root .sdqa-avatar--xl { width: 116px; height: 116px; box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--sdqa-secondary), var(--sdqa-elev-2); }

/* Chips */
.sdqa-root .sdqa-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.sdqa-root .sdqa-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 4px 12px;
	border-radius: var(--sdqa-r-s);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	white-space: normal;
}
.sdqa-root .sdqa-chip .material-symbols-rounded { font-size: 18px; }
.sdqa-root .sdqa-chip--gold { background: var(--sdqa-secondary-container); color: var(--sdqa-on-secondary-container); }
.sdqa-root .sdqa-chip--gold .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-chip--tonal { background: var(--sdqa-primary-container); color: var(--sdqa-on-primary-container); }
.sdqa-root .sdqa-chip--assist,
.sdqa-root .sdqa-chip--filter {
	border: 1px solid var(--sdqa-outline-variant);
	background: var(--sdqa-surface-lowest);
	color: var(--sdqa-on-surface-variant);
	transition: background-color var(--sdqa-dur) var(--sdqa-ease), border-color var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-chip--assist .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-chip--assist:hover, .sdqa-root .sdqa-chip--filter:hover { background: var(--sdqa-surface-low); color: var(--sdqa-primary); }
.sdqa-root .sdqa-chip--filter .sdqa-chip__check { display: none; }
.sdqa-root .sdqa-chip--filter.is-selected { background: var(--sdqa-secondary-container); border-color: transparent; color: var(--sdqa-on-secondary-container); }
.sdqa-root .sdqa-chip--filter.is-selected .sdqa-chip__check { display: inline-block; }
.sdqa-root .sdqa-chip--status-open { background: var(--sdqa-success-container); color: var(--sdqa-success); }
.sdqa-root .sdqa-chip--status-closed { background: var(--sdqa-surface-container); color: var(--sdqa-on-surface-variant); }

/* Buttons */
.sdqa-root .sdqa-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: auto;
	height: auto;
	min-height: 40px;
	margin: 0;
	padding: 6px 22px 6px 18px;
	border: 1px solid transparent;
	border-radius: var(--sdqa-r-full);
	background: transparent;
	color: var(--sdqa-primary);
	box-shadow: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: .1px;
	font-family: var(--sdqa-font);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	isolation: isolate;
	transition: box-shadow var(--sdqa-dur) var(--sdqa-ease), background-color var(--sdqa-dur) var(--sdqa-ease), transform var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root[dir="rtl"] .sdqa-btn { padding: 6px 18px 6px 22px; }
.sdqa-root .sdqa-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: currentColor;
	opacity: 0;
	z-index: -1;
	transition: opacity var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-btn:hover::before { opacity: .08; }
.sdqa-root .sdqa-btn:active::before, .sdqa-root .sdqa-btn:focus-visible::before { opacity: .14; }
.sdqa-root .sdqa-btn .material-symbols-rounded { font-size: 20px; }
.sdqa-root .sdqa-btn--filled, .sdqa-root .sdqa-btn--filled:hover, .sdqa-root .sdqa-btn--filled:focus { background: var(--sdqa-primary); border-color: var(--sdqa-primary); color: var(--sdqa-on-primary); }
.sdqa-root .sdqa-btn--filled:hover { box-shadow: var(--sdqa-elev-1); }
.sdqa-root .sdqa-btn--gold, .sdqa-root .sdqa-btn--gold:hover, .sdqa-root .sdqa-btn--gold:focus { background: var(--sdqa-secondary-strong); border-color: var(--sdqa-secondary-strong); color: #fff; }
.sdqa-root .sdqa-btn--gold:hover { box-shadow: var(--sdqa-elev-1); }
.sdqa-root .sdqa-btn--tonal, .sdqa-root .sdqa-btn--tonal:hover, .sdqa-root .sdqa-btn--tonal:focus { background: var(--sdqa-secondary-container); border-color: var(--sdqa-secondary-container); color: var(--sdqa-on-secondary-container); }
.sdqa-root .sdqa-btn--outlined, .sdqa-root .sdqa-btn--outlined:hover, .sdqa-root .sdqa-btn--outlined:focus { background: var(--sdqa-surface-lowest); border-color: var(--sdqa-outline); color: var(--sdqa-primary); }
.sdqa-root .sdqa-btn--outlined:hover { border-color: var(--sdqa-primary); }
.sdqa-root .sdqa-btn--text, .sdqa-root .sdqa-btn--text:hover, .sdqa-root .sdqa-btn--text:focus { background: transparent; border-color: transparent; color: var(--sdqa-primary); padding-inline: 14px; }
.sdqa-root .sdqa-btn--text-on-primary, .sdqa-root .sdqa-btn--text-on-primary:hover, .sdqa-root .sdqa-btn--text-on-primary:focus { background: transparent; border-color: rgba(255, 255, 255, .35); color: #fff; }
.sdqa-root .sdqa-btn--sm { min-height: 36px; padding-block: 5px; padding-inline: 14px 16px; font-size: 13.5px; }
.sdqa-root .sdqa-btn--sm .material-symbols-rounded { font-size: 18px; }
.sdqa-root .sdqa-btn--lg { min-height: 50px; padding-inline: 26px 30px; font-size: 15.5px; }
.sdqa-root .sdqa-btn[disabled], .sdqa-root .sdqa-btn.is-busy { opacity: .55; cursor: not-allowed; box-shadow: none; }
.sdqa-root .sdqa-btn__meta {
	font-size: 11.5px;
	font-weight: 600;
	opacity: .85;
	padding-inline-start: 8px;
	margin-inline-start: 2px;
	border-inline-start: 1px solid currentColor;
}
.sdqa-root .sdqa-icon-btn {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	box-shadow: none;
	flex-shrink: 0;
	transition: background-color var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-icon-btn:hover, .sdqa-root .sdqa-icon-btn:focus { background: rgba(26, 41, 86, .08); color: inherit; }

.sdqa-root .sdqa-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 36px 20px;
	border-radius: var(--sdqa-r-l);
	background: var(--sdqa-surface-low);
	color: var(--sdqa-on-surface-variant);
	text-align: center;
}
.sdqa-root .sdqa-empty .material-symbols-rounded { font-size: 28px; color: var(--sdqa-secondary); }

.sdqa-root .sdqa-note {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: var(--sdqa-r-m);
	background: var(--sdqa-secondary-container);
	color: var(--sdqa-on-secondary-container);
	font-size: 14.5px;
}
.sdqa-root .sdqa-note .material-symbols-rounded { color: var(--sdqa-secondary-strong); margin-top: 3px; }

/* Tables */
.sdqa-root .sdqa-table-card { padding: 0; overflow: hidden; }
.sdqa-root .sdqa-table-wrap { overflow-x: auto; border: 1px solid var(--sdqa-outline-variant); border-radius: var(--sdqa-r-l); margin-top: 16px; }
.sdqa-root .sdqa-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; }
.sdqa-root .sdqa-table th {
	background: var(--sdqa-surface-container);
	color: var(--sdqa-primary);
	font-size: 13.5px;
	font-weight: 800;
	text-align: start;
	padding: 14px 18px;
	border-bottom: 1px solid var(--sdqa-outline-variant);
	white-space: nowrap;
}
.sdqa-root .sdqa-table td { padding: 16px 18px; border-bottom: 1px solid var(--sdqa-divider); vertical-align: middle; text-align: start; }
.sdqa-root .sdqa-table tbody tr:last-child td { border-bottom: 0; }
.sdqa-root .sdqa-table tbody tr { transition: background-color var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-table tbody tr:hover td { background: #FAFAFD; }
.sdqa-root .sdqa-table--compact td, .sdqa-root .sdqa-table--compact th { padding: 12px 16px; }
.sdqa-root .sdqa-table__num { width: 48px; font-weight: 800; color: var(--sdqa-gold-text); }
.sdqa-root .sdqa-table__title { font-weight: 600; }
.sdqa-root .sdqa-table__desc { color: var(--sdqa-on-surface-variant); font-size: 14.5px; max-width: 560px; }
.sdqa-root .sdqa-table__actions { text-align: end !important; }
.sdqa-root td.sdqa-table__actions .sdqa-btn + .sdqa-btn { margin-inline-start: 6px; }
.sdqa-root td.sdqa-table__actions .sdqa-link { display: block; }
.sdqa-root .sdqa-month { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--sdqa-primary); }
.sdqa-root .sdqa-month .material-symbols-rounded { color: var(--sdqa-secondary); }

/* ------------------------------------------------------------------ */
/* View-only PDF viewer (dialog + inline)                              */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-pdfview {
	position: fixed;
	inset: 0;
	z-index: 100001;
	display: flex;
	flex-direction: column;
	background: #0B1028;
	color: #fff;
	animation: sdqa-fade .2s var(--sdqa-ease);
}
.sdqa-root .sdqa-pdfview[hidden] { display: none; }
.sdqa-root .sdqa-pdfview__bar { display: flex; align-items: center; gap: 6px; padding: 10px 16px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.sdqa-root .sdqa-pdfview__badge { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--sdqa-secondary-strong); flex-shrink: 0; }
.sdqa-root .sdqa-pdfview__badge .material-symbols-rounded { font-size: 22px; }
.sdqa-root .sdqa-pdfview__title { flex: 1; min-width: 0; margin: 0 6px; font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sdqa-root .sdqa-pdfview__count { font-size: 13px; opacity: .8; white-space: nowrap; margin-inline-end: 6px; }
.sdqa-root .sdqa-pdfview .sdqa-icon-btn { color: #fff; }
.sdqa-root .sdqa-pdfview .sdqa-icon-btn:hover, .sdqa-root .sdqa-pdfview .sdqa-icon-btn:focus { background: rgba(255, 255, 255, .14); color: #fff; }
.sdqa-root .sdqa-pdfview__pages {
	flex: 1;
	min-height: 0;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 20px max(16px, calc((100% - 980px) / 2));
	outline: none;
}
.sdqa-root .sdqa-pdfview__pages.is-zoomed { align-items: flex-start; }
.sdqa-root .sdqa-pdfview__foot { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 8px 16px 10px; font-size: 12.5px; opacity: .7; }
.sdqa-root .sdqa-pdfview__foot .material-symbols-rounded { font-size: 16px; }

.sdqa-root .sdqa-pdf-page {
	position: relative;
	flex-shrink: 0;
	max-width: none;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.sdqa-root .sdqa-pdf-page:not(.is-ready)::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 34px;
	margin: -17px 0 0 -17px;
	border-radius: 50%;
	border: 3px solid rgba(26, 41, 86, .15);
	border-top-color: var(--sdqa-secondary);
	animation: sdqa-spin .8s linear infinite;
}
.sdqa-root .sdqa-pdf-page canvas { display: block; width: 100%; height: auto; pointer-events: none; }
.sdqa-root .sdqa-pdf-inline__status { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; padding: 40px 16px; font-weight: 600; }
.sdqa-root .sdqa-pdf-inline__status[hidden] { display: none; }
.sdqa-root .is-error > .sdqa-pdf-inline__status { color: #FFB4AB; }
.sdqa-root .sdqa-pdf-inline.is-error > .sdqa-pdf-inline__status { color: #B3261E; }
.sdqa-root .sdqa-pdfview__spinner { width: 22px; height: 22px; border-radius: 50%; border: 3px solid rgba(155, 132, 68, .3); border-top-color: var(--sdqa-secondary); animation: sdqa-spin .8s linear infinite; flex-shrink: 0; }
.sdqa-root .is-error .sdqa-pdfview__spinner { display: none; }

.sdqa-root .sdqa-pdf-inline {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin-top: 20px;
	padding: 16px;
	max-height: 85vh;
	overflow: auto;
	background: var(--sdqa-surface-container);
}
.sdqa-root .sdqa-pdf-inline .sdqa-pdf-page { box-shadow: var(--sdqa-elev-2); }


/* ================================================================== */
/* Dentistry QA Unit layer                                               */
/* ================================================================== */
.sdqa-root {
	--sdqa-max: 1240px;
	--sdqa-sticky: 0px; /* Height of a sticky site header, if any (the tab bar sticks below it). */
	--sdqa-blue: #2C6BC8;
	--sdqa-grid-line: rgba(255, 255, 255, .07);
}
.sdqa-root .sdqa-small { font-size: 13.5px; }
.sdqa-root .sdqa-prose { color: var(--sdqa-on-surface-variant); font-size: 16.5px; margin-bottom: 14px; max-width: 72ch; }
.sdqa-root .sdqa-avatar--l { width: 88px; height: 88px; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--sdqa-secondary); }
.sdqa-root .sdqa-flip { display: inline-block; }

/* ------------------------------------------------------------------ */
/* Hero (blueprint grid)                                               */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-hero {
	position: relative;
	overflow: hidden;
	color: var(--sdqa-on-primary);
	background:
		radial-gradient(900px 420px at 92% -20%, rgba(155, 132, 68, .42), transparent 62%),
		radial-gradient(700px 360px at -5% 120%, rgba(44, 107, 200, .35), transparent 60%),
		linear-gradient(135deg, #101A3D 0%, var(--sdqa-primary) 48%, #24387A 100%);
	padding: 34px 24px 84px;
}
.sdqa-root[dir="rtl"] .sdqa-hero {
	background:
		radial-gradient(900px 420px at 8% -20%, rgba(155, 132, 68, .42), transparent 62%),
		radial-gradient(700px 360px at 105% 120%, rgba(44, 107, 200, .35), transparent 60%),
		linear-gradient(225deg, #101A3D 0%, var(--sdqa-primary) 48%, #24387A 100%);
}
.sdqa-root .sdqa-hero__grid {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(var(--sdqa-grid-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--sdqa-grid-line) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;
	mask-image: linear-gradient(to bottom, #000 20%, transparent 95%);
	-webkit-mask-image: linear-gradient(to bottom, #000 20%, transparent 95%);
}
.sdqa-root .sdqa-hero__grid::after {
	/* Drafting circle + crosshair motif */
	content: '';
	position: absolute;
	width: 420px;
	height: 420px;
	inset-inline-end: -110px;
	top: -150px;
	border-radius: 50%;
	border: 1px dashed rgba(233, 217, 166, .35);
	box-shadow: 0 0 0 60px rgba(255, 255, 255, .02), 0 0 0 61px rgba(233, 217, 166, .12);
}
.sdqa-root .sdqa-hero__inner { position: relative; max-width: var(--sdqa-max); margin: 0 auto; }
.sdqa-root .sdqa-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 13.5px; margin-bottom: 22px; color: rgba(255, 255, 255, .78); }
.sdqa-root .sdqa-breadcrumb a { display: inline-flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, .92); padding: 4px 10px; border-radius: var(--sdqa-r-full); background: rgba(255, 255, 255, .08); }
.sdqa-root .sdqa-breadcrumb a:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.sdqa-root .sdqa-breadcrumb .material-symbols-rounded { font-size: 18px; }
.sdqa-root .sdqa-breadcrumb [aria-current] { color: #E9D9A6; font-weight: 600; }
.sdqa-root .sdqa-hero__row { display: flex; align-items: center; gap: 22px; }
.sdqa-root .sdqa-hero__text { flex: 1 1 auto; min-width: 0; }
.sdqa-root .sdqa-hero__icon {
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	border-radius: 22px;
	background: linear-gradient(145deg, #B39B57, var(--sdqa-secondary-strong));
	box-shadow: 0 10px 24px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .3);
	flex-shrink: 0;
}
.sdqa-root .sdqa-hero__icon .material-symbols-rounded { font-size: 40px; color: #fff; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 40; }
.sdqa-root .sdqa-hero__photo { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 4px rgba(255, 255, 255, .9), 0 0 0 7px var(--sdqa-secondary), 0 12px 28px rgba(0, 0, 0, .3); flex-shrink: 0; }
.sdqa-root .sdqa-hero__eyebrow { font-size: 14px; font-weight: 600; color: #E9D9A6; letter-spacing: .3px; }
.sdqa-root .sdqa-hero__title { font-size: clamp(27px, 3.6vw, 42px); line-height: 1.22; font-weight: 800; color: #fff; margin: 2px 0 8px; }
.sdqa-root .sdqa-hero__desc { color: rgba(255, 255, 255, .84); max-width: 70ch; font-size: 15.5px; }
.sdqa-root .sdqa-hero__media {
	flex: 0 0 min(40%, 440px);
	aspect-ratio: 4 / 3;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 24px 48px rgba(0, 0, 0, .35);
	transform: rotate(-1.5deg);
}
.sdqa-root[dir="rtl"] .sdqa-hero__media { transform: rotate(1.5deg); }
.sdqa-root .sdqa-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdqa-root .sdqa-hero--home { padding-bottom: 104px; }
.sdqa-root .sdqa-hero--home .sdqa-hero__title { font-size: clamp(32px, 4.6vw, 54px); }

/* ------------------------------------------------------------------ */
/* Tab bar (the Faculty's main pages)                                  */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-tabs {
	position: sticky;
	top: var(--sdqa-sticky);
	z-index: 50;
	max-width: var(--sdqa-max);
	margin: -40px auto 0;
	padding: 0 24px;
}
.admin-bar .sdqa-root .sdqa-tabs { top: calc(var(--sdqa-sticky) + 32px); }
.sdqa-root .sdqa-tabs__inner {
	display: flex;
	gap: 6px;
	padding: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(1.4) blur(10px);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	border: 1px solid rgba(26, 41, 86, .08);
	border-radius: 20px;
	box-shadow: var(--sdqa-elev-2);
}
.sdqa-root .sdqa-tabs__inner::-webkit-scrollbar { display: none; }
.sdqa-root .sdqa-tab {
	flex: 1 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 8px 16px;
	border-radius: 14px;
	color: var(--sdqa-on-surface-variant);
	font-weight: 700;
	font-size: 14.5px;
	white-space: nowrap;
	position: relative;
	transition: background var(--sdqa-dur) var(--sdqa-ease), color var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-tab .material-symbols-rounded { font-size: 22px; color: var(--sdqa-secondary-strong); transition: color var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-tab:hover { background: var(--sdqa-surface-low); color: var(--sdqa-primary); }
.sdqa-root .sdqa-tab.is-active {
	background: linear-gradient(135deg, var(--sdqa-primary), #27408A);
	color: #fff;
	box-shadow: 0 6px 16px rgba(26, 41, 86, .28);
}
.sdqa-root .sdqa-tab.is-active .material-symbols-rounded { color: #E9D9A6; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.sdqa-root .sdqa-tab.is-active::after {
	content: '';
	position: absolute;
	bottom: 6px;
	inset-inline: 30%;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--sdqa-secondary), #E0CC8E);
}
.sdqa-root .sdqa-tabs.is-stuck .sdqa-tabs__inner { border-radius: 0 0 20px 20px; }

/* ------------------------------------------------------------------ */
/* Main content                                                        */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-main { max-width: var(--sdqa-max); margin: 0 auto; padding: 40px 24px 96px; }
.sdqa-root .sdqa-section { margin-bottom: 64px; scroll-margin-top: calc(var(--sdqa-sticky) + 100px); }
.sdqa-root .sdqa-section:last-child { margin-bottom: 0; }
.sdqa-root [id] { scroll-margin-top: calc(var(--sdqa-sticky) + 100px); }
.sdqa-root .sdqa-sec-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 22px; }
.sdqa-root .sdqa-sec-head .sdqa-lead { margin: 10px 0 0; }
.sdqa-root .sdqa-sec-head__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: var(--sdqa-primary-container);
	color: var(--sdqa-primary);
	flex-shrink: 0;
}
.sdqa-root .sdqa-sec-head__icon .material-symbols-rounded { font-size: 26px; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.sdqa-root .sdqa-sec-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.sdqa-root .sdqa-sec-row > .sdqa-sec-head { flex: 1 1 420px; }
.sdqa-root .sdqa-sec-row__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sdqa-root .sdqa-count { font-size: 13.5px; font-weight: 700; color: var(--sdqa-gold-text); background: var(--sdqa-secondary-container); padding: 6px 12px; border-radius: var(--sdqa-r-full); }
.sdqa-root .sdqa-label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--sdqa-primary); margin-bottom: 12px; text-transform: none; }
.sdqa-root .sdqa-label .material-symbols-rounded { font-size: 20px; color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-label--lg { font-size: 18px; margin: 8px 0 16px; }
.sdqa-root .sdqa-callout { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 20px 22px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px dashed var(--sdqa-outline-variant); }
.sdqa-root .sdqa-callout > .material-symbols-rounded { font-size: 34px; color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-callout > div { flex: 1 1 280px; }
.sdqa-root .sdqa-grid--vm { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sdqa-root .sdqa-vm { padding: 28px; }
.sdqa-root .sdqa-vm p { margin-top: 8px; }
.sdqa-root .sdqa-card--primary .sdqa-title-l { color: #fff; }
.sdqa-root .sdqa-vm__icon { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(255, 255, 255, .14); margin-bottom: 12px; }
.sdqa-root .sdqa-card--gold .sdqa-vm__icon { background: var(--sdqa-secondary-strong); color: #fff; }
.sdqa-root .sdqa-card--primary .sdqa-vm__icon { color: #E9D9A6; }

/* Objectives */
.sdqa-root .sdqa-objectives { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; counter-reset: none; }
.sdqa-root .sdqa-objective {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px;
	border-radius: var(--sdqa-r-l);
	background: var(--sdqa-surface-lowest);
	border: 1px solid var(--sdqa-outline-variant);
	transition: border-color var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease), transform var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-objective:hover { border-color: var(--sdqa-secondary); box-shadow: var(--sdqa-elev-1); transform: translateY(-2px); }
.sdqa-root .sdqa-objective__num { font-size: 13px; font-weight: 800; color: var(--sdqa-gold-text); background: var(--sdqa-secondary-container); border-radius: 10px; padding: 4px 8px; flex-shrink: 0; font-family: 'Roboto', sans-serif; }
.sdqa-root .sdqa-objective__icon { color: var(--sdqa-primary); flex-shrink: 0; }
.sdqa-root .sdqa-objective p { color: var(--sdqa-on-surface); }
.sdqa-root .sdqa-objective strong { color: var(--sdqa-primary); }

/* Stats */
.sdqa-root .sdqa-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sdqa-root .sdqa-stat {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 22px;
	border-radius: var(--sdqa-r-xl);
	color: var(--sdqa-on-primary);
	background: radial-gradient(260px 140px at 100% 0%, rgba(155, 132, 68, .4), transparent 70%), linear-gradient(140deg, var(--sdqa-primary), #27408A);
	box-shadow: var(--sdqa-elev-2);
	overflow: hidden;
	transition: transform var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-stat:hover { color: #fff; transform: translateY(-3px); box-shadow: var(--sdqa-elev-3); }
.sdqa-root .sdqa-stat__icon .material-symbols-rounded { font-size: 30px; color: #E9D9A6; }
.sdqa-root .sdqa-stat__num { font-size: 40px; font-weight: 900; line-height: 1.1; font-family: 'Roboto', var(--sdqa-font); }
.sdqa-root .sdqa-stat__label { font-weight: 600; color: rgba(255, 255, 255, .86); }
.sdqa-root .sdqa-stat__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sdqa-root .sdqa-stat__foot .sdqa-stat__label { min-width: 0; }
.sdqa-root .sdqa-stat__go { position: static; flex-shrink: 0; opacity: .6; transition: opacity var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-stat:hover .sdqa-stat__go { opacity: 1; }
.sdqa-root .sdqa-program-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }

/* ------------------------------------------------------------------ */
/* Administration                                                      */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-leaders { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.sdqa-root .sdqa-leader { display: flex; align-items: center; gap: 16px; }
.sdqa-root .sdqa-leader--dean { background: linear-gradient(135deg, var(--sdqa-surface-lowest), var(--sdqa-secondary-container)); border-color: #E6D6A8; }
.sdqa-root .sdqa-leader__icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--sdqa-primary-container); color: var(--sdqa-primary); flex-shrink: 0; }
.sdqa-root .sdqa-leader__icon .material-symbols-rounded { font-size: 32px; }
.sdqa-root .sdqa-leader .sdqa-title-l a { color: var(--sdqa-primary); }
.sdqa-root .sdqa-gov { display: flex; flex-direction: column; gap: 6px; }
.sdqa-root .sdqa-gov__icon { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-gov__icon .material-symbols-rounded { font-size: 30px; }
.sdqa-root .sdqa-orgchart {
	position: relative;
	display: block;
	width: 100%;
	padding: 14px;
	margin-bottom: 24px;
	border-radius: var(--sdqa-r-xl);
	background: var(--sdqa-surface-lowest);
	border: 1px solid var(--sdqa-outline-variant);
	box-shadow: var(--sdqa-elev-1);
	cursor: zoom-in;
}
.sdqa-root .sdqa-orgchart img { width: 100%; border-radius: var(--sdqa-r-m); }
.sdqa-root .sdqa-orgchart__zoom { position: absolute; top: 24px; inset-inline-end: 24px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: var(--sdqa-r-full); background: var(--sdqa-primary); color: #fff; font-weight: 700; font-size: 13.5px; box-shadow: var(--sdqa-elev-2); }
.sdqa-root .sdqa-tree { display: flex; flex-direction: column; align-items: center; gap: 0; }
.sdqa-root .sdqa-tree > li { position: relative; padding-bottom: 26px; display: flex; justify-content: center; width: 100%; }
.sdqa-root .sdqa-tree > li:not(:last-child)::after { content: ''; position: absolute; bottom: 4px; left: 50%; width: 2px; height: 20px; background: var(--sdqa-outline-variant); }
.sdqa-root .sdqa-tree__node { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: var(--sdqa-r-m); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); font-weight: 700; color: var(--sdqa-primary); text-align: center; }
.sdqa-root .sdqa-tree__node .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-tree__node--top { background: #0F5C55; color: #fff; border-color: transparent; }
.sdqa-root .sdqa-tree__node--top .material-symbols-rounded { color: #BFE7DE; }
.sdqa-root .sdqa-tree__node--dean { background: var(--sdqa-primary); color: #fff; border-color: transparent; }
.sdqa-root .sdqa-tree__node--dean .material-symbols-rounded { color: #E9D9A6; }
.sdqa-root .sdqa-tree__split { gap: 12px; flex-wrap: wrap; }
.sdqa-root .sdqa-tree__node--depts { background: var(--sdqa-secondary-container); border-color: #E6D6A8; color: var(--sdqa-on-secondary-container); }
.sdqa-root .sdqa-committees__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.sdqa-root .sdqa-committees__head h3, .sdqa-root .sdqa-doc__text, .sdqa-root .sdqa-leader > div { min-width: 0; overflow-wrap: break-word; }
.sdqa-root .sdqa-block__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--sdqa-primary); color: #E9D9A6; flex-shrink: 0; }
.sdqa-root .sdqa-list li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--sdqa-divider); }
.sdqa-root .sdqa-list li:last-child { border-bottom: 0; }
.sdqa-root .sdqa-list .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; counter-reset: step; }
.sdqa-root .sdqa-step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 14px; border-radius: var(--sdqa-r-l); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); text-align: center; font-weight: 700; color: var(--sdqa-primary); }
.sdqa-root .sdqa-step:first-child { background: var(--sdqa-primary); color: #fff; border-color: transparent; }
.sdqa-root .sdqa-step__icon .material-symbols-rounded { font-size: 32px; color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-step:first-child .sdqa-step__icon .material-symbols-rounded { color: #E9D9A6; }
.sdqa-root .sdqa-quality { display: flex; gap: 18px; align-items: flex-start; }
.sdqa-root .sdqa-quality__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }


/* ------------------------------------------------------------------ */
/* Students (guide)                                                    */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-glance { display: grid; gap: 18px; }
.sdqa-root .sdqa-guide { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; }
.sdqa-root .sdqa-guide__toc { position: sticky; top: calc(var(--sdqa-sticky) + 100px); padding: 18px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); max-height: calc(100vh - 140px); overflow: auto; }
.sdqa-root .sdqa-guide__toc ol { counter-reset: toc; }
.sdqa-root .sdqa-guide__toc li a { display: block; padding: 7px 10px; border-radius: var(--sdqa-r-s); font-size: 14px; font-weight: 600; color: var(--sdqa-on-surface-variant); line-height: 1.4; }
.sdqa-root .sdqa-guide__toc li a:hover, .sdqa-root .sdqa-guide__toc li a.is-current { background: var(--sdqa-primary-container); color: var(--sdqa-primary); }
.sdqa-root .sdqa-chapter { border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); margin-bottom: 12px; overflow: hidden; }
.sdqa-root .sdqa-chapter[open] { box-shadow: var(--sdqa-elev-1); }
.sdqa-root .sdqa-chapter summary { display: flex; align-items: center; gap: 14px; padding: 16px 20px; cursor: pointer; list-style: none; }
.sdqa-root .sdqa-chapter summary::-webkit-details-marker { display: none; }
.sdqa-root .sdqa-chapter__num { display: grid; place-items: center; min-width: 52px; height: 40px; padding: 0 8px; border-radius: 12px; background: var(--sdqa-primary); color: #E9D9A6; font-weight: 800; font-size: 13px; }
.sdqa-root .sdqa-chapter__title { flex: 1; font-weight: 800; color: var(--sdqa-primary); font-size: 16.5px; }
.sdqa-root .sdqa-chapter__title small { display: block; font-size: 12px; font-weight: 700; color: var(--sdqa-gold-text); text-transform: uppercase; letter-spacing: .6px; }
.sdqa-root .sdqa-chapter__chev { transition: transform var(--sdqa-dur) var(--sdqa-ease); color: var(--sdqa-outline); }
.sdqa-root .sdqa-chapter[open] .sdqa-chapter__chev { transform: rotate(180deg); }
.sdqa-root .sdqa-chapter__content { padding: 4px 24px 22px; border-top: 1px solid var(--sdqa-divider); }
.sdqa-root .sdqa-chapter__content h3 { margin: 18px 0 8px; color: var(--sdqa-primary); }
.sdqa-root .sdqa-chapter__content h4 { margin: 12px 0 6px; font-size: 15px; font-weight: 700; color: var(--sdqa-on-surface); }
.sdqa-root .sdqa-chapter__content p { margin-bottom: 10px; color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-bullets { margin: 0 0 12px; }
.sdqa-root .sdqa-bullets li { position: relative; padding-inline-start: 22px; margin-bottom: 6px; color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-bullets li::before { content: ''; position: absolute; inset-inline-start: 6px; top: .75em; width: 7px; height: 7px; border-radius: 2px; background: var(--sdqa-secondary); transform: rotate(45deg); }
.sdqa-root .sdqa-chapter .sdqa-table-wrap { margin: 8px 0 14px; }

/* ------------------------------------------------------------------ */
/* Floating navigation                                                 */
/* ------------------------------------------------------------------ */
/* Menu button: always bottom-LEFT in both languages (the site's chat widgets sit on the right). */
.sdqa-root .sdqa-fab,
.sdqa-root .sdqa-fab:hover,
.sdqa-root .sdqa-fab:focus {
	position: fixed;
	z-index: 9990;
	bottom: 20px;
	left: 16px;
	right: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 54px;
	padding: 0 20px 0 16px;
	border-radius: 18px;
	background: linear-gradient(135deg, var(--sdqa-primary), #27408A);
	color: #fff;
	font-family: var(--sdqa-font);
	font-weight: 700;
	font-size: 14.5px;
	line-height: 1;
	box-shadow: 0 10px 28px rgba(16, 26, 61, .38), inset 0 1px 0 rgba(255, 255, 255, .15);
	transition: transform var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-fab:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(16, 26, 61, .45); }
.sdqa-root .sdqa-fab .material-symbols-rounded { color: #E9D9A6; }
.sdqa-root .sdqa-scrim { position: fixed; inset: 0; z-index: 99998; background: rgba(10, 14, 30, .5); animation: sdqa-fade .2s; }
.sdqa-root .sdqa-drawer {
	position: fixed;
	z-index: 99999;
	top: 0;
	bottom: 0;
	inset-inline-start: 0;
	width: min(380px, 92vw);
	display: flex;
	flex-direction: column;
	background: var(--sdqa-surface-lowest);
	box-shadow: 12px 0 40px rgba(10, 14, 30, .25);
	border-start-end-radius: 24px;
	border-end-end-radius: 24px;
	animation: sdqa-drawer-in .3s var(--sdqa-ease-emph);
}
.sdqa-root[dir="rtl"] .sdqa-drawer { animation-name: sdqa-drawer-in-rtl; box-shadow: -12px 0 40px rgba(10, 14, 30, .25); }
.sdqa-root .sdqa-drawer__head { display: flex; align-items: center; gap: 12px; padding: 20px 18px; background: linear-gradient(135deg, var(--sdqa-primary), #27408A); color: #fff; border-start-end-radius: 24px; }
.sdqa-root .sdqa-drawer__head .sdqa-title-l { color: #fff; }
.sdqa-root .sdqa-drawer__head .sdqa-overline { color: #E9D9A6; }
.sdqa-root .sdqa-drawer__head .sdqa-icon-btn { margin-inline-start: auto; color: #fff; }
.sdqa-root .sdqa-drawer__badge { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(145deg, #B39B57, var(--sdqa-secondary-strong)); }
.sdqa-root .sdqa-drawer__badge .material-symbols-rounded { color: #fff; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.sdqa-root .sdqa-drawer__nav { flex: 1; overflow-y: auto; padding: 12px; overscroll-behavior: contain; }
.sdqa-root .sdqa-drawer__group { border-radius: var(--sdqa-r-l); margin-bottom: 4px; }
.sdqa-root .sdqa-drawer__group[open] { background: var(--sdqa-surface-low); }
.sdqa-root .sdqa-drawer__group summary { display: flex; align-items: center; gap: 4px; list-style: none; cursor: pointer; border-radius: var(--sdqa-r-l); }
.sdqa-root .sdqa-drawer__group summary::-webkit-details-marker { display: none; }
.sdqa-root .sdqa-drawer__page { flex: 1; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--sdqa-r-l); font-weight: 700; color: var(--sdqa-on-surface); }
.sdqa-root .sdqa-drawer__page .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-drawer__page:hover { background: var(--sdqa-surface-container); color: var(--sdqa-primary); }
.sdqa-root .sdqa-drawer__page.is-active { color: var(--sdqa-primary); }
.sdqa-root .sdqa-drawer__page.is-active .material-symbols-rounded { font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.sdqa-root .sdqa-drawer__toggle { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: var(--sdqa-outline); transition: transform var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-drawer__group[open] .sdqa-drawer__toggle { transform: rotate(180deg); }
.sdqa-root .sdqa-drawer__list { padding: 0 8px 10px; }
.sdqa-root .sdqa-drawer__list a { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 14px; border-radius: var(--sdqa-r-m); font-size: 14px; color: var(--sdqa-on-surface-variant); line-height: 1.4; }
.sdqa-root .sdqa-drawer__list a .material-symbols-rounded { font-size: 18px; color: var(--sdqa-outline); }
.sdqa-root .sdqa-drawer__list a:hover { background: var(--sdqa-surface-lowest); color: var(--sdqa-primary); }
.sdqa-root .sdqa-drawer__list a.is-current { background: var(--sdqa-surface-lowest); color: var(--sdqa-primary); font-weight: 700; box-shadow: inset 3px 0 0 var(--sdqa-secondary); }
.sdqa-root[dir="rtl"] .sdqa-drawer__list a.is-current { box-shadow: inset -3px 0 0 var(--sdqa-secondary); }
.sdqa-root .sdqa-drawer__list a.is-current .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-drawer__dot { font-size: 16px !important; }
.sdqa-root .sdqa-drawer__foot { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-top: 1px solid var(--sdqa-divider); color: var(--sdqa-on-surface-variant); font-size: 13px; font-weight: 600; }
.sdqa-root .sdqa-drawer__foot img { width: 36px; height: 36px; object-fit: contain; }
.sdqa-root.is-nav-open .sdqa-fab { opacity: 0; pointer-events: none; }

/* The site's "To Top" plugin button sits bottom-left like the menu button: lift it above. */
body.sdqa-module-page #to_top_scrollup { bottom: 88px !important; }

@keyframes sdqa-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes sdqa-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sdqa-drawer-in { from { transform: translateX(-100%); } to { transform: none; } }
@keyframes sdqa-drawer-in-rtl { from { transform: translateX(100%); } to { transform: none; } }

/* Nine tabs: tighter than the shared tab bar so they fit one row on desktop. */
.sdqa-root .sdqa-tabs__inner { gap: 2px; }
.sdqa-root .sdqa-tab { padding: 8px 8px; gap: 5px; font-size: 14px; }
.sdqa-root .sdqa-tab .material-symbols-rounded { font-size: 20px; }

/* ------------------------------------------------------------------ */
/* Shared: in-page local navigation, documents, people                 */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-localnav {
	display: flex;
	gap: 4px;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 28px;
	padding: 5px;
	border-radius: var(--sdqa-r-full);
	background: var(--sdqa-surface-container);
	overflow-x: auto;
	scrollbar-width: none;
}
.sdqa-root .sdqa-localnav::-webkit-scrollbar { display: none; }
.sdqa-root .sdqa-localnav a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: var(--sdqa-r-full); font-weight: 700; font-size: 14px; color: var(--sdqa-on-surface-variant); white-space: nowrap; }
.sdqa-root .sdqa-localnav a .material-symbols-rounded { font-size: 19px; color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-localnav a:hover, .sdqa-root .sdqa-localnav a.is-current { background: var(--sdqa-surface-lowest); color: var(--sdqa-primary); box-shadow: var(--sdqa-elev-1); }

.sdqa-root .sdqa-docs { display: grid; gap: 10px; }
.sdqa-root .sdqa-docs--grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 400px), 1fr)); gap: 12px; }
.sdqa-root .sdqa-doc {
	display: flex;
	align-items: center;
	gap: 12px 14px;
	padding: 12px 14px;
	border-radius: var(--sdqa-r-l);
	background: var(--sdqa-surface-lowest);
	border: 1px solid var(--sdqa-outline-variant);
	transition: border-color var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease);
}
.sdqa-root .sdqa-doc:hover { border-color: var(--sdqa-secondary); box-shadow: var(--sdqa-elev-1); }
.sdqa-root .sdqa-doc__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--sdqa-error-container); color: var(--sdqa-error); flex-shrink: 0; }
.sdqa-root .sdqa-doc__body { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
.sdqa-root .sdqa-doc__title { font-weight: 700; color: var(--sdqa-on-surface); line-height: 1.5; }
.sdqa-root .sdqa-doc__desc { font-size: 14px; color: var(--sdqa-on-surface-variant); margin-top: 2px; }
.sdqa-root .sdqa-doc__meta { font-size: 12.5px; font-weight: 600; color: var(--sdqa-gold-text); margin-top: 2px; }
.sdqa-root .sdqa-doc .sdqa-btn { flex: 0 0 auto; }
.sdqa-root .sdqa-docs__group { font-size: 13.5px; font-weight: 800; color: var(--sdqa-primary); margin: 14px 0 2px; display: flex; align-items: center; gap: 8px; }
.sdqa-root .sdqa-docs__group .material-symbols-rounded { font-size: 19px; color: var(--sdqa-secondary-strong); }

.sdqa-root .sdqa-source { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-top: 20px; padding: 14px 18px; border-radius: var(--sdqa-r-l); background: var(--sdqa-surface-low); }
.sdqa-root .sdqa-source > .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-source p { flex: 1 1 240px; font-size: 14.5px; color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-source__actions { display: flex; flex-wrap: wrap; gap: 8px; }

.sdqa-root .sdqa-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; }
.sdqa-root .sdqa-person { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); }
.sdqa-root .sdqa-person__icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--sdqa-primary); color: #E9D9A6; flex-shrink: 0; }
.sdqa-root .sdqa-person__icon .material-symbols-rounded { font-size: 28px; }
.sdqa-root .sdqa-person__role { font-size: 13px; font-weight: 700; color: var(--sdqa-gold-text); }
.sdqa-root .sdqa-person__name { font-size: 17px; font-weight: 800; color: var(--sdqa-primary); line-height: 1.5; }

/* ------------------------------------------------------------------ */
/* Vision & mission (home)                                             */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-vm__text { font-size: 17.5px; line-height: 1.9; }
.sdqa-root[dir="rtl"] .sdqa-vm__text { font-size: 18px; line-height: 2.05; }
.sdqa-root .sdqa-card--gold .sdqa-title-l { color: var(--sdqa-on-secondary-container); }
.sdqa-root .sdqa-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 14px; }
.sdqa-root .sdqa-value { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px 16px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); text-align: center; font-weight: 800; font-size: 17px; color: var(--sdqa-primary); transition: transform var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease), border-color var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-value:hover { transform: translateY(-3px); box-shadow: var(--sdqa-elev-1); border-color: var(--sdqa-secondary); }
.sdqa-root .sdqa-value__icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--sdqa-secondary-container); color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-value__icon .material-symbols-rounded { font-size: 30px; }
.sdqa-root .sdqa-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0; overflow: hidden; }
.sdqa-root .sdqa-pair__item { padding: 24px 26px; }
.sdqa-root .sdqa-pair__item + .sdqa-pair__item { border-inline-start: 1px solid var(--sdqa-divider); }
.sdqa-root .sdqa-pair__item p:not(.sdqa-label) { color: var(--sdqa-on-surface-variant); font-size: 16.5px; }
.sdqa-root .sdqa-pair__foot { grid-column: 1 / -1; display: flex; justify-content: flex-end; padding: 12px 20px; border-top: 1px solid var(--sdqa-divider); background: var(--sdqa-surface-low); }

.sdqa-root .sdqa-explore { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 14px; }
.sdqa-root .sdqa-explore__item { display: flex; align-items: flex-start; gap: 14px; padding: 18px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); color: var(--sdqa-on-surface); transition: transform var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease), border-color var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-explore__item:hover { transform: translateY(-3px); box-shadow: var(--sdqa-elev-2); border-color: var(--sdqa-secondary); color: var(--sdqa-on-surface); }
.sdqa-root .sdqa-explore__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--sdqa-primary-container); color: var(--sdqa-primary); flex-shrink: 0; }
.sdqa-root .sdqa-explore__title { font-weight: 800; color: var(--sdqa-primary); font-size: 16.5px; }
.sdqa-root .sdqa-explore__desc { font-size: 13.5px; color: var(--sdqa-on-surface-variant); line-height: 1.6; margin-top: 2px; }

.sdqa-root .sdqa-explore__body { flex: 1 1 0; min-width: 0; display: block; }
.sdqa-root .sdqa-explore__title, .sdqa-root .sdqa-explore__desc { display: block; }
.sdqa-root .sdqa-explore__meta { display: inline-block; margin-top: 8px; padding: 2px 10px; border-radius: var(--sdqa-r-full); background: var(--sdqa-secondary-container); color: var(--sdqa-gold-text); font-size: 12.5px; font-weight: 700; }
.sdqa-root .sdqa-explore__go { align-self: center; color: var(--sdqa-outline); font-size: 20px; transition: color var(--sdqa-dur) var(--sdqa-ease), transform var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-explore__item:hover .sdqa-explore__go { color: var(--sdqa-secondary-strong); }

/* Current events (articles of the Unit's category) */
.sdqa-root .sbl-root--embed { background: transparent; font-size: 16px; }
.sdqa-root .sdqa-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sdqa-root .sdqa-news { padding: 0; overflow: hidden; display: flex; flex-direction: column; transition: transform var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-news:hover { transform: translateY(-3px); box-shadow: var(--sdqa-elev-2); }
.sdqa-root .sdqa-news__media { display: block; aspect-ratio: 16 / 9; background: var(--sdqa-surface-container); }
.sdqa-root .sdqa-news__media img { width: 100%; height: 100%; object-fit: cover; }
.sdqa-root .sdqa-news__placeholder { display: grid; place-items: center; height: 100%; color: var(--sdqa-outline); }
.sdqa-root .sdqa-news__placeholder .material-symbols-rounded { font-size: 44px; }
.sdqa-root .sdqa-news__body { padding: 16px 18px 20px; }
.sdqa-root .sdqa-news__body .sdqa-title-m a { color: var(--sdqa-primary); }
.sdqa-root .sdqa-news__body .sdqa-title-m a:hover { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-news__date { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--sdqa-gold-text); margin-bottom: 6px; }
.sdqa-root .sdqa-news__date .material-symbols-rounded { font-size: 18px; }
.sdqa-root .sdqa-news__excerpt { font-size: 14.5px; color: var(--sdqa-on-surface-variant); margin-top: 6px; }

.sdqa-root .sdqa-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; padding: 22px 26px; }
.sdqa-root .sdqa-contact__head { flex: 1 1 220px; }
.sdqa-root .sdqa-contact__head .sdqa-title-l { color: #fff; }
.sdqa-root .sdqa-contact__head p:last-child { color: rgba(255, 255, 255, .8); font-size: 14.5px; }
.sdqa-root .sdqa-contact__list { display: flex; flex-wrap: wrap; gap: 10px; }
.sdqa-root .sdqa-contact__item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: var(--sdqa-r-full); background: rgba(255, 255, 255, .12); color: #fff; font-weight: 600; font-size: 14.5px; }
.sdqa-root a.sdqa-contact__item:hover { background: rgba(255, 255, 255, .22); color: #fff; }
.sdqa-root .sdqa-contact__item .material-symbols-rounded { font-size: 20px; color: #E9D9A6; }

/* ------------------------------------------------------------------ */
/* Objectives                                                          */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-objectives { grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); }
.sdqa-root .sdqa-objective__num { min-width: 34px; text-align: center; font-size: 14px; }

/* ------------------------------------------------------------------ */
/* Organizational structure                                            */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-org { padding: 28px; overflow-x: auto; }
.sdqa-root .sdqa-org ul { display: grid; gap: 10px; margin-top: 10px; padding-inline-start: 26px; border-inline-start: 2px solid var(--sdqa-outline-variant); margin-inline-start: 22px; }
.sdqa-root .sdqa-org li { position: relative; }
.sdqa-root .sdqa-org ul > li::before { content: ''; position: absolute; top: 23px; inset-inline-start: -26px; width: 22px; height: 2px; background: var(--sdqa-outline-variant); }
.sdqa-root .sdqa-org__node { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 8px 18px; border-radius: var(--sdqa-r-m); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); font-weight: 700; color: var(--sdqa-primary); }
.sdqa-root .sdqa-org__node .material-symbols-rounded { color: var(--sdqa-secondary-strong); font-size: 22px; }
.sdqa-root .sdqa-org__node small { display: block; font-size: 12.5px; font-weight: 600; color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-org__node--0 { background: var(--sdqa-primary); border-color: transparent; color: #fff; font-size: 17px; padding: 12px 22px; box-shadow: var(--sdqa-elev-2); }
.sdqa-root .sdqa-org__node--0 .material-symbols-rounded { color: #E9D9A6; }
.sdqa-root .sdqa-org__node--0 small { color: rgba(255, 255, 255, .8); }
.sdqa-root .sdqa-org__node--1 { background: var(--sdqa-secondary-container); border-color: #E6D6A8; color: var(--sdqa-on-secondary-container); }
.sdqa-root .sdqa-org__node--2 { background: var(--sdqa-primary-container); border-color: transparent; color: var(--sdqa-on-primary-container); }
.sdqa-root .sdqa-org__node--2 .material-symbols-rounded { color: var(--sdqa-primary); }
.sdqa-root .sdqa-team__standard { font-weight: 700; color: var(--sdqa-primary); }
.sdqa-root .sdqa-team__members { display: flex; flex-wrap: wrap; gap: 6px; }
.sdqa-root .sdqa-team__members li { padding: 3px 10px; border-radius: var(--sdqa-r-s); background: var(--sdqa-surface-low); font-size: 14px; }
.sdqa-root .sdqa-table td { vertical-align: top; }
.sdqa-root .sdqa-subhead { display: flex; align-items: center; gap: 10px; margin: 28px 0 12px; font-size: 18px; font-weight: 800; color: var(--sdqa-primary); }
.sdqa-root .sdqa-subhead .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-taglist { display: flex; flex-wrap: wrap; gap: 8px; }
.sdqa-root .sdqa-taglist li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--sdqa-r-m); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); font-weight: 600; font-size: 14.5px; }
.sdqa-root .sdqa-taglist .material-symbols-rounded { font-size: 19px; color: var(--sdqa-secondary-strong); }

/* ------------------------------------------------------------------ */
/* Bylaws                                                              */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-bylaw { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; padding: 28px; }
.sdqa-root .sdqa-bylaw__icon { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 24px; background: rgba(255, 255, 255, .12); color: #E9D9A6; flex-shrink: 0; }
.sdqa-root .sdqa-bylaw__icon .material-symbols-rounded { font-size: 44px; }
.sdqa-root .sdqa-bylaw__text { flex: 1 1 320px; }
.sdqa-root .sdqa-bylaw__text .sdqa-title-xl { color: #fff; }
.sdqa-root .sdqa-bylaw__text p { color: rgba(255, 255, 255, .86); margin-top: 6px; }
.sdqa-root .sdqa-bylaw__meta { font-size: 13.5px; font-weight: 600; color: #E9D9A6 !important; }
.sdqa-root .sdqa-chapter__count { font-size: 12.5px; font-weight: 700; color: var(--sdqa-gold-text); background: var(--sdqa-secondary-container); padding: 3px 10px; border-radius: var(--sdqa-r-full); white-space: nowrap; }
.sdqa-root .sdqa-numlist { counter-reset: item; display: grid; gap: 8px; margin: 12px 0 4px; }
.sdqa-root .sdqa-numlist > li { counter-increment: item; position: relative; padding-inline-start: 40px; color: var(--sdqa-on-surface-variant); min-height: 28px; }
.sdqa-root .sdqa-numlist > li::before { content: counter(item); position: absolute; inset-inline-start: 0; top: 1px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--sdqa-secondary-container); color: var(--sdqa-gold-text); font-size: 13px; font-weight: 800; font-family: 'Roboto', sans-serif; }
.sdqa-root .sdqa-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 14px; }

/* ------------------------------------------------------------------ */
/* Achievements                                                        */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-yearbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 28px; padding: 12px 16px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); }
.sdqa-root .sdqa-yearbar__label { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: var(--sdqa-primary); }
.sdqa-root .sdqa-yearbar__label .material-symbols-rounded { color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-yearbar .sdqa-chips { margin: 0; }
.sdqa-root .sdqa-yearbar .sdqa-chip { min-height: 38px; padding: 6px 16px; border-radius: var(--sdqa-r-full); font-size: 14.5px; font-weight: 700; cursor: pointer; font-family: var(--sdqa-font); }
.sdqa-root .sdqa-yearbar .sdqa-chip.is-selected { background: var(--sdqa-primary); color: #fff; }
.sdqa-root .sdqa-year { margin-bottom: 56px; }
.sdqa-root .sdqa-year[hidden] { display: none; }
.sdqa-root .sdqa-year__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-bottom: 18px; padding: 22px 26px; border-radius: var(--sdqa-r-xl); color: #fff; background: radial-gradient(500px 220px at 100% 0%, rgba(155, 132, 68, .35), transparent 60%), linear-gradient(135deg, var(--sdqa-primary), #2A3F7E); box-shadow: var(--sdqa-elev-2); }
.sdqa-root .sdqa-year__label { margin: 0; font-family: 'Roboto', var(--sdqa-font); font-size: 34px; font-weight: 900; line-height: 1.1; color: #E9D9A6; }
.sdqa-root .sdqa-year__text { flex: 1 1 320px; }
.sdqa-root .sdqa-year__text .sdqa-overline { color: rgba(255, 255, 255, .75); }
.sdqa-root .sdqa-year__text p:last-child { color: rgba(255, 255, 255, .9); }
.sdqa-root .sdqa-year__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sdqa-root .sdqa-year__actions .sdqa-btn { white-space: normal; text-align: start; max-width: 100%; }
.sdqa-root .sdqa-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin-bottom: 20px; }
.sdqa-root .sdqa-kpi { padding: 16px 12px; border-radius: var(--sdqa-r-l); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); text-align: center; }
.sdqa-root .sdqa-kpi__num { display: block; font-family: 'Roboto', var(--sdqa-font); font-size: 30px; font-weight: 900; line-height: 1.2; color: var(--sdqa-primary); }
.sdqa-root .sdqa-kpi__label { font-size: 13.5px; font-weight: 600; color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-group { margin-bottom: 12px; }
.sdqa-root .sdqa-group .sdqa-chapter__num { min-width: 44px; width: 44px; height: 44px; padding: 0; background: var(--sdqa-primary-container); color: var(--sdqa-primary); }
.sdqa-root .sdqa-events { display: grid; gap: 0; margin-top: 8px; }
.sdqa-root .sdqa-event { display: grid; grid-template-columns: 190px minmax(0, 1fr) auto; gap: 6px 18px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--sdqa-divider); }
.sdqa-root .sdqa-event:last-child { border-bottom: 0; padding-bottom: 4px; }
.sdqa-root .sdqa-event__date { display: inline-flex; align-items: flex-start; gap: 8px; font-size: 14px; font-weight: 700; color: var(--sdqa-gold-text); }
.sdqa-root .sdqa-event__date .material-symbols-rounded { font-size: 19px; color: var(--sdqa-secondary); margin-top: 2px; }
.sdqa-root .sdqa-event__title { font-weight: 600; color: var(--sdqa-on-surface); margin: 0 !important; }
.sdqa-root .sdqa-event__sub { font-size: 14px; color: var(--sdqa-on-surface-variant); margin: 2px 0 0 !important; }
.sdqa-root .sdqa-event__sub .material-symbols-rounded { font-size: 16px; vertical-align: -3px; color: var(--sdqa-outline); }
.sdqa-root .sdqa-event__count { justify-self: end; max-width: 240px; font-size: 13px; font-weight: 700; color: var(--sdqa-on-primary-container); background: var(--sdqa-primary-container); padding: 3px 10px; border-radius: var(--sdqa-r-m); }
.sdqa-root .sdqa-timeline { position: relative; display: grid; gap: 18px; padding-inline-start: 28px; margin-top: 14px; }
.sdqa-root .sdqa-timeline::before { content: ''; position: absolute; inset-inline-start: 8px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(var(--sdqa-secondary), var(--sdqa-outline-variant)); }
.sdqa-root .sdqa-timeline__item { position: relative; }
.sdqa-root .sdqa-timeline__item::before { content: ''; position: absolute; inset-inline-start: -26px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--sdqa-surface-lowest); border: 3px solid var(--sdqa-secondary); }
.sdqa-root .sdqa-timeline__date { font-weight: 800; color: var(--sdqa-primary); margin: 0 0 4px !important; }
.sdqa-root .sdqa-timeline .sdqa-bullets { margin: 0; }
.sdqa-root .sdqa-signed { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 32px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--sdqa-divider); }
.sdqa-root .sdqa-signed p { margin: 0 !important; }

/* ------------------------------------------------------------------ */
/* Guides & documents, NAQAAE                                          */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-catnav { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 12px; margin-bottom: 40px; }
.sdqa-root .sdqa-catnav a { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 12px; border-radius: var(--sdqa-r-xl); background: var(--sdqa-surface-lowest); border: 1px solid var(--sdqa-outline-variant); text-align: center; font-weight: 700; color: var(--sdqa-primary); line-height: 1.5; transition: transform var(--sdqa-dur) var(--sdqa-ease), box-shadow var(--sdqa-dur) var(--sdqa-ease), border-color var(--sdqa-dur) var(--sdqa-ease); }
.sdqa-root .sdqa-catnav a:hover { transform: translateY(-3px); box-shadow: var(--sdqa-elev-2); border-color: var(--sdqa-secondary); }
.sdqa-root .sdqa-catnav__icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--sdqa-primary-container); color: var(--sdqa-primary); }
.sdqa-root .sdqa-catnav__icon .material-symbols-rounded { font-size: 28px; }
.sdqa-root .sdqa-catnav small { font-size: 12.5px; font-weight: 700; color: var(--sdqa-gold-text); }
.sdqa-root .sdqa-cat { margin-bottom: 20px; padding: 22px; scroll-margin-top: calc(var(--sdqa-sticky) + 100px); }
.sdqa-root .sdqa-cat__head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.sdqa-root .sdqa-cat__head .sdqa-explore__icon { background: var(--sdqa-primary); color: #E9D9A6; }
.sdqa-root .sdqa-cat__head p:last-child { font-size: 14.5px; color: var(--sdqa-on-surface-variant); }
.sdqa-root .sdqa-banner { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; padding: 20px 24px; margin-bottom: 28px; }
.sdqa-root .sdqa-banner > .material-symbols-rounded { font-size: 38px; color: var(--sdqa-secondary-strong); }
.sdqa-root .sdqa-banner > div { flex: 1 1 300px; }
.sdqa-root .sdqa-langtag { display: inline-block; margin-inline-start: 8px; padding: 1px 8px; border-radius: 6px; background: var(--sdqa-surface-container); color: var(--sdqa-on-surface-variant); font-size: 11.5px; font-weight: 700; vertical-align: 2px; }

/* ------------------------------------------------------------------ */
/* Accreditation standards                                             */
/* ------------------------------------------------------------------ */
.sdqa-root .sdqa-std-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.sdqa-root .sdqa-std-side { position: sticky; top: calc(var(--sdqa-sticky) + 100px); display: grid; gap: 16px; max-height: calc(100vh - var(--sdqa-sticky) - 120px); overflow-y: auto; scrollbar-width: thin; padding-bottom: 4px; }
.sdqa-root .sdqa-std-group { margin-bottom: 56px; }
.sdqa-root .sdqa-std-group:last-child { margin-bottom: 0; }
.sdqa-root .sdqa-std .sdqa-chapter__num { min-width: 44px; width: 44px; height: 44px; padding: 0; border-radius: 50%; font-size: 16px; font-family: 'Roboto', sans-serif; }
.sdqa-root .sdqa-std--prog .sdqa-chapter__num { background: var(--sdqa-secondary-strong); color: #fff; }
.sdqa-root .sdqa-statement { position: relative; margin: 16px 0 6px; padding: 16px 20px; border-radius: var(--sdqa-r-l); background: var(--sdqa-secondary-container); color: var(--sdqa-on-secondary-container); border-inline-start: 4px solid var(--sdqa-secondary); }
.sdqa-root .sdqa-statement p { color: inherit !important; margin: 0 !important; font-weight: 500; }
.sdqa-root .sdqa-statement .sdqa-overline { display: block; margin-bottom: 4px; }
.sdqa-root .sdqa-std h4.sdqa-label { margin: 22px 0 10px; }
.sdqa-root .sdqa-indicators { display: grid; gap: 0; border: 1px solid var(--sdqa-outline-variant); border-radius: var(--sdqa-r-l); overflow: hidden; }
.sdqa-root .sdqa-indicators li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--sdqa-divider); color: var(--sdqa-on-surface); }
.sdqa-root .sdqa-indicators li:last-child { border-bottom: 0; }
.sdqa-root .sdqa-indicators li:nth-child(even) { background: #FAFAFD; }
.sdqa-root .sdqa-indicators li > .material-symbols-rounded { color: var(--sdqa-outline); font-size: 20px; margin-top: 4px; flex-shrink: 0; }
.sdqa-root .sdqa-indicators li > span:nth-child(2) { flex: 1; min-width: 0; }
.sdqa-root .sdqa-status { flex-shrink: 0; padding: 2px 10px; border-radius: var(--sdqa-r-full); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.sdqa-root .sdqa-status--met { background: var(--sdqa-success-container); color: var(--sdqa-success); }
.sdqa-root .sdqa-status--partial { background: var(--sdqa-secondary-container); color: var(--sdqa-gold-text); }
.sdqa-root .sdqa-status--unmet { background: var(--sdqa-error-container); color: var(--sdqa-error); }
.sdqa-root .sdqa-indicators li.is-met > .material-symbols-rounded { color: var(--sdqa-success); }
.sdqa-root .sdqa-std .sdqa-empty { padding: 20px; justify-content: flex-start; text-align: start; font-size: 14.5px; }
.sdqa-root .sdqa-sidecard { padding: 18px; }
.sdqa-root .sdqa-sidecard .sdqa-label { margin-bottom: 10px; }
.sdqa-root .sdqa-sidecard__list li a, .sdqa-root .sdqa-sidecard__list li button { display: flex; align-items: flex-start; gap: 8px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--sdqa-r-s); background: transparent; color: var(--sdqa-on-surface-variant); font-family: var(--sdqa-font); font-size: 14px; font-weight: 600; line-height: 1.5; text-align: start; cursor: pointer; }
.sdqa-root .sdqa-sidecard__list li a:hover, .sdqa-root .sdqa-sidecard__list li button:hover, .sdqa-root .sdqa-sidecard__list li a.is-current { background: var(--sdqa-primary-container); color: var(--sdqa-primary); }
.sdqa-root .sdqa-sidecard__list .material-symbols-rounded { font-size: 18px; color: var(--sdqa-secondary-strong); margin-top: 2px; flex-shrink: 0; }
.sdqa-root .sdqa-sidecard__list b { display: inline-grid; place-items: center; min-width: 22px; height: 22px; border-radius: 50%; background: var(--sdqa-surface-container); color: var(--sdqa-primary); font-size: 12px; font-family: 'Roboto', sans-serif; flex-shrink: 0; }
.sdqa-root .sdqa-sidecard--gold { background: var(--sdqa-secondary-container); border: 1px solid #E6D6A8; }
.sdqa-root .sdqa-sidecard--gold .sdqa-sidecard__list li button:hover { background: rgba(255, 255, 255, .6); }
.sdqa-root .sdqa-sidecard__more { margin-top: 10px; }

/* ------------------------------------------------------------------ */
/* Responsive                                                          */
/* ------------------------------------------------------------------ */
@media (max-width: 1100px) {
	.sdqa-root .sdqa-tab span { font-size: 13.5px; }
	.sdqa-root .sdqa-tab { padding: 8px 12px; }
	.sdqa-root .sdqa-std-layout { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-std-side { position: static; max-height: none; overflow: visible; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.sdqa-root .sdqa-hero__row { flex-wrap: wrap; }
	.sdqa-root .sdqa-guide { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sdqa-root .sdqa-guide__toc { position: static; max-height: none; }
	.sdqa-root .sdqa-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sdqa-root .sdqa-event { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-event__count { justify-self: start; max-width: 100%; }
}
@media (max-width: 680px) {
	.sdqa-root .sdqa-hero { padding: 24px 16px 72px; }
	.sdqa-root .sdqa-hero__icon { width: 58px; height: 58px; border-radius: 18px; }
	.sdqa-root .sdqa-hero__icon .material-symbols-rounded { font-size: 30px; }
	.sdqa-root .sdqa-tabs { padding: 0 10px; margin-top: -34px; }
	.sdqa-root .sdqa-tabs__inner { padding: 6px; border-radius: 16px; }
	.sdqa-root .sdqa-tab { flex: 0 0 auto; min-height: 44px; padding: 6px 12px; }
	.sdqa-root .sdqa-tab.is-active::after { bottom: 4px; }
	.sdqa-root .sdqa-main { padding: 28px 16px 96px; }
	.sdqa-root .sdqa-section { margin-bottom: 48px; }
	.sdqa-root .sdqa-news-grid { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-grid--2, .sdqa-root .sdqa-grid--3, .sdqa-root .sdqa-grid--vm, .sdqa-root .sdqa-objectives, .sdqa-root .sdqa-pair { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-pair__item + .sdqa-pair__item { border-inline-start: 0; border-top: 1px solid var(--sdqa-divider); }
	.sdqa-root .sdqa-sec-head__icon { width: 40px; height: 40px; }
	.sdqa-root .sdqa-headline { font-size: 22px; }
	.sdqa-root .sdqa-vm { padding: 22px; }
	.sdqa-root .sdqa-vm__text, .sdqa-root[dir="rtl"] .sdqa-vm__text { font-size: 16.5px; }
	.sdqa-root .sdqa-doc { flex-wrap: wrap; }
	.sdqa-root .sdqa-doc__body { flex: 1 1 calc(100% - 60px); }
	.sdqa-root .sdqa-doc .sdqa-btn { width: 100%; }
	.sdqa-root .sdqa-org { padding: 18px 14px; }
	.sdqa-root .sdqa-org ul { padding-inline-start: 16px; margin-inline-start: 12px; }
	.sdqa-root .sdqa-org ul > li::before { inset-inline-start: -16px; width: 12px; }
	.sdqa-root .sdqa-org__node { padding: 8px 12px; font-size: 14.5px; }
	.sdqa-root .sdqa-bylaw { padding: 22px; }
	.sdqa-root .sdqa-bylaw__icon { width: 64px; height: 64px; border-radius: 18px; }
	.sdqa-root .sdqa-chapter summary { padding: 14px; gap: 10px; }
	.sdqa-root .sdqa-chapter__content { padding: 4px 16px 18px; }
	.sdqa-root .sdqa-chapter__count { display: none; }
	.sdqa-root .sdqa-year__head { padding: 18px; }
	.sdqa-root .sdqa-year__label { font-size: 28px; }
	.sdqa-root .sdqa-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sdqa-root .sdqa-std-side { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-indicators li { flex-wrap: wrap; }
	.sdqa-root .sdqa-cat { padding: 16px; }
	.sdqa-root .sdqa-catnav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sdqa-root .sdqa-contact { padding: 20px; }
	.sdqa-root .sdqa-table-wrap { border-radius: var(--sdqa-r-m); }
	.sdqa-root .sdqa-table th, .sdqa-root .sdqa-table td { padding: 12px; }
	.sdqa-root .sdqa-fab, .sdqa-root .sdqa-fab:hover, .sdqa-root .sdqa-fab:focus { height: 48px; font-size: 14px; bottom: 16px; left: 12px; }
}
@media (max-width: 420px) {
	.sdqa-root .sdqa-stats { grid-template-columns: minmax(0, 1fr); }
	.sdqa-root .sdqa-catnav { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	.sdqa-root *, .sdqa-root *::before, .sdqa-root *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

@media print {
	.sdqa-root .sdqa-tabs, .sdqa-root .sdqa-fab, .sdqa-root .sdqa-drawer, .sdqa-root .sdqa-hero__grid, .sdqa-root .sdqa-localnav, .sdqa-root .sdqa-yearbar, .sdqa-root .sdqa-std-side { display: none !important; }
	.sdqa-root .sdqa-chapter { break-inside: avoid; }
}