/**
 * Legacy shim — most UI moved to assets/css/app.css components.
 * Kept: viewport helpers, quiz styles, wysiwyg, timer, comment utilities.
 */
.c-pointer {
	cursor: pointer;
}

.h-40vh { height: 40vh; }
.h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.h-80vh { height: 80vh; }
.h-100vh { height: 100vh; }

@media (min-width: 768px) {
	.h-md-80vh { height: 80vh; }
	.h-md-60vh { height: 60vh; }
}

.bg-style-cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.quiz-qst-opt {
	border: 1px solid var(--ac-border, #e2e8f0);
	border-radius: var(--ac-radius, 0.625rem);
	padding: 0.5rem 0.75rem;
	margin-bottom: 0.5rem;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.quiz-qst-opt.selected {
	background: var(--ac-accent-soft, #eff6ff);
	border-color: var(--ac-accent, #2563eb);
}

.quiz-qst-opt:hover {
	background: var(--ac-bg, #f8fafc);
}

.wysiwyg-toolbar {
	white-space: normal;
}

.comment-user {
	font-size: 14px;
}

.comment-time {
	font-size: x-small;
	float: right;
}

.x-timer {
	position: fixed;
	top: 5px;
	width: 100vw;
	z-index: 1000;
}

/* Backward compat: old class names map to component styles where pages not yet fully migrated */
.site-name {
	font-family: var(--ac-font-brand, "Ultra", serif);
}

.institution-name {
	min-width: 5rem;
}

.bg-alpha {
	background-color: #e5e5e5;
}

.bg-light-green {
	background-color: #bef7b3;
}