/*
 * Care Learner Dashboard - Readable Hub Template
 * Loaded only for the hub_readable template. It layers a larger,
 * higher-contrast type scale over Enhanced Hub without changing markup,
 * data, widgets, or dashboard behaviour.
 */

.cldi-hub-readable {
	--cldi-readable-teal: #006783;
	--cldi-readable-text: #1f2937;
	--cldi-readable-muted: #3f4b5b;
	--cldi-readable-pale: #f6fbfd;
}

.cldi-hub-readable .cldi-hub__greeting-time,
.cldi-hub-readable .cldi-hub__greeting p {
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
	opacity: 1;
}

.cldi-hub-readable .cldi-hub__greeting h2 {
	font-size: 24px;
	line-height: 1.25;
}

.cldi-hub-readable .cldi-hub__continue-kicker,
.cldi-hub-readable .cldi-next-action__kicker,
.cldi-hub-readable .cldi-hub__sidebar-label {
	color: var(--cldi-readable-teal);
	font-size: 12px;
	letter-spacing: 0.7px;
	line-height: 1.45;
	opacity: 1;
}

.cldi-hub-readable .cldi-hub__continue-meta,
.cldi-hub-readable .cldi-hub__stat-lbl,
.cldi-hub-readable .cldi-hub__stat-sub {
	color: var(--cldi-readable-muted);
	font-size: 14px;
	line-height: 1.45;
}

.cldi-hub-readable .cldi-hub__stat-sub {
	color: var(--cldi-readable-teal);
	font-weight: 700;
}

.cldi-hub-readable .cldi-hub__sidebar-link {
	font-size: 15px;
	line-height: 1.45;
	padding-bottom: 10px;
	padding-top: 10px;
}

.cldi-hub-readable .cldi-hub__main .cldi-widget-section__header h2 {
	font-size: 19px;
	line-height: 1.3;
}

.cldi-hub-readable .cldi-hub__continue-title,
.cldi-hub-readable .cldi-hub__main .cldi-card__heading,
.cldi-hub-readable .cldi-hub__main .cldi-card h3 {
	color: var(--cldi-readable-text);
	font-size: 18px;
	line-height: 1.35;
}

.cldi-hub-readable .cldi-hub__main .cldi-card__summary,
.cldi-hub-readable .cldi-card__details dd,
.cldi-hub-readable .cldi-card__details dt {
	color: var(--cldi-readable-muted);
	font-size: 15px;
	line-height: 1.55;
}

.cldi-hub-readable .cldi-card__action,
.cldi-hub-readable .cldi-hub__continue-btn,
.cldi-hub-readable .cldi-hub__hero-cta {
	font-size: 15px;
	line-height: 1.35;
	min-height: 44px;
}

.cldi-hub-readable .cldi-mailing-prompt__kicker {
	font-size: max(12px, var(--cldi-mailing-prompt-kicker-size, 12px));
	letter-spacing: 0.7px;
	line-height: 1.35;
}

.cldi-hub-readable .cldi-mailing-prompt h2 {
	font-size: max(20px, var(--cldi-mailing-prompt-title-size, 20px));
	line-height: 1.3;
}

.cldi-hub-readable .cldi-mailing-prompt__copy p:last-child,
.cldi-hub-readable .cldi-mailing-prompt :where(label),
.cldi-hub-readable .cldi-mailing-prompt :where(.frm_description, .frm_error, .frm_error_style, .frm_message) {
	color: var(--cldi-readable-muted);
	font-size: max(16px, var(--cldi-mailing-prompt-description-size, 16px));
	line-height: 1.5;
}

.cldi-hub-readable .cldi-mailing-prompt :where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], select, textarea) {
	font-size: max(16px, var(--cldi-mailing-prompt-field-size, 16px));
	min-height: 44px;
}

.cldi-hub-readable .cldi-mailing-prompt :where(.frm_button_submit, button[type="submit"], input[type="submit"]),
.cldi-hub-readable .cldi-mailing-prompt__dismiss,
.cldi-hub-readable .cldi-mailing-prompt__expand {
	font-size: max(15px, var(--cldi-mailing-prompt-button-size, 15px));
	min-height: 44px;
}

.cldi-hub-readable .cldi-mailing-prompt__minimised span {
	font-size: 15px;
	line-height: 1.45;
}

.cldi-hub-readable .cldi-hub__mobile-nav-item,
.cldi-hub-readable .cldi-hub__mobile-nav-more-item {
	font-size: 12px;
	line-height: 1.25;
}

@media (max-width: 900px) {
	.cldi-hub-readable .cldi-hub__greeting h2 {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.cldi-hub-readable .cldi-hub__greeting-time,
	.cldi-hub-readable .cldi-hub__greeting p,
	.cldi-hub-readable .cldi-hub__main .cldi-card__summary {
		font-size: 15px;
	}

	.cldi-hub-readable .cldi-hub__main .cldi-card__heading,
	.cldi-hub-readable .cldi-hub__main .cldi-card h3 {
		font-size: 17px;
	}
}