/*
 * Ergaenzungen fuer die weiteren Werkzeuge. Baut auf savings-calculator.css auf,
 * das die Panel-, Raster- und Ergebnis-Regeln bereits mitbringt.
 */

/* Jede Frage ist eine Spalte: Beschriftung oben, Feld unten. Die Beschriftung
   bekommt Platz fuer zwei Zeilen, damit die Felder im Zweispalter auf einer
   Linie stehen - auch wenn die eine Frage kuerzer ist als die andere. */
.orcomai-rc__frage {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.orcomai-rc__frage + .orcomai-rc__frage {
	margin-top: 1.2rem;
}

/* Die Frage ist Beiwerk, die Antwort traegt. Deshalb kleiner, leiser und
   leichter als das Feld darunter. */
.orcomai-rc__label {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--sc-leise, #7a8195);
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.35;
	text-wrap: pretty;
}

.orcomai-rc__select {
	width: 100%;
	padding: 0.7em 0.85em;
	border: 1px solid var(--sc-spur, #e3e6ee);
	border-radius: 0.8rem;
	background: #fff;
	color: var(--sc-titel, #1b1a2e);
	font: inherit;
	font-size: var(--fs-klein, 1.4rem);
	line-height: 1.4;
}

.orcomai-rc__select:hover {
	border-color: var(--sc-lila, #7a2aa0);
}

.orcomai-rc__select:focus-visible {
	outline: 2px solid var(--sc-lila, #7a2aa0);
	outline-offset: 2px;
}

/* Der Reifegrad ist ein Name, keine Waehrung - etwas kleiner als ein Betrag. */
.orcomai-rc .ak-betrag {
	font-size: clamp(2.2rem, 1.8rem + 1vw, 2.8rem);
}

@media (min-width: 768px) {
	.orcomai-rc__fragen {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.6rem 2rem;
	}

	.orcomai-rc__frage + .orcomai-rc__frage {
		margin-top: 0;
	}

	/* Platz fuer zwei Zeilen Frage, damit die Felder auf einer Linie stehen. */
	.orcomai-rc__label {
		min-height: calc(2 * 1.35 * 1.3rem);
	}
}
/* ---- Use-Case-Priorisierung ---- */

.orcomai-ls__zeile{margin:0;padding:0;border:0}
.orcomai-ls__zeile + .orcomai-ls__zeile{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--sc-spur,#e3e6ee)}
.orcomai-ls__name{width:100%;margin-bottom:0.8rem;padding:.7em .85em;border:1px solid var(--sc-spur,#e3e6ee);border-radius:.8rem;background:#fff;color:var(--sc-titel,#1b1a2e);font:inherit;font-size:var(--fs-klein,1.4rem)}
.orcomai-ls__name:focus-visible{outline:2px solid var(--sc-lila,#7a2aa0);outline-offset:2px}
.orcomai-ls__skalen{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}
.orcomai-ls .ak-betrag{font-size:clamp(2.4rem,2rem + 1vw,3.2rem)}
.orcomai-ls__rang{margin:0;padding-left:1.8rem}
.orcomai-ls__rang li{margin-bottom:.4rem;font-size:1.5rem;line-height:1.5;color:var(--ak-text,#c7cddb)}
@media (min-width:768px){.orcomai-ls__skalen{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem}}

.orcomai-rc__hinweis{margin:1.2rem 0 0;color:var(--sc-leise,#7a8195);font-size:1.2rem;line-height:1.45}
@media (min-width:768px){.orcomai-rc__hinweis{grid-column:1/-1;margin-top:0}}