/* 80R 03.09.2026 — Historia 80R + O nas (sekcje z broszury „15 lat”). Ładowane tylko na stronach z meta er80r_historia_css=1 (functions.php). */
section.text-section .content-wrapper .desc .hs{ text-align:left !important; }
section.text-section .content-wrapper .desc .hs p, section.text-section .content-wrapper .desc .hs h4, section.text-section .content-wrapper .desc .hs figcaption{ text-align:left !important; }
.hs-lead{ font-size:1.15em; font-weight:300; line-height:1.5; }
/* liczby */
.hs-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); border:1px solid #e3e8e5; margin-top:34px; border-radius:var(--border-radius,0); overflow:hidden; }
.hs-stat{ padding:22px 18px; border-right:1px solid #e3e8e5; }
.hs-stat:last-child{ border-right:0; }
.hs-stat .hs-n{ font-size:34px; line-height:1; font-weight:800; color:#157a37; margin:0; font-variant-numeric:tabular-nums; }
.hs-stat .hs-pre{ display:block; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#66716b; margin:0 0 6px; font-weight:500; }
.hs-stat .hs-l{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#66716b; margin:8px 0 0; }
/* oś czasu — 03.09 v2 (user): rok + zdjęcie pod nim w lewej kolumnie, tekst po prawej, linia osi między kolumnami */
.hs-tl{ position:relative; margin-top:10px; }
.hs-tl::before{ content:""; position:absolute; left:339px; top:0; bottom:0; width:2px; background:#e3e8e5; }
.hs-tl-item{ display:grid; grid-template-columns:300px 1fr; grid-template-areas:"year body" "fig body"; column-gap:80px; row-gap:12px; padding:26px 0; align-items:start; position:relative; }
.hs-tl-item::before{ content:""; position:absolute; left:333px; top:32px; /* padding 26 + (26-14)/2 = 32 → środek 39 px, jak rok i h4 */ width:14px; height:14px; border-radius:50%; background:#1eae4a; border:3px solid #fff; box-shadow:0 0 0 2px #1eae4a; }
.hs-tl-item .hs-year{ grid-area:year; font-size:26px; line-height:26px; font-weight:800; color:#0f3d26; margin:0 -22px 0 0; font-variant-numeric:tabular-nums; }
section.text-section .content-wrapper .desc .hs .hs-tl-item .hs-year{ text-align:right !important; line-height:26px !important; margin:0 -22px 0 0 !important; } /* 03.09 v3 (user): rok przy kropce */
.hs-tl-body{ grid-area:body; }
.hs-tl-body h4{ font-size:19px; font-weight:700; margin:0 0 8px; line-height:26px; }
.hs-tl-body p{ margin:0; max-width:62ch; }
.hs-tl-item figure{ grid-area:fig; margin:0; }
.hs-tl-item figure img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--border-radius,0); display:block; }
.hs figcaption{ font-size:12px; color:#66716b; margin-top:8px; }
/* galeria */
.hs-gal{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.hs-gal figure{ margin:0; }
.hs-gal img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--border-radius,0); display:block; }
.hs-gal figcaption{ font-size:11px; }
/* wyprawy */
.hs-trips{ display:grid; grid-template-columns:1fr 1fr; gap:34px 30px; margin-top:30px; }
.hs-trip figure{ margin:0; }
.hs-trip img{ width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:var(--border-radius,0); display:block; }
.hs-trip-text{ padding-top:16px; }
.hs-trip h4{ font-size:22px; font-weight:700; color:#0f3d26; margin:0 0 10px; line-height:1.15; }
.hs-trip h4 span{ display:block; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:#1eae4a; margin-top:6px; }
.hs-trip p{ font-size:15px; margin:0 0 10px; }
/* misja (O nas) */
.hs-vals{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px 40px; margin-top:10px; }
.hs-val h4{ font-size:20px; font-weight:700; color:#0f3d26; margin:0 0 8px; }
.hs-val p{ margin:0; }
/* zespół */
.hs-team{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:30px; }
.hs-person img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--border-radius,0); display:block; }
.hs-person h4{ font-size:18px; font-weight:700; color:#0f3d26; margin:14px 0 0; }
.hs-person .hs-role{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#1eae4a; margin:6px 0 8px; font-weight:500; }
.hs-person p{ font-size:14px; margin:0; }
/* kanały */
.hs-chan{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:10px; }
.hs-chan > div{ border:1px solid #e3e8e5; padding:18px; border-radius:var(--border-radius,0); }
.hs-chan h4{ font-size:16px; margin:0 0 4px; color:#0f3d26; }
.hs-chan p{ font-size:14px; color:#66716b; margin:0; }
@media (max-width:991px){
  .hs-tl::before{ left:16px; } .hs-tl-item{ grid-template-columns:1fr; grid-template-areas:"year" "fig" "body"; gap:10px; padding-left:40px; } .hs-tl-item::before{ left:10px; top:36px; } section.text-section .content-wrapper .desc .hs .hs-tl-item .hs-year{ text-align:left !important; margin-right:0; }
  .hs-trips,.hs-vals{ grid-template-columns:1fr; } .hs-gal{ grid-template-columns:repeat(2,1fr); } .hs-team,.hs-chan{ grid-template-columns:1fr 1fr; }
}
@media (max-width:575px){ .hs-team,.hs-chan{ grid-template-columns:1fr; } }
/* 03.09 v5: motyw daje 15 px margin-top każdemu kolejnemu elementowi w .desc — w siatkach psuje wyrównanie (2. karta niżej). Zerujemy. */
section.text-section .content-wrapper .desc .hs-trips > *, section.text-section .content-wrapper .desc .hs-gal > *, section.text-section .content-wrapper .desc .hs-team > *, section.text-section .content-wrapper .desc .hs-vals > *, section.text-section .content-wrapper .desc .hs-chan > *, section.text-section .content-wrapper .desc .hs-stats > *, section.text-section .content-wrapper .desc .hs-tl-item > figure{ margin-top:0 !important; }