/* /oszczednosci/ – moduły tej podstrony (prefiks oe-) */

/* Schody: horyzont oszczędzania rośnie w prawo */
.oe-stairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;border-bottom:1px solid var(--ink)}
.oe-stairs li{display:flex;flex-direction:column;padding:24px 24px 26px;background:#fff;border-top:2px solid var(--brass-deep);position:relative}
.oe-stairs li:nth-child(1){min-height:330px}
.oe-stairs li:nth-child(2){min-height:380px;background:var(--mist-2)}
.oe-stairs li:nth-child(3){min-height:430px;background:#dde3e6}
.oe-stairs li:nth-child(4){min-height:480px;background:var(--petrol-900);color:var(--mist);border-top-color:var(--brass)}
.oe-stairs__when{font-family:var(--f-display);font-size:clamp(24px,2.2vw,30px);line-height:1.1;color:var(--brass-deep);margin:0 0 18px}
.oe-stairs h3{font-size:clamp(21px,1.8vw,25px);margin-bottom:12px}
.oe-stairs li > p:not([class]){font-size:15.5px;color:#2c3a41}
.oe-stairs__what{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--mist-line);font-size:14px;font-weight:600;letter-spacing:.02em}
.oe-stairs li:nth-child(4) .oe-stairs__when{color:var(--brass)}
.oe-stairs li:nth-child(4) > p:not([class]){color:#c3cbcf}
.oe-stairs li:nth-child(4) .oe-stairs__what{border-color:var(--line-dark-soft)}
.oe-stairs__what a{color:var(--brass);text-underline-offset:4px;display:inline-block;padding:12px 0;margin:-12px 0}
.oe-stairs__what a::after{content:" →"}
.oe-stairs li:nth-child(4) :focus-visible{outline-color:var(--brass)}

.oe-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin-top:28px}
.oe-links p{margin:0;font-size:15.5px;color:var(--slate)}
.oe-links a{color:var(--brass-deep);text-underline-offset:4px}

@media (max-width:1020px){
  .oe-stairs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oe-stairs li:nth-child(n){min-height:0}
  .oe-stairs li:nth-child(odd){margin-top:40px}
}
@media (max-width:760px){
  .oe-stairs{grid-template-columns:1fr;gap:8px;border-bottom:0}
  .oe-stairs li:nth-child(n){margin:0}
  .oe-stairs li:nth-child(1){margin-right:18%}
  .oe-stairs li:nth-child(2){margin-right:12%}
  .oe-stairs li:nth-child(3){margin-right:6%}
  .oe-links{grid-template-columns:1fr}
}