/* Czytelniejszy kalkulator i zielone akcenty */
.logo {
  width: auto;
  height: 100%;
}

.logo img {
  display: block;
  width: auto;
  height: 52%;
  max-width: 180px;
  object-fit: contain;
}

.step {
  color: #fff;
  background: var(--blue);
  font-size: 14px;
}

.range {
  accent-color: var(--blue);
}

.result-top {
  color: var(--ink);
  background: linear-gradient(145deg, #e8f8f1, #dff4eb);
}

.result-kicker {
  color: #168c65;
  opacity: 1;
}

.result-top > p:not(.assumption),
.result-top .time-range span,
.result-top .assumption {
  color: #526d65;
  opacity: 1;
}

.section-heading h2 { font-size: 21px; }
.section-heading p { font-size: 14px; }
.slider-title label { font-size: 14px; }
.value-box input { font-size: 17px; }
.value-box span { font-size: 13px; }
.scale { font-size: 11px; }
.info-strip { font-size: 13px; }
.option-card strong { font-size: 15px; }
.option-card small { font-size: 12px; line-height: 1.5; }
.usage-card strong { font-size: 15px; }
.usage-card > span:not(.card-icon) { font-size: 12px; line-height: 1.45; }
.usage-card small { font-size: 12px; }
.result-kicker { font-size: 11px; }
.result-top > p:not(.assumption) { font-size: 15px; }
.assumption { font-size: 12px; }
.energy-stats span { font-size: 11px; }
summary { font-size: 13px; }
.details-body p { font-size: 12px; }
.result-note p,
.result-note strong { font-size: 12px; }

@media (max-width: 640px) {
  .section-heading h2 { font-size: 19px; }
  .option-card strong,
  .usage-card strong { font-size: 14px; }
}