/* ===== klocek nagłówka sekcji ze strony głównej (.sec-lab) ===== */
.sec-lab{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1.5px solid var(--ink);padding-bottom:16px;margin-bottom:38px;gap:16px;}
.sec-lab h2{font-family:var(--disp);font-size:clamp(30px,4vw,50px);font-weight:600;letter-spacing:-.015em;line-height:1.05;}
.sec-lab .meta{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);white-space:nowrap;}
/* ===== Towarzystwa i kluby wioślarskie: baza (lista i wpisy) ===== */
[hidden]{display:none!important;}
.tw-s{padding:84px 0;}
.page-hero + .tw-s{padding-top:56px;}
.tw-alt{background:var(--bg-alt);}
.tw-form{display:flex;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);max-width:880px;}
.tw-form input{flex:1;min-width:0;border:0;background:transparent;font:500 19px var(--sans);color:var(--ink);padding:18px 20px;outline:none;letter-spacing:-.01em;}
.tw-form button{border:0;background:var(--granat);color:#fff;font:600 15px var(--sans);padding:0 28px;border-radius:0 var(--r) var(--r) 0;cursor:pointer;}
.tw-form:focus-within{border-color:var(--blekit);box-shadow:0 0 0 3px rgba(76,154,179,.18);}
.tw-prz{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:14px 0 0;font-size:14px;color:var(--ink-soft);}
.tw-prz button{font:500 14px var(--sans);color:var(--granat);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:6px 11px;cursor:pointer;}
.tw-prz button:hover{border-color:var(--blekit);}
.tw-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:34px 0 0;}
.tw-tabs button{font:600 15px var(--sans);color:var(--ink);background:transparent;border:0;border-radius:var(--r);padding:11px 16px;cursor:pointer;}
.tw-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;}
.tw-tabs button span{font-weight:500;opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums;}
.tw-filtry{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:8px 0 22px;}
.tw-filtry label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:.02em;}
.tw-filtry select{font:14px var(--sans);color:var(--ink);background:var(--bg);border:0;border-radius:var(--r);padding:8px 10px;max-width:220px;}
.tw-filtry .tw-ile{margin-left:auto;font-size:14px;color:var(--ink-soft);align-self:center;font-variant-numeric:tabular-nums;}
.tw-filtry .tw-czysc{font:600 13px var(--sans);color:var(--granat);background:none;border:0;cursor:pointer;padding:8px 0;}
.tw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.tw-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;padding:24px 24px 20px;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:var(--r);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.tw-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,40,48,.10);border-color:var(--blekit);}
.tw-card .tw-rok{font:600 30px/1 var(--disp);letter-spacing:-.02em;color:var(--granat);font-variant-numeric:tabular-nums;margin-bottom:12px;}
.tw-card .tw-rok small{font:500 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-left:8px;}
.tw-card h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:6px;}
.tw-card .tw-gdzie{font-size:13.5px;color:var(--ink-soft);margin-bottom:12px;}
.tw-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.55;margin-bottom:16px;}
.tw-card p mark{background:rgba(233,195,90,.35);color:var(--ink);padding:0 1px;}
.tw-card .guide-more{margin-top:auto;}
.tw-wiecej{display:block;margin:28px auto 0;font:600 15px var(--sans);color:var(--granat);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 22px;cursor:pointer;}
.tw-pusto{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;color:var(--ink-soft);}
/* statement */
.tw-po{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;   /* = odstęp kafli .tw-liczby: jasne kafle w linii z ciemnymi (user 18.10) */
  align-items:start;}
.tw-po .tw-tekst p{font-size:18px;line-height:1.62;margin:0 0 1em;padding-right:24px;}
.tw-po .tw-tekst p:first-child{font:500 clamp(19px,1.9vw,22px)/1.5 var(--disp);letter-spacing:-.005em;}
.tw-dla{display:grid;gap:12px;}
.tw-dla div{background:var(--bg);border-radius:var(--r);padding:20px 22px;}
.tw-dla h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px;}
.tw-dla p{font-size:15px;color:var(--ink-soft);line-height:1.55;}
.tw-dla p + p{margin-top:8px;}
.tw-foto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;   /* user 18.10: zostaje 20 px (4 px cofnięte) */
  margin-bottom:52px;}
