/**
 * Feature: room warnings. Removable with the rest of the feature.
 *
 * Notes, not alarms. Nothing here is an error the visitor has made — the
 * calculation stands either way — so this reads as a footnote block under the
 * result rather than a stack of red banners competing with it.
 */

.acoucalc-notes {
	margin: 22px 0 0;
	padding: 14px 18px 16px;
	background: var(--ac-canvas);
	border: 1px solid var(--ac-line);
	border-radius: var(--ac-radius-sm);
}

.acoucalc-notes__title {
	margin: 0;
	font-family: var(--font-500, "Keiner 500", sans-serif);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ac-ink-soft);
}

.acoucalc-notes__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.acoucalc-notes__list li {
	padding: 9px 0;
	border-bottom: 1px solid var(--ac-line);
	font-size: 13px;
	line-height: 1.5;
	color: var(--ac-ink-soft);
}

.acoucalc-notes__list li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* The label carries the weight; the line after it stays quiet. */
.acoucalc-notes__label {
	margin-right: 7px;
	font-family: var(--font-500, "Keiner 500", sans-serif);
	font-weight: 400;
	color: var(--ac-ink);
}

/*
 * A footnote block, and on a phone a full-width outlined panel is not how a
 * footnote looks — it was the fourth framed box in a row under the result.
 * The rule above it and the label on each line already say where it starts
 * and what it is.
 */
@media screen and (max-width: 600px) {
	.acoucalc-notes {
		margin-top: 20px;
		padding: 16px 0 0;
		background: none;
		border-width: 1px 0 0;
		border-radius: 0;
	}
}