/* Układ strony /opieka-nad-strona. Nie używany poza tą podstroną. */

.care-kicker{
  margin:0 0 .55rem;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent-ink);
}
.care-compare{
  display:grid;gap:2.2rem;
}
.care-compare h2{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.16;letter-spacing:-.02em;
  margin:0 0 .7rem;max-width:min(18ch,100%);
}
.care-compare p:last-child{
  margin:0;color:var(--ink-soft);font-size:1.06rem;line-height:1.5;
  max-width:min(42ch,100%);
}
.care-compare a{color:var(--ink);border-bottom:1px solid var(--rule-ink)}
.care-compare a:hover{color:var(--accent-ink);border-color:var(--accent-ink)}

.care-can{
  list-style:none;margin:clamp(1.6rem,3vw,2.4rem) 0 0;padding:0;
  display:grid;gap:0;
}
.care-can li{
  padding:1.05rem 0;
  border-top:1px solid var(--rule);
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.22rem,2vw,1.5rem);line-height:1.25;
  max-width:min(36ch,100%);
}
.care-can li:last-child{border-bottom:1px solid var(--rule)}

.care-flow{
  list-style:none;margin:clamp(1.6rem,3vw,2.4rem) 0 0;padding:0;
  display:grid;gap:0;
}
.care-flow li{
  display:grid;gap:.3rem;
  padding:1.35rem 0 1.45rem;
  border-top:1px solid var(--rule-ink);
}
.care-flow li:last-child{border-bottom:1px solid var(--rule-ink)}
.care-num{
  margin:0;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;
  color:var(--accent-ink);
}
.care-flow h3{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.2;margin:0;
}
.care-flow p:last-child{
  margin:.35rem 0 0;color:var(--ink-soft);
  font-size:1.05rem;line-height:1.5;max-width:min(48ch,100%);
}

@media (min-width:800px){
  .care-compare{
    grid-template-columns:1fr 1fr;
    gap:2.4rem 4rem;
    align-items:start;
  }
  .care-can{
    grid-template-columns:1fr 1fr;
    column-gap:3.5rem;
  }
  .care-can li:nth-child(2){border-top:1px solid var(--rule)}
  .care-flow li{
    grid-template-columns:3.2rem minmax(0,1fr);
    column-gap:1.4rem;
  }
  .care-num{grid-row:1 / span 3;margin-top:.35rem}
}