/**
 * ITU Skills Assessment Engine — public styles
 *
 * Mounts inside #itu-assessment-app on single skills-assessment pages.
 * Inherits theme tokens (Manrope, --itu-* color variables, spacing scale)
 * and uses the established magenta accent (#C026D3) for emphasis.
 */

.itu-assess {
	width: 100%;
	padding: var(--wp--preset--spacing--40, 24px) 0;
	color: var(--itu-black, #111);
}

.itu-assess__loading,
.itu-assess__error {
	padding: var(--wp--preset--spacing--40, 24px);
	text-align: center;
	color: var(--itu-gray-600, #686868);
}

/* ----- Intro ----- */

.itu-assess__intro,
.itu-assess__complete {
	padding: var(--wp--preset--spacing--40, 24px) 0;
	max-width: 720px;
}

.itu-assess__question-screen {
	width: 100%;
}

.itu-assess__prompt {
	max-width: 960px;
}

.itu-assess__tagline {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #C026D3;
	margin: 0 0 16px;
}

.itu-assess__intro-body {
	font-size: var(--wp--preset--font-size--large, 1.125rem);
	line-height: 1.6;
	color: var(--itu-gray-600, #686868);
	margin: 0 0 24px;
}

.itu-assess__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	font-size: 0.8125rem;
	color: var(--itu-gray-600, #686868);
	margin-bottom: 32px;
}

/* ----- Buttons ----- */

.itu-assess__primary,
.itu-assess__secondary {
	font-family: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 0.875rem 2rem;
	border: 1px solid var(--itu-black, #111);
	cursor: pointer;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.itu-assess__primary {
	background: var(--itu-black, #111);
	color: var(--itu-white, #fff);
}

.itu-assess__primary:hover:not([disabled]) {
	background: #C026D3;
	border-color: #C026D3;
}

.itu-assess__primary[disabled] {
	opacity: 0.4;
	cursor: not-allowed;
}

.itu-assess__secondary {
	background: transparent;
	color: var(--itu-black, #111);
}

.itu-assess__secondary:hover:not([disabled]) {
	background: var(--itu-black, #111);
	color: var(--itu-white, #fff);
}

.itu-assess__secondary[disabled] {
	opacity: 0.3;
	cursor: not-allowed;
}

/* ----- Progress ----- */

.itu-assess__progress {
	margin-bottom: 32px;
}

.itu-assess__progress-meta {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: 0.8125rem;
	color: var(--itu-gray-600, #686868);
	margin-bottom: 8px;
}

.itu-assess__progress-count {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-weight: 700;
	color: var(--itu-black, #111);
	letter-spacing: 0.04em;
}

.itu-assess__progress-pace {
	font-style: italic;
}

.itu-assess__progress-track {
	height: 4px;
	background: var(--itu-gray-200, #E0E0E0);
	overflow: hidden;
}

.itu-assess__progress-fill {
	height: 100%;
	background: #C026D3;
	transition: width 240ms ease;
}

/* ----- Question prompt ----- */

.itu-assess__prompt {
	font-size: var(--wp--preset--font-size--x-large, 1.5rem);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.015em;
	margin: 0 0 24px;
}

/* ----- Likert ----- */

.itu-assess__likert {
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
}

.itu-assess__likert-btn {
	width: 100%;
	font-family: inherit;
	font-size: 0.8125rem;
	font-weight: 500;
	padding: 16px 12px;
	background: var(--itu-white, #fff);
	color: var(--itu-black, #111);
	border: 1px solid var(--itu-gray-200, #E0E0E0);
	cursor: pointer;
	transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.itu-assess__likert-btn:hover {
	border-color: var(--itu-black, #111);
}

.itu-assess__likert-btn.is-selected {
	background: var(--itu-black, #111);
	color: var(--itu-white, #fff);
	border-color: var(--itu-black, #111);
}

.itu-assess__likert-btn.is-selected .itu-assess__likert-label {
	color: var(--itu-white, #fff);
}

/* ----- Scenario / Dyad ----- */

.itu-assess__choices {
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.itu-assess__choices--dyad {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.itu-assess__choice {
	width: 100%;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
	padding: 20px;
	background: var(--itu-white, #fff);
	color: var(--itu-black, #111);
	border: 1px solid var(--itu-gray-200, #E0E0E0);
	cursor: pointer;
	display: flex;
	gap: 16px;
	align-items: flex-start;
	transition: border-color 140ms ease, background-color 140ms ease;
}

.itu-assess__choice:hover {
	border-color: var(--itu-black, #111);
}

.itu-assess__choice.is-selected {
	border-color: #C026D3;
	background: #FFF7FE;
}

.itu-assess__choice-key {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-weight: 700;
	font-size: 0.875rem;
	color: #C026D3;
	flex-shrink: 0;
	min-width: 20px;
}

.itu-assess__choice-label {
	flex: 1;
}

.itu-assess__choices--dyad .itu-assess__choice {
	flex-direction: column;
	min-height: 160px;
	gap: 12px;
}

/* ----- Nav ----- */

.itu-assess__nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--itu-gray-200, #E0E0E0);
}

/* ----- Results ----- */

.itu-assess__results {
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding: var(--wp--preset--spacing--40, 24px) 0;
}

.itu-assess__results-headline {
	max-width: 720px;
}

/* Tier-mode headline section fills the full 1200px container so the AI panel
   and the AI result text both span full width. !important here defeats any
   later cascade ordering surprises from the base .itu-assess__results-headline. */
.itu-assess__results-headline--tier {
	max-width: none !important;
	width: 100%;
}

.itu-assess__results-h2 {
	font-size: var(--wp--preset--font-size--xx-large, 2.5rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin: 0 0 12px;
}

.itu-assess__results-h2 strong {
	font-weight: 800;
	color: #C026D3;
}

/* AI-generated tier headlines are full sentences (20–35 words), not short
   archetype labels. Render them at sentence scale, not hero scale. No
   max-width — they fill the full 1200px panel inherited from the section. */
.itu-assess__results-h2--ai {
	font-size: var(--wp--preset--font-size--x-large, 1.5rem);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin: 0 0 12px;
	text-align: left;
}

.itu-assess__archetype-tagline {
	font-size: var(--wp--preset--font-size--large, 1.125rem);
	font-style: italic;
	color: var(--itu-gray-600, #686868);
	margin: 0 0 20px;
}

.itu-assess__archetype-desc {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	line-height: 1.6;
	color: var(--itu-black, #111);
	margin: 0;
}

.itu-assess__results-label {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--itu-gray-600, #686868);
	margin: 0 0 16px;
}

/* Signature traits */

.itu-assess__traits-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
}

.itu-assess__traits-list li {
	font-size: 0.875rem;
	font-weight: 600;
	background: var(--itu-white, #fff);
	border: 1px solid var(--itu-black, #111);
	padding: 8px 14px;
	line-height: 1;
}

/* Profile bars */

.itu-assess__results-profile {
	width: 100%;
	align-self: flex-start;
}

.itu-assess__bars {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.itu-assess__bar {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.itu-assess__bar-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
}

.itu-assess__bar-name {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	font-weight: 700;
	color: var(--itu-black, #111);
}

.itu-assess__bar-lean {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #C026D3;
}

.itu-assess__bar-track {
	position: relative;
	height: 12px;
	background: var(--itu-gray-200, #E0E0E0);
}

.itu-assess__bar-mid {
	position: absolute;
	left: 50%;
	top: -4px;
	bottom: -4px;
	width: 1px;
	background: var(--itu-gray-400, #9E9E9E);
}

.itu-assess__bar-marker {
	position: absolute;
	top: 50%;
	width: 16px;
	height: 16px;
	background: #C026D3;
	transform: translate(-50%, -50%);
}

.itu-assess__bar-poles {
	display: flex;
	justify-content: space-between;
	font-size: 0.8125rem;
	color: var(--itu-gray-600, #686868);
}

/* Runner-up */

.itu-assess__results-runner {
	max-width: 720px;
	padding-top: 32px;
	border-top: 1px solid var(--itu-gray-200, #E0E0E0);
}

.itu-assess__runner-name {
	font-size: var(--wp--preset--font-size--x-large, 1.5rem);
	font-weight: 800;
	margin: 0 0 8px;
}

.itu-assess__runner-tagline {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	font-style: italic;
	color: var(--itu-gray-600, #686868);
	margin: 0;
}

/* Course recommendations */

.itu-assess__results-courses {
	padding-top: 32px;
	border-top: 1px solid var(--itu-gray-200, #E0E0E0);
}

.itu-assess__track-label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--itu-black, #111);
	margin: 0 0 16px;
}

.itu-assess__courses {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.itu-assess__course-card {
	background: var(--itu-white, #fff);
	border: 1px solid var(--itu-gray-200, #E0E0E0);
	padding: 24px 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: border-color 140ms ease;
}

.itu-assess__course-card:hover {
	border-color: #C026D3;
}

.itu-assess__course-num {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 1.25rem;
	font-weight: 700;
	color: #C026D3;
}

.itu-assess__course-name {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	font-weight: 700;
	color: var(--itu-black, #111);
	line-height: 1.35;
}

/* Share */

.itu-assess__results-share {
	padding-top: 32px;
	border-top: 1px solid var(--itu-gray-200, #E0E0E0);
}

.itu-assess__share-row {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.itu-assess__share-feedback {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.itu-assess__share-feedback.is-success {
	color: #C026D3;
}

.itu-assess__share-feedback.is-error {
	color: var(--itu-gray-600, #686868);
}

/* Email opt-in */

.itu-assess__results-email {
	padding: 18px 22px;
	background: #FFF7FE;
	border: 2px solid #C026D3;
	max-width: 720px;
}

.itu-assess__email-headline {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 10px;
	color: var(--itu-black, #111);
}

.itu-assess__email-form {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.itu-assess__email-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.itu-assess__email-input {
	flex: 1 1 240px;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium, 1rem);
	padding: 0.875rem 1rem;
	border: 1px solid var(--itu-gray-200, #E0E0E0);
	background: var(--itu-white, #fff);
	color: var(--itu-black, #111);
}

.itu-assess__email-input:focus {
	outline: none;
	border-color: var(--itu-black, #111);
}

.itu-assess__email-note {
	font-size: 0.75rem;
	color: var(--itu-gray-600, #686868);
	margin: 0;
}

.itu-assess__email-feedback {
	margin: 8px 0 0;
	font-size: 0.875rem;
	min-height: 1.4em;
}

.itu-assess__email-feedback.is-success {
	color: #C026D3;
	font-weight: 700;
}

.itu-assess__email-feedback.is-error {
	color: #B91C1C;
}

.itu-assess__email-feedback.is-warning {
	color: #B45309;
	font-weight: 600;
}

.itu-assess__email-feedback.is-pending {
	color: var(--itu-gray-600, #686868);
}

/* Actions */

.itu-assess__results-actions {
	padding-top: 16px;
}

/* ----- Tier-mode analysis loading state ----- */
/* Full-width white panel with dashed magenta border. Two large flat chat
   bubbles — ME in black, AI in magenta — pulse alternately to read as
   conversation. Sized to be unmissable for at least 3 seconds. */

.itu-assess__ai-chat {
	width: 100%;
	background: #FFFFFF;
	border: 2px dashed #C026D3;
	border-radius: 15px;
	padding: 28px 24px;
	margin: 12px 0;
}

/* Waiting state — bubbles + message centered (decorative). */
.itu-assess__ai-chat--waiting {
	text-align: center;
}

/* Result state — left-justified prose, fills the full panel width. The dashed
   border stays so the AI attribution is visually preserved even after the
   bubbles are replaced. */
.itu-assess__ai-chat--result {
	text-align: left;
}

.itu-assess__ai-chat--result .itu-assess__archetype-desc,
.itu-assess__ai-chat--result .itu-assess__archetype-tagline {
	max-width: none;
	text-align: left;
}

/* Breathing room between the narrative paragraph and the "Overall level"
   footer line so they don't read as one continuous block. */
.itu-assess__ai-chat--result .itu-assess__archetype-desc {
	margin: 0 0 16px;
}

.itu-assess__ai-chat--result .itu-assess__ai-attribution {
	margin: 0 0 14px;
	text-align: left;
}

.itu-assess__ai-chat-row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 56px;
	margin-bottom: 20px;
}

.itu-assess__ai-chat-bubble {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	transform: scale(0.88);
	opacity: 0.45;
	animation: itu-bubble-turn 1.6s ease-in-out infinite;
}

/* Fixed colors — ME stays black, AI stays magenta. Only the scale/opacity
   pulses, so the conversation reads as turn-taking without color flicker. */
.itu-assess__ai-chat-bubble--me {
	color: #111111;
}

.itu-assess__ai-chat-bubble--ai {
	color: #C026D3;
	animation-delay: 0.8s;
}

.itu-assess__ai-chat-bubble svg {
	width: 64px;
	height: 56px;
}

.itu-assess__ai-chat-label {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	color: currentColor;
}

@keyframes itu-bubble-turn {
	0%, 45%   { transform: scale(1); opacity: 1; }
	55%, 100% { transform: scale(0.88); opacity: 0.45; }
}

.itu-assess__analyzing {
	font-size: var(--wp--preset--font-size--large, 1.125rem);
	color: var(--itu-black, #111);
	font-style: italic;
	margin: 0 0 10px;
	font-weight: 600;
	text-align: center;
}

.itu-assess__ai-attribution {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #C026D3;
	margin: 0;
	text-align: center;
}

/* ----- Coupon callout ----- */

.itu-assess__coupon {
	background: #FFFFFF;
	border: 2px solid #C026D3;
	margin: 12px 0;
	width: 100%;
	max-width: none;
	/* content-box matches the .itu-assess__ai-chat panel above so both have
	   the same outer width — their padding+border extend identically into
	   the section's outer padding. With border-box the coupon's outer edge
	   stopped at width:100% and read ~60px narrower than the AI panel. */
	box-sizing: content-box;
}

.itu-assess__coupon-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	padding: 22px 28px;
	flex-wrap: wrap;
}

.itu-assess__coupon-main {
	flex: 1 1 320px;
}

.itu-assess__coupon-eyebrow {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #C026D3;
	margin: 0 0 6px;
}

.itu-assess__coupon-heading {
	font-size: var(--wp--preset--font-size--large, 1.125rem);
	font-weight: 800;
	line-height: 1.3;
	color: var(--itu-black, #111);
	margin: 0 0 4px;
}

.itu-assess__coupon-applies {
	font-weight: 600;
	color: var(--itu-gray-600, #686868);
}

.itu-assess__coupon-expires {
	margin: 0;
	font-size: 0.875rem;
	color: var(--itu-gray-600, #686868);
}

.itu-assess__coupon-aside {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.itu-assess__coupon-code-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.itu-assess__coupon-code-label {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--itu-gray-600, #686868);
}

.itu-assess__coupon-code {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #C026D3;
	background: #FFF7FE;
	border: 1px dashed #C026D3;
	padding: 6px 12px;
	cursor: copy;
	transition: background-color 140ms ease;
}

.itu-assess__coupon-code:hover {
	background: #ffeefd;
}

.itu-assess__coupon-copied {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #15803d;
	min-height: 1.2em;
}

.itu-assess__coupon-cta {
	white-space: nowrap;
	text-decoration: none;
}

@media (max-width: 720px) {
	.itu-assess__coupon-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}
	.itu-assess__coupon-aside {
		flex-direction: column;
		align-items: stretch;
	}
}

/* ----- Tier-mode results ----- */

.itu-assess__results-tiers {
	padding-top: 32px;
	border-top: 1px solid var(--itu-gray-200, #E0E0E0);
}

.itu-assess__tier-cards {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.itu-assess__tier-card {
	background: var(--itu-white, #fff);
	border: 1px solid var(--itu-gray-200, #E0E0E0);
	padding: 24px;
}

.itu-assess__tier-card-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--itu-gray-200, #E0E0E0);
}

.itu-assess__tier-card-name {
	font-size: var(--wp--preset--font-size--large, 1.125rem);
	font-weight: 800;
	line-height: 1.25;
	margin: 0;
}

.itu-assess__tier-badge {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #C026D3;
	border: 1px solid #C026D3;
	background: #FFF7FE;
	padding: 4px 10px;
	flex-shrink: 0;
	white-space: nowrap;
}

.itu-assess__tier-narrative {
	margin: 0 0 16px;
	font-size: var(--wp--preset--font-size--medium, 1rem);
	line-height: 1.6;
	color: var(--itu-black, #111);
}

.itu-assess__tier-narrative--empty {
	color: var(--itu-gray-600, #686868);
	font-style: italic;
}

.itu-assess__tier-courses-wrap {
	margin-top: 16px;
}

.itu-assess__tier-courses-label {
	font-family: var(--wp--preset--font-family--fira-code, "Fira Code", monospace);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--itu-gray-600, #686868);
	margin: 0 0 12px;
}

.itu-assess__tier-courses-wrap .itu-assess__courses {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* ----- Baseline courses (both modes) ----- */

.itu-assess__results-baseline {
	padding-top: 32px;
	border-top: 1px solid var(--itu-gray-200, #E0E0E0);
}

/* ----- Single-page layout: description + sidebar ----- */

.itu-assessment-layout {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 48px;
	align-items: start;
}

.itu-assessment-layout__main {
	min-width: 0;
}

.itu-assessment-layout__sidebar {
	min-width: 0;
}

@media (max-width: 960px) {
	.itu-assessment-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* ----- SEO long-form description ----- */

.itu-assessment-description h2 {
	font-size: var(--wp--preset--font-size--x-large, 1.5rem);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.015em;
	margin: 32px 0 12px;
}

.itu-assessment-description h2:first-child {
	margin-top: 0;
}

.itu-assessment-description h3 {
	font-size: var(--wp--preset--font-size--large, 1.125rem);
	font-weight: 700;
	margin: 20px 0 8px;
}

.itu-assessment-description p {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	line-height: 1.65;
	color: var(--itu-black, #111);
	margin: 0 0 14px;
}

.itu-assessment-description ul,
.itu-assessment-description ol {
	margin: 0 0 16px;
	padding-left: 22px;
	font-size: var(--wp--preset--font-size--medium, 1rem);
	line-height: 1.65;
}

.itu-assessment-description li {
	margin-bottom: 6px;
}

.itu-assessment-description strong {
	font-weight: 700;
}

/* ----- "Other Assessments" sidebar ----- */

.itu-assessment-sidebar {
	position: sticky;
	top: 24px;
	background: var(--itu-gray-100, #F5F5F5);
	padding: 24px;
}

.itu-assessment-sidebar__head {
	margin-bottom: 20px;
}

.itu-assessment-sidebar__title {
	font-size: var(--wp--preset--font-size--x-large, 1.5rem);
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.1;
	margin: 8px 0 0;
}

.itu-assessment-sidebar__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.itu-assessment-sidebar__item {
	padding: 14px 0;
	border-bottom: 1px solid var(--itu-gray-200, #E0E0E0);
}

.itu-assessment-sidebar__item:last-child {
	border-bottom: 0;
}

.itu-assessment-sidebar__link {
	font-size: var(--wp--preset--font-size--medium, 1rem);
	font-weight: 700;
	color: var(--itu-black, #111);
	text-decoration: none;
	display: block;
}

.itu-assessment-sidebar__link:hover {
	color: #C026D3;
}

.itu-assessment-sidebar__desc {
	margin: 6px 0 0;
	font-size: 0.875rem;
	color: var(--itu-gray-600, #686868);
	line-height: 1.5;
}

@media (max-width: 960px) {
	.itu-assessment-sidebar {
		position: static;
	}
}

@media (max-width: 960px) {
	.itu-assess__courses {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.itu-assess__courses {
		grid-template-columns: 1fr;
	}
	.itu-assess__bar-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
}

/* ----- Responsive ----- */

@media (max-width: 600px) {
	.itu-assess__likert {
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.itu-assess__likert-btn {
		min-height: auto;
		padding: 12px 16px;
	}
	.itu-assess__choices--dyad {
		grid-template-columns: 1fr;
	}
	.itu-assess__nav {
		flex-direction: column-reverse;
		align-items: stretch;
	}
	.itu-assess__primary,
	.itu-assess__secondary {
		width: 100%;
	}
}