.tw-foto figure{margin:0;}
.tw-foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);}
.tw-foto figcaption{font-size:13px;line-height:1.45;color:var(--ink-soft);margin-top:8px;}
.tw-liczby{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
.tw-liczby div{background:var(--bg-dark);color:#fff;border-radius:var(--r);padding:26px 24px 24px;}
.tw-liczby b{display:block;font:600 clamp(40px,4.4vw,58px)/1 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:14px;}
.tw-liczby p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.86);}
/* mapa */
.tw-mapa-w{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;}
.tw-mapa{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px;position:relative;}
.tw-mapa svg{display:block;width:100%;height:auto;}
.tw-mapa .tw-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;font-size:13px;line-height:1.4;padding:8px 10px;border-radius:var(--r);max-width:260px;opacity:0;transition:opacity .12s;}
.tw-mapa .tw-tip b{font-weight:600;}
.tw-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;}
.tw-rokwiel{font:600 64px/1 var(--disp);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;}
.tw-panel .tw-sub{font-size:14px;color:var(--ink-soft);margin:6px 0 16px;min-height:42px;}
.tw-panel input[type=range]{width:100%;accent-color:var(--granat);}
.tw-skala{position:relative;height:16px;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:2px 8px 0;}
.tw-skala span{position:absolute;top:0;transform:translateX(-50%);}
.tw-rokwiel-zakres{font-size:46px;}
.tw-graj{margin-top:14px;font:600 14px var(--sans);color:#fff;background:var(--granat);border:0;border-radius:var(--r);padding:10px 16px;cursor:pointer;}
.tw-leg{display:grid;gap:8px;margin-top:20px;font-size:14px;color:var(--ink);}
.tw-leg span{display:flex;align-items:center;gap:10px;}
.tw-leg svg{flex:none;}
.tw-leg small{color:var(--ink-soft);font-size:12.5px;display:block;margin-top:12px;line-height:1.45;}
/* wykres */
.tw-wyk{background:var(--bg);border-radius:var(--r);padding:22px 22px 12px;position:relative;}
.tw-wyk svg{display:block;width:100%;height:auto;overflow:visible;}
.tw-lista{position:absolute;top:18px;width:min(360px,calc(100% - 24px));background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 14px 34px rgba(20,40,48,.16);z-index:5;}
.tw-lista-g{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--line);}
.tw-lista-g b{font-size:15px;font-weight:600;}
.tw-lista-g button{font:600 16px/1 var(--sans);color:var(--ink);background:none;border:0;cursor:pointer;padding:6px 8px;border-radius:var(--r);}
.tw-lista-g button:hover{background:var(--bg);}
.tw-lista ul{list-style:none;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:6px 0;}
.tw-lista li button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;width:100%;text-align:left;font:14px/1.35 var(--sans);color:var(--ink);background:none;border:0;padding:8px 16px;cursor:pointer;}
.tw-lista li button:hover{background:var(--bg);color:var(--granat);}
.tw-lista .tw-lista-sek{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:10px 16px 4px;}
.tw-lista li em{font-style:normal;font-weight:600;color:var(--granat);font-variant-numeric:tabular-nums;}
.tw-lista li small{display:block;color:var(--ink-soft);font-size:12.5px;margin-top:2px;}
.tw-wyk .tw-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;font-size:13px;line-height:1.4;padding:8px 10px;border-radius:var(--r);max-width:300px;opacity:0;transition:opacity .12s;}
/* kluby dziś, jubileusze, co dalej */
.tw-kl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.tw-jub{display:grid;gap:4px;}
.tw-jub .tw-jr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;background:#fff;border-radius:var(--r);padding:18px 22px;align-items:start;}
.tw-jub .tw-jr b{font:600 40px/1 var(--disp);letter-spacing:-.02em;color:var(--granat);font-variant-numeric:tabular-nums;}
.tw-jub ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px;}
.tw-jub li{font-size:15px;line-height:1.4;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:baseline;}
.tw-jub li small{display:block;margin-top:2px;}
.tw-jub li button{font:inherit;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;text-align:left;}
.tw-jub li button:hover{color:var(--granat);text-decoration:underline;}
.tw-jub li em{font-style:normal;font-weight:600;color:var(--granat);font-variant-numeric:tabular-nums;}
.tw-jub li small{color:var(--ink-soft);}
.tw-dalej{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.tw-dalej div{background:#fff;border-radius:var(--r);padding:22px 20px;display:flex;flex-direction:column;gap:8px;}
.tw-dalej .tw-st{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-txt);}
.tw-dalej h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25;min-height:2.5em;}
.tw-dalej p{font-size:14.5px;color:var(--ink-soft);line-height:1.55;}
/* karta towarzystwa (widok rekordu) */
.tw-rek-glowa{background:var(--bg-dark);color:#fff;padding:150px 0 44px;}
.tw-rek-glowa .kicker{color:rgba(255,255,255,.72);}
.tw-rek-glowa h1{font-family:var(--disp);font-size:clamp(34px,5vw,58px);font-weight:600;letter-spacing:-.03em;line-height:1.05;max-width:22ch;margin-top:10px;}
.tw-metr{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;margin-top:34px;}
.tw-metr div{background:rgba(255,255,255,.08);border-radius:var(--r);padding:14px 16px;}
.tw-metr dt{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:6px;}
.tw-metr dd a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.tw-metr dd{font-size:15.5px;line-height:1.35;color:#fff;overflow-wrap:anywhere;}
.tw-rek-cialo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding:48px 0 40px;align-items:start;}
.tw-rek-dol{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:stretch;}
.tw-kontakt{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;}
.tw-kontakt h3,.tw-zr h3{font-family:var(--disp);font-size:22px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px;}
.tw-kontakt p{font-size:15px;line-height:1.5;color:var(--ink-soft);}
.tw-kontakt a{color:var(--granat);font-weight:600;}
.tw-zr-lista{padding:18px 0 80px;max-width:calc(100% - 396px);}
.tw-zr-lista ol{list-style:none;display:grid;gap:4px;}
.tw-zr-lista > ol > li{background:#fff;border-radius:var(--r);padding:12px 14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;}
.tw-zr-lista li q{font-style:italic;} .tw-zr-lista li span{color:var(--ink-soft);} .tw-zr-lista li a{color:var(--granat);font-weight:600;}
.tw-zr-lista li ul{list-style:none;display:grid;gap:4px;margin-top:6px;padding-left:14px;}
.tw-zr-lista li ul li{font-size:13.5px;color:var(--ink-soft);}
.tw-rek-op p{font-size:18px;line-height:1.66;margin:0 0 1.05em;max-width:66ch;}
.tw-rek-bok{display:grid;gap:12px;position:sticky;top:78px;}
.tw-bok{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;}
.tw-bok h4{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;}
.tw-bok p,.tw-bok li{font-size:14.5px;line-height:1.5;}
.tw-bok ul{list-style:none;display:grid;gap:8px;}
.tw-bok a,.tw-bok button.tw-lnk{color:var(--granat);font-weight:600;background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer;text-align:left;}
.tw-bok .tw-mini{font-size:13px;color:var(--ink-soft);}
.tw-pw{display:inline-flex;align-items:center;gap:8px;font-weight:600;}
.tw-pw::before{content:"";width:9px;height:9px;border-radius:1px;background:currentColor;}
.tw-pw.a{color:var(--granat);} .tw-pw.b{color:var(--amber-txt);} .tw-pw.c{color:var(--czerwony);}
.tw-zr{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;}
.tw-zr-g{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;}
.tw-zr-g p{font-size:15px;line-height:1.5;margin:0;}
.tw-zr-g button{font:600 15px var(--sans);color:#fff;background:var(--granat);border:0;border-radius:var(--r);padding:11px 18px;cursor:pointer;}
@media (max-width:1100px){.tw-dalej{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:900px){
  .tw-grid,.tw-kl{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tw-po,.tw-mapa-w,.tw-rek-cialo,.tw-rek-dol{grid-template-columns:1fr;gap:28px;}
  .tw-zr-lista{max-width:none;}
  .tw-rek-bok{position:static;}
  .tw-jub ul{grid-template-columns:1fr;}
  .tw-liczby{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .container{padding:0 18px;}
  .tw-s{padding:56px 0;}
  .tw-grid,.tw-kl,.tw-dalej{grid-template-columns:1fr;}
  .tw-metr{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tw-jub .tw-jr{grid-template-columns:1fr;gap:10px;}
  .tw-liczby{grid-template-columns:1fr;}
  .tw-foto{grid-template-columns:1fr;}
  .tw-form input{font-size:17px;padding:15px 14px;}
  .tw-form button{padding:0 16px;}
  .sec-lab{flex-wrap:wrap;}
  .sec-lab .meta{white-space:normal;}
}
@media (prefers-reduced-motion:reduce){.tw-card,.tw-card:hover{transition:none;transform:none;}}

/* wpis: powrót, powiązania, typografia bez wdów */
.tw-wstecz{display:inline-block;margin-bottom:22px;font-size:14px;font-weight:600;color:rgba(255,255,255,.82);text-decoration:none;}
.tw-wstecz:hover{color:#fff;}
.tw-rek-op p,.tw-po .tw-tekst p,.tw-dla p,.tw-card p,.tw-dalej p,.tw-liczby p,.tw-kontakt p,.tw-zr-g p,.tw-foto figcaption{text-wrap:pretty;}
.tw-rek-glowa h1,.tw-card h3,.tw-dalej h3,.tw-dla h3,.sec-lab h2{text-wrap:balance;}
a.tw-card{text-decoration:none;}
.tw-lista li a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;width:100%;text-align:left;font:14px/1.35 var(--sans);color:var(--ink);padding:8px 16px;text-decoration:none;}
.tw-lista li a:hover{background:var(--bg);color:var(--granat);}
.tw-jub li a{color:var(--ink);text-decoration:none;}
.tw-jub li a:hover{color:var(--granat);text-decoration:underline;}
.tw-bok a.tw-lnk{text-decoration:none;}
@media (max-width:900px){.tw-rek-glowa{padding-top:120px;}}
.tw-rek-glowa .socm.socm-blok{margin-top:16px}
/* źródła: lista pod ramką źródeł (też na telefonie), kontakt obok */
.tw-rek-dol{column-gap:56px;row-gap:0;padding-bottom:80px;}
.tw-rek-dol>.tw-zr{grid-column:1;grid-row:1;}
.tw-rek-dol>.tw-kontakt{grid-column:2;grid-row:1;}
.tw-rek-dol>.tw-zr-lista{grid-column:1;grid-row:2;padding:18px 0 0;max-width:none;}
.tw-zr-lista:has(>ol[hidden]){display:none;}
/* hero bazy: w kadrze sternik i pierwszy wioślarz */
.page-hero.tw-hero{background-position:44% center;}
@media (max-width:900px){.tw-rek-dol{row-gap:28px;}.tw-rek-dol>.tw-zr,.tw-rek-dol>.tw-kontakt,.tw-rek-dol>.tw-zr-lista{grid-column:auto;grid-row:auto;}.tw-rek-dol>.tw-zr-lista{padding-top:0;margin-top:-16px;}}
@media (max-width:640px){.tw-hero .page-hero-lead{padding-right:22px;}}

/* nagłówek wpisu ze zdjęciem w tle, na cały ekran (jak .art-hero artykułów) */
.tw-rek-glowa--foto{position:relative;min-height:100vh;display:flex;align-items:flex-end;background-color:#1a1a1a;background-size:cover;background-repeat:no-repeat;}
.tw-rek-glowa--foto>.container{position:relative;z-index:2;width:100%;}
.tw-rek-glowa--foto .art-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,12,12,.78) 0%,rgba(12,12,12,.4) 28%,rgba(12,12,12,.06) 58%,rgba(12,12,12,.28) 100%);}
.tw-rek-glowa--foto h1,.tw-rek-glowa--foto .kicker,.tw-rek-glowa--foto .tw-wstecz{text-shadow:0 1px 14px rgba(0,0,0,.55);}
@media (max-width:900px){.tw-rek-glowa--foto{min-height:100svh;}}
.tw-rek-foto-op{font-size:13px!important;line-height:1.45!important;color:var(--ink-soft);margin:0 0 22px!important;}
.tw-rek-glowa--foto .tw-metr div{background:rgba(12,12,12,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.tw-rek-glowa--kolor .art-hero-overlay{background:
 radial-gradient(ellipse 58% 40% at 20% 60%,rgba(0,0,0,.52) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,0) 78%),
 radial-gradient(ellipse 34% 22% at 34% 47%,rgba(0,0,0,.26) 0%,rgba(0,0,0,0) 75%),
 radial-gradient(ellipse 30% 26% at 8% 72%,rgba(0,0,0,.22) 0%,rgba(0,0,0,0) 80%),
 linear-gradient(to top,rgba(12,12,12,.78) 0%,rgba(12,12,12,.4) 28%,rgba(12,12,12,.06) 58%,rgba(12,12,12,.28) 100%);}
@media (max-width:900px){.tw-rek-glowa--kolor .art-hero-overlay{background:
 radial-gradient(ellipse 95% 38% at 30% 42%,rgba(0,0,0,.5) 0%,rgba(0,0,0,.28) 50%,rgba(0,0,0,0) 82%),
 radial-gradient(ellipse 60% 20% at 60% 30%,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 80%),
 linear-gradient(to top,rgba(12,12,12,.78) 0%,rgba(12,12,12,.4) 28%,rgba(12,12,12,.06) 58%,rgba(12,12,12,.28) 100%);}}
