/* Układ strony /wspolpraca. Nie używany poza tą podstroną. */

.coop-jump{
  display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;
  padding:0 0 1.8rem;margin-top:-.2rem;
  border-bottom:1px solid var(--rule);
}
.coop-jump a{
  font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(243,238,232,.62);text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:.12em;
}
.coop-jump a:hover{color:var(--accent);border-bottom-color:var(--accent)}

.coop-kicker{
  margin:0 0 .55rem;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent-ink);
}
.coop-pay-head h2{max-width:min(16ch,100%)}

.coop-overture{
  list-style:none;margin:0;padding:0;
  display:grid;gap:0;
}
.coop-overture li{
  position:relative;
  padding:1.5rem 0 1.7rem;
  border-top:1px solid var(--rule);
}
.coop-overture li:last-child{border-bottom:1px solid var(--rule)}
.coop-idx{
  margin:0 0 .35rem;
  font-family:var(--display);font-weight:500;
  font-size:clamp(2.4rem,5vw,3.6rem);line-height:.9;letter-spacing:-.04em;
  color:rgba(243,238,232,.16);
}
.coop-overture h3{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.45rem,2.4vw,1.85rem);line-height:1.16;letter-spacing:-.02em;
  margin:0;max-width:min(18ch,100%);
}
.coop-overture p:last-child{
  margin:.5rem 0 0;color:var(--text-secondary);
  font-size:1.06rem;line-height:1.5;max-width:min(42ch,100%);
}

.pay-filters{margin:0 0 1.8rem}
.band--paper .filter{
  color:var(--ink-soft);border-color:var(--rule-ink);
}
.band--paper .filter:hover{color:var(--ink);border-color:rgba(21,19,26,.28)}
.band--paper .filter[aria-pressed="true"]{
  color:#1a140c;background:var(--accent);border-color:var(--accent);
}

.pay-panel[hidden]{display:none}

.coop-shares{
  display:grid;gap:1.6rem;
  align-items:start;
}
.coop-share{min-width:0}
.coop-pct{
  margin:0 0 .35rem;
  font-family:var(--display);font-weight:500;
  font-size:clamp(4.2rem,12vw,7.2rem);line-height:1;letter-spacing:-.05em;
  color:var(--ink);
}
.coop-pct span{
  font-size:.38em;letter-spacing:-.02em;margin-left:.05em;
}
.coop-shares h3{
  font-family:var(--display);font-weight:500;
  font-size:1.45rem;line-height:1.2;margin:0 0 .35rem;
  color:var(--ink);
}
.coop-when{
  margin:0 0 .55rem;font-size:1.02rem;color:var(--ink-soft);
}
.coop-share p:not(.coop-pct):not(.coop-when):not(.coop-ex){
  margin:0;font-size:1.06rem;line-height:1.45;color:var(--ink);
  max-width:min(36ch,100%);
}
.coop-ex{
  margin:.7rem 0 0;
  font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;
  color:var(--ink-soft);
}
.coop-then{
  display:none;
  margin:2.6rem 0 0;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);text-align:center;
  white-space:nowrap;
}

.coop-variant + .coop-variant{
  margin-top:2.2rem;padding-top:1.8rem;
  border-top:1px solid var(--rule-ink);
}
.coop-variant-title{
  font-family:var(--display);font-weight:500;
  font-size:1.2rem;margin:0 0 .8rem;color:var(--ink);
}
.coop-variant:has(.coop-shares--one) .coop-variant-title{
  padding-bottom:.7rem;
  margin-bottom:1.25rem;
  border-bottom:1px solid var(--rule-ink);
}

.coop-fork{
  margin:2.2rem 0 0;padding:1.15rem 0 0;
  border-top:1px solid var(--rule-ink);
  font-size:1.05rem;line-height:1.55;color:var(--ink);
  max-width:min(58ch,100%);
}

.coop-tri{
  list-style:none;margin:clamp(1.4rem,2.4vw,2rem) 0 0;padding:0;
  display:grid;gap:0;
}
.coop-tri li{
  padding:1.35rem 0 1.5rem;
  border-top:1px solid var(--rule);
}
.coop-tri li:last-child{border-bottom:1px solid var(--rule)}
.coop-tri-num{
  margin:0 0 .3rem;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;
  color:var(--accent);
}
.coop-tri h3{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.18;margin:0;
}
.coop-tri p:last-child{
  margin:.4rem 0 0;color:var(--text-secondary);
  font-size:1.05rem;line-height:1.5;max-width:min(36ch,100%);
}

.coop-later{
  display:grid;gap:1.4rem;
  margin:2.2rem 0 0;padding:1.6rem 0 0;
  border-top:1px solid var(--rule);
}
.coop-later dt{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:0 0 .4rem;
}
.coop-later dd{
  margin:0;color:var(--text-secondary);
  font-size:1.05rem;line-height:1.5;max-width:min(48ch,100%);
}

@media (min-width:760px){
  .coop-jump{padding-bottom:1.9rem}
  .coop-overture{
    grid-template-columns:1fr 1fr;
    gap:0 2.4rem;
  }
  .coop-overture li{border-bottom:1px solid var(--rule)}
  .coop-overture li:first-child{padding-right:.4rem}
  .coop-shares:not(.coop-shares--one){
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:1.2rem 1.4rem;
    align-items:start;
    padding-top:0;
    border-top:none;
  }
  .coop-then{
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:start;
    gap:.45rem;
    padding-top:2.55rem;
    margin-top:0;
  }
  .coop-then::before,
  .coop-then::after{
    content:"";
    width:.7rem;
    height:1px;
    background:var(--rule-ink);
    flex:0 0 auto;
  }
  .coop-share + .coop-then + .coop-share{
    position:relative;
    padding-left:1.5rem;
    border-left:none;
  }
  .coop-share + .coop-then + .coop-share::before{
    content:"";
    position:absolute;
    left:0;
    top:5.8rem;
    bottom:0;
    width:1px;
    background:var(--rule-ink);
  }
  .coop-later{
    grid-template-columns:1fr;
    max-width:min(48ch,100%);
  }
  .coop-shares--one{
    max-width:22rem;
    padding-top:0;
    border-top:none;
  }
  .coop-tri{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 2rem;
  }
  .coop-tri li{
    border-bottom:1px solid var(--rule);
    padding-right:.6rem;
  }
}

@media (max-width:560px){
  .pay-filters{flex-direction:column;align-items:stretch}
  .pay-filters .filter{width:100%}
  .coop-pct{font-size:clamp(3.4rem,22vw,5.4rem)}
}