/*
 * Tuottolaskuri Core – Aurinkopaneelien kannattavuuslaskuri.
 * Loaded only with this calculator, after the shared tabbed-calculator styles
 * (tlc-core, tlc-investment-return, tlc-dividend, tlc-rental-yield).
 */

.tlc-sol .tlc-sol-hero .tlc-hero__img { object-position: 70% 45%; }

.tlc-sol .tlc-sol-gap { margin-top: 1.4rem; }
.tlc-sol .tlc-field--slider.tlc-sol-sc:first-of-type { margin-top: 0; }
.tlc-sol .tlc-sol-sc .tlc-label { font-size: .9375rem; }
.tlc-sol .tlc-sol-sc--a .tlc-input--compact { color: var(--tlc-ir-b); }
.tlc-sol .tlc-sol-sc--b .tlc-input--compact { color: var(--tlc-ir-a); }

.tlc-sol .tlc-rent-bar--sales .tlc-rent-bar__fill { background: #7fa9e8; }
.tlc-sol .tlc-div-summary .tlc-rent-bars__list { margin-top: 1rem; }

.tlc-sol .tlc-sol-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@container tlc-results (max-width: 300px) {
	.tlc-sol .tlc-sol-cards { grid-template-columns: minmax(0, 1fr); }
}

.tlc-sol .tlc-sol-payback { font-weight: 600; color: var(--tlc-navy); }
.tlc-sol .tlc-sol-payback.is-none { color: var(--tlc-negative-text); }

.tlc-sol .tlc-sol-tip {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	background: #f1f6fd;
	border-color: #d9e6f6;
}

.tlc-sol .tlc-sol-tip p { margin-top: .4rem; font-size: .9375rem; color: var(--tlc-text); }