/* /emerytura/ – moduły tej podstrony (prefiks oe-, wspólny z /oszczednosci/) */

/* IKE vs IKZE */
.oe-vs{border-top:1px solid var(--line-dark)}
.oe-vs__row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4.5fr) minmax(0,4.5fr);gap:0 clamp(20px,3vw,40px);padding:20px 0;border-bottom:1px solid var(--line-dark-soft)}
.oe-vs__row > span{font-size:15.5px;color:#d3d9dc}
.oe-vs__row > [role=rowheader]{font-family:var(--f-display);font-size:clamp(19px,1.6vw,22px);line-height:1.25;color:var(--mist)}
.oe-vs__head{padding:8px 0 22px}
.oe-vs__head > span{font-size:14px;color:var(--jacket);line-height:1.4}
.oe-vs__head b{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(40px,4.4vw,60px);line-height:1;color:var(--brass);margin-bottom:6px;letter-spacing:-.01em}
.oe-vs__fit > span[role=cell]{color:var(--mist)}
.oe-note{margin:28px 0 0;color:#c3cbcf;font-size:15.5px;max-width:820px}
.oe-note a{color:var(--brass);text-underline-offset:4px}


@media (max-width:760px){
  .oe-vs__head{display:none}
  .oe-vs__row{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .oe-vs__row > span[role=cell]{display:grid;grid-template-columns:52px 1fr;gap:12px}
  .oe-vs__row > span[role=cell]::before{font-family:var(--f-display);font-size:19px;color:var(--brass);line-height:1.3}
  .oe-vs__row > span[role=cell]:nth-child(2)::before{content:"IKE"}
  .oe-vs__row > span[role=cell]:nth-child(3)::before{content:"IKZE"}
}