/* ═══════════════ AIC Intranet v2 — system z Figmy „cms front" ═══════════════
   Kanwa z kartami: sekcje pełnoekranowe, rynny 10px, pigułki, Aeonik Pro.   */

/* ── Fonty (wgraj pliki do assets/fonts/ — fallback: Inter) ── */
/* AEONIK PRO — jedna waga, tak jak w Design guidelines 0.1.32.
   Plik .woff2 pochodzi z tamtego dokumentu i zawiera WYŁĄCZNIE Regular
   (400), z kompletem polskich diakrytyków. Deklaracje na Light (300)
   i Medium (500) zostały zdjęte, bo tych plików nie ma — zostawione
   kończyłyby się 404 i mieszaniem dwóch krojów na jednej stronie.
   font-synthesis:none niżej pilnuje, żeby przeglądarka nie dorabiała
   pochyłej i grubej na własną rękę; to samo robi arkusz systemu.
   DO ZROBIENIA: jeżeli dostaniemy Light i Medium w .woff2, wracają tu
   dwie linijki i nic więcej się nie zmienia. */
@font-face{font-family:'AeonikPro';src:url('fonts/AeonikPro-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}

:root{
  /* prymitywy (wspólne z v1) */
  --accent:#005FCC;
  --ink:#212327;
  --ink-soft:#62656A;
  --line:#83868C;
  --line-inverted:#A2A5A9;
  --surface:#EEEEF1;
  --surface-soft:#F5F5F6;
  --ink-inverted:#FFFFFF;
  --bg:#FFFFFF;
  /* odstępy */
  --s:10px; --m:20px; --l:40px; --xl:60px; --xxl:80px;
  /* layout */
  --container:1560px;
  --nav-h:72px;
  --content-top:82px;            /* nav 72 + rynna 10 */
  --font:'AeonikPro','Aeonik Pro',-apple-system,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font);font-size:16px;line-height:1.2;
  font-synthesis:none;
  font-feature-settings:"lnum" 1,"tnum" 1;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;line-height:1.1;}
p{margin:0;font-weight:400;}

/* ═══ Pigułki (btn / nav-pill z Figmy: h32, r16, px16) ═══ */
.pill{
  display:inline-flex;align-items:center;justify-content:center;
  width:fit-content;height:32px;padding:4px 16px 6px;border-radius:16px;
  font-size:14px;line-height:1.1;white-space:nowrap;color:var(--ink);
  border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;
}
.pill-nav:hover{border-color:var(--line-inverted);}
.pill-nav.is-active{border-color:var(--line);}
.pill-surface{background:var(--surface);padding:4px 16px 5px;letter-spacing:.28px;line-height:1.2;}
.pill-surface:hover{background:#e2e2e6;}
.pill-light-outline{border-color:var(--ink-inverted);color:var(--ink-inverted);padding:0 16px;letter-spacing:.28px;line-height:1.2;}
.pill-light-outline:hover{background:rgba(255,255,255,.14);}
.pill-dark-outline{border-color:var(--ink);padding:0 16px;letter-spacing:.28px;line-height:1.2;}
.pill-dark-outline:hover{background:var(--surface);}

/* ═══ Nawigacja (72px, chowana przy scrollu w dół) ═══ */
.site-nav{
  position:fixed;inset:0 0 auto 0;z-index:100;
  background:var(--bg);padding:var(--m);
  transform:translateY(0);transition:transform .28s ease;
}
.site-nav.nav-hidden{transform:translateY(-100%);}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;gap:var(--m);
}
.nav-logo{flex:1 0 0;min-width:0;display:flex;align-items:center;}
/* Znak w pasku serwisu: 20 px wysokości, szerokość z proporcji. */
.nav-logo img,.nav-logo svg{display:block;height:20px;width:auto;}
.nav-logo-text{font-size:22px;font-weight:500;color:var(--accent);letter-spacing:.02em;}
.nav-tabs{display:flex;gap:var(--s);align-items:center;}
.nav-right{flex:1 0 0;display:flex;justify-content:flex-end;align-items:center;gap:var(--s);min-width:0;}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;
  padding:0;border:0;background:none;cursor:pointer;align-items:center;}
.nav-burger span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .2s,opacity .2s;}
body.nav-open .nav-burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
body.nav-open .nav-burger span:nth-child(2){opacity:0;}
body.nav-open .nav-burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}
.nav-menu{position:fixed;inset:0;z-index:95;display:none;background:var(--bg);
  padding:calc(var(--nav-h) + var(--m)) var(--m) var(--m);overflow:auto;}
body.nav-open .nav-menu{display:block;}
body.nav-open{overflow:hidden;}
.nav-menu-list{display:flex;flex-direction:column;}
.nav-menu-list a{font-size:20px;line-height:1.1;padding:14px 0;color:var(--ink);}
.nav-menu-list a.is-active{color:var(--accent);}

/* ═══ Hero split: featured + panel listy (100vh z paddingiem na nav) ═══ */
.hero{min-height:100svh;display:flex;gap:var(--s);
      padding:var(--content-top) var(--s) var(--s);}
.hero-split{align-items:stretch;flex-wrap:wrap;}

.hero-featured{
  flex:1 0 0;min-width:500px;position:relative;overflow:hidden;
  padding:var(--m);display:flex;flex-direction:column;justify-content:space-between;
  background:var(--ink);color:var(--ink-inverted);
}
.hero-featured-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-date{position:relative;z-index:1;font-size:14px;color:var(--ink-inverted);}

.featured-card{
  position:relative;z-index:1;background:var(--accent);
  width:100%;max-width:400px;min-height:313px;padding:var(--m);
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--m);
}
.featured-card-body{display:flex;flex-direction:column;gap:var(--m);}
.featured-title{font-size:24px;line-height:1.1;color:var(--ink-inverted);}
.separator{display:block;width:16px;height:1px;background:currentColor;}
.separator-light{background:var(--ink-inverted);}
.featured-lead{font-size:16px;line-height:1.2;color:var(--ink-inverted);max-width:360px;}

.hero-side{
  flex:1 0 0;max-width:460px;min-width:400px;background:var(--surface);
  padding:var(--m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--m);
}
.hero-side-label{font-size:14px;font-weight:500;color:var(--accent);}

/* ═══ Wiersze linków (komponent link: 16/1.1 + strzałka z podkreśleniem) ═══ */
.link-list{display:flex;flex-direction:column;}
.link-row{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s);
  padding-bottom:var(--m);font-size:16px;line-height:1.1;color:var(--ink);
}
.link-row:hover .link-label{color:var(--accent);}
.link-label{transition:color .15s;}
/* Ikony strzałek — dostarczone SVG (13×18, zaszyte jako data-URI) */
.link-ico{
  flex:0 0 13px;width:13px;height:18px;font-size:0;color:transparent;
  background:url("data:image/svg+xml,%3Csvg width=%2213%22 height=%2218%22 viewBox=%220 0 13 18%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath d=%22M10.3564 5.89781L2.30292 14L1.5 13.1971L9.57786 5.11922H2.44891V4H11.5V13.0511H10.3564V5.89781Z%22 fill=%22%23005FCC%22/%3E%0A%3C/svg%3E") center/contain no-repeat;
}
.link-ico-dl{background-image:url("data:image/svg+xml,%3Csvg width=%2213%22 height=%2218%22 viewBox=%220 0 13 18%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath d=%22M5.93156 12.632V2H7.06844V12.632L12.1844 7.664L13 8.456L6.5 14.768L0 8.456L0.815589 7.664L5.93156 12.632Z%22 fill=%22%23005FCC%22/%3E%0A%3Crect width=%2213%22 height=%221%22 transform=%22translate%280 17%29%22 fill=%22%23005FCC%22/%3E%0A%3C/svg%3E");}

/* ═══ Hero stack: zdjęcie + pas tytułu — 111:1790 ═══ */
.hero-stack{display:flex;flex-direction:column;gap:var(--s);height:100svh;min-height:560px;}
/* obraz główny zajmuje 60% wysokości sekcji, pas z tytułem i leadem — pozostałe 40% */
.hero-media{flex:0 0 60%;position:relative;overflow:hidden;background:var(--surface);}
.hero-band{flex:1 1 auto;min-height:0;overflow:auto;}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-stack.no-media .hero-media{display:none;}
.hero-stack.no-media{height:auto;min-height:0;}
.hero-band{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--l) var(--s);padding:var(--m);background:var(--bg);}
.hero-band-col{flex:1 0 0;min-width:300px;}
.hero-band h1{font-size:24px;line-height:1.1;font-weight:400;}
.hero-band p{font-size:16px;line-height:1.2;color:var(--ink);max-width:400px;white-space:pre-line;}

/* ═══ Sekcje ogólne / treść ═══ */
.page-main{padding:0 var(--s) var(--s);display:flex;flex-direction:column;gap:var(--xxl);}
.page-main>:first-child{padding-top:var(--content-top);}
.section-card{background:var(--surface);padding:var(--m);}
.section-prose{max-width:720px;font-size:16px;line-height:1.5;}
.section-prose p{margin:0 0 1em;}
.page-placeholder{min-height:40vh;display:flex;align-items:center;color:var(--ink-soft);}

/* ═══ Stopka ═══ */
.site-footer{padding:var(--l) var(--s) var(--m);}
.footer-inner{
  max-width:var(--container);margin:0 auto;display:flex;justify-content:space-between;
  gap:var(--m);font-size:13px;color:var(--ink-soft);flex-wrap:wrap;
}

/* ═══ Responsywność ═══ */
@media (max-width:1080px){
  .nav-tabs{display:none;}
  .nav-burger{display:flex;}
  /* panele z linkami: pasek 40px + dropdown */
  .panel>.panel-toggle{display:flex;}
  .panel>.panel-title{display:none;}
  .panel>.panel-body{display:none;}
  .panel{position:relative;}
  .panel.open>.panel-body{display:flex;flex-direction:column;
    position:absolute;top:100%;left:0;right:0;z-index:1;background:inherit;
    padding:var(--l) var(--m) var(--m);max-height:calc(100svh - 40px);overflow:auto;}
  .hero-side.panel{padding:0;justify-content:flex-start;gap:0;flex:0 0 auto;}
  .hero-split{flex-direction:column;}
  .hero-featured{min-width:0;min-height:70svh;}
  .hero-side{min-width:0;max-width:none;}
  .hero-side.panel{order:-1;position:sticky;top:0;z-index:90;}
}
@media (max-width:760px){
  .featured-card{max-width:none;}
  .hero-band{grid-template-columns:1fr;}
}

/* ═══ Układ z panelem bocznym (opieka medyczna) — aside sticky ═══ */
.page-with-aside{display:grid;grid-template-columns:1fr 457px;gap:var(--s);align-items:start;}
.page-content{display:flex;flex-direction:column;gap:var(--xxl);min-width:0;}
.page-aside{height:calc(100svh - var(--content-top) - var(--s));}
.page-aside.is-sticky{position:sticky;top:var(--content-top);}
.page-aside.is-static{position:static;height:auto;}
.aside-card{background:var(--surface-soft);height:100%;padding:var(--m);
            display:flex;flex-direction:column;justify-content:space-between;overflow:auto;}
.aside-title{font-size:14px;font-weight:500;color:var(--accent);line-height:1.2;}
.aside-toggle,.panel-toggle{display:none;width:100%;height:40px;align-items:center;justify-content:space-between;
  padding:0 var(--m);background:transparent;border:0;cursor:pointer;text-align:left;
  font:inherit;font-size:14px;font-weight:500;color:var(--accent);}
.chev{width:8px;height:8px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;flex:0 0 auto;}
.open>.aside-toggle .chev,.panel.open>.panel-toggle .chev{transform:rotate(225deg) translateY(-2px);}
.aside-groups{display:flex;flex-direction:column;gap:var(--l);}
.aside-group{display:flex;flex-direction:column;gap:var(--s);}
.aside-label{font-size:12px;letter-spacing:.012px;color:var(--ink-soft);line-height:1.2;}
@media (max-width:1080px){
  .page-with-aside{grid-template-columns:1fr;}
  .page-with-aside>.page-content{padding-top:var(--s);}
  .page-aside{order:-1;height:auto;margin-top:var(--content-top);position:relative;z-index:80;}
  .page-aside.is-sticky{position:sticky;top:0;z-index:90;}
  .aside-card{height:auto;padding:0;overflow:visible;display:block;}
  .aside-card>.aside-title{display:none;}
  .aside-toggle{display:flex;}
  .aside-card .aside-groups{display:none;
    position:absolute;top:100%;left:0;right:0;background:var(--surface-soft);
    padding:var(--l) var(--m) var(--m);max-height:calc(100svh - 40px);overflow:auto;}
  .page-aside.open .aside-groups{display:flex;}
}

/* ═══════════════ Sekcje treści (katalog buildera) ═══════════════ */

/* Wspólne */
.card{background:var(--surface);padding:var(--m);}
.card-white{background:var(--bg);}
.card-accent{background:var(--accent);color:var(--ink-inverted);}
.sec{display:flex;gap:var(--s);}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s);}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s);}
.sec-label{font-size:14px;font-weight:500;color:var(--accent);}
.sec-title{font-size:24px;line-height:1.2;margin-top:var(--s);}
.group-label{font-size:12px;letter-spacing:.012px;color:var(--ink-soft);line-height:1.2;margin-bottom:var(--s);}
.gl-m{margin-bottom:var(--m);}
.col-groups.gap-m{gap:var(--m);}

/* hero-card (opieka medyczna — featured w kolumnie głównej) */
.hero-card{position:relative;overflow:hidden;min-height:calc(100svh - var(--content-top) - var(--s));padding:var(--m);
  display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:var(--ink-inverted);}
.hero-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* text-intro (tekst 20px + znak) — 111:1186 */
.text-intro{background:var(--bg);padding:var(--m);display:flex;flex-direction:column;gap:var(--xxl);align-items:flex-start;}
.text-intro .intro-text{font-size:20px;line-height:1.2;max-width:600px;white-space:pre-line;}
.text-intro .mark{height:97px;width:auto;display:block;}

/* feature-media (karta accent + obraz/SVG na wybieralnym tle) — 111:1797 */
.sec-feature-media{padding:var(--s) 0;display:flex;flex-wrap:wrap;gap:var(--s);}
.fm-card{flex:1 0 0;max-width:460px;min-width:400px;height:800px;padding:var(--m);
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--l);
  background:var(--accent);color:var(--ink-inverted);}
.fm-card.fm-surface{background:var(--surface);color:var(--ink);}
.fm-title{font-size:24px;line-height:1.1;font-weight:400;}
.fm-text{font-size:16px;line-height:1.2;white-space:pre-line;}
.fm-media{flex:1 0 0;min-width:500px;height:800px;position:relative;overflow:hidden;background:#F0F0F0;}
.fm-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.fm-media.fm-contain img{object-fit:contain;}
@media (max-width:1080px){.fm-card{max-width:none;min-width:0;height:auto;min-height:480px;}.fm-media{min-width:0;height:60svh;}
  .duo-card{height:auto;min-height:480px;}}

/* highlight-grid (wyróżnienia 1–4) — 111:1802/1806 */
.sec-highlights{display:flex;flex-direction:column;gap:var(--xxl);padding:var(--m) 0 0;}
.sec-highlights.pad-y{padding:var(--xl) 0;}
.hl-note{font-size:14px;line-height:1.2;max-width:400px;margin-top:var(--s);}
.hl-headwrap{display:flex;flex-direction:column;gap:var(--s);max-width:400px;padding:0 var(--m);}
.hl-headwrap .hl-head{padding:0;}
.hl-head{padding:var(--m);font-size:24px;line-height:1.1;}
.hl-grid{display:flex;flex-wrap:wrap;gap:var(--s);}
.hl-card{background:var(--surface);height:400px;flex:1 0 0;min-width:280px;padding:var(--m);
  display:flex;flex-direction:column;justify-content:space-between;}
.hl-num{font-size:100px;line-height:1;font-weight:200;color:var(--accent);white-space:nowrap;}
.hl-unit{font-size:45px;font-weight:300;}
.hl-card.hl-accent{background:var(--accent);color:var(--ink-inverted);}
.hl-card.hl-accent .hl-num,.hl-card.hl-accent .hl-title{color:var(--ink-inverted);}
.hl-title{font-size:20px;line-height:1.1;max-width:280px;font-weight:400;color:var(--ink);}

/* table (edytowalna tabela) — 111:1208 */
.sec-table{padding:var(--m) 0;}
.tbl-card{background:var(--bg);padding:var(--m);display:flex;flex-direction:column;gap:var(--l);}
.tbl-title{font-size:24px;line-height:1.1;}
.tbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.2;}
.tbl th,.tbl td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-weight:400;vertical-align:top;color:var(--ink);}
.tbl th{font-weight:500;}
.tbl .b{font-weight:500;}
.tbl .c-accent{color:var(--accent);}
.tbl .tbl-group td{color:var(--ink);font-weight:400;}
.tbl-wrap{overflow-x:auto;}

/* checklista ✓ w akcencie */
.check-list{margin:0;padding:0;display:flex;flex-direction:column;max-width:400px;}
.check-list li{list-style:none;display:flex;gap:var(--s);padding-bottom:10px;font-size:16px;line-height:1.2;}
.check-list .tick{flex:0 0 16px;color:var(--accent);}

/* media-check: karta biała (tytuł/treść) + zdjęcie, wyrównane do dołu — 111:1320/1340 */
.sec-media{padding:var(--xl) 0;display:flex;flex-wrap:wrap;gap:var(--s);align-items:flex-end;justify-content:center;}
.sec-media>*{flex:1 1 calc(50% - 5px);min-width:280px;height:680px;}
.m-card{background:var(--bg);padding:var(--m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--l);}
.m-card h3{font-size:24px;line-height:1.1;max-width:400px;}
.m-body{display:flex;flex-direction:column;gap:var(--l);max-width:400px;align-items:flex-start;}
.m-body p{font-size:16px;line-height:1.2;}
.m-img{position:relative;overflow:hidden;background:var(--surface);}
.m-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* steps: karta surface, intro + notka, kolumny list numerowanych — 111:1360 */
.sec-steps{padding:var(--xl) 0;}
.steps-card{background:var(--surface);padding:var(--m);display:flex;flex-direction:column;gap:160px;}
.steps-top,.steps-cols{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--l);column-gap:var(--s);}
.steps-intro{flex:1 0 0;max-width:400px;min-width:280px;display:flex;flex-direction:column;gap:var(--l);}
.steps-intro h2{font-size:24px;line-height:1.1;}
.steps-intro p{font-size:16px;line-height:1.2;white-space:pre-line;}
.steps-note{flex:1 0 0;max-width:400px;min-width:280px;display:flex;align-items:flex-end;}
.steps-note p{font-size:14px;line-height:1.2;white-space:pre-line;}
.steps-note b{font-weight:700;}
.stepcol{flex:1 0 0;max-width:400px;min-width:280px;display:flex;flex-direction:column;gap:var(--l);}
.stepcol h3{font-size:20px;line-height:1.1;}
.step{display:flex;gap:var(--s);padding-bottom:10px;}
.step.step-lead{padding-bottom:var(--l);}
.step-num{flex:0 0 16px;font-size:16px;line-height:1.2;color:var(--accent);}
.step-body{flex:1 0 0;display:flex;flex-direction:column;gap:var(--m);align-items:flex-start;font-size:16px;line-height:1.2;}
.step-body p{white-space:pre-line;}
.step-body a.u{text-decoration:underline;}

/* values-list (nagłówek + wartości, dowolna liczba) — 111:1815 */
.sec-values{padding:var(--xl) var(--s);display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--l) var(--s);}
.values-head{flex:1 0 0;min-width:280px;font-size:24px;line-height:1.1;}
.values-list{flex:1 0 0;min-width:280px;display:flex;flex-direction:column;gap:var(--xl);}
.value{display:flex;flex-direction:column;gap:var(--m);}
.value h4{font-size:20px;line-height:1.1;font-weight:400;color:var(--accent);}
.value .separator{background:var(--accent);}
.value p{font-size:16px;line-height:1.2;color:var(--ink);max-width:400px;}

/* duo-cards (dwie karty: wariant accent / surface) — 111:1834 */
.sec-duo{padding:var(--s) 0;display:flex;flex-wrap:wrap;gap:var(--s);}
.duo-card{flex:1 0 0;min-width:300px;height:800px;padding:var(--m);
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--l);}
.duo-card .value h4{font-size:24px;}
.duo-card .duo-text{font-size:16px;line-height:1.2;max-width:400px;white-space:pre-line;}
.duo-accent{background:var(--accent);color:var(--ink-inverted);}
.duo-accent .value h4,.duo-accent .value p{color:var(--ink-inverted);}
.duo-accent .value .separator{background:var(--ink-inverted);}
.duo-surface{background:var(--surface);color:var(--accent);}
.duo-surface .value h4,.duo-surface .value p{color:var(--accent);}

/* accordion — 103:4758 (bez linii; tytuł 16, toggle 24 Light akcent, opis ink-soft) */
.acc{padding-bottom:10px;}
.acc-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s);
  width:100%;padding:0;background:none;border:0;font:inherit;font-size:16px;line-height:1.2;
  color:var(--ink);cursor:pointer;text-align:left;}
.acc-row .acc-label{flex:1 0 0;max-width:320px;}
.acc-toggle{position:relative;flex:0 0 auto;width:15px;height:15px;}
.acc-toggle::before,.acc-toggle::after{content:"";position:absolute;left:0;top:50%;
  width:15px;height:1.5px;background:var(--accent);transform:translateY(-50%);}
.acc-toggle::after{transform:translateY(-50%) rotate(90deg);transition:transform .18s,opacity .18s;}
.acc.open .acc-toggle::after{transform:translateY(-50%) rotate(0deg);opacity:0;}
.acc-body{display:none;}
.acc.open{padding-bottom:var(--m);}
.acc.open .acc-body{display:block;padding-top:var(--s);}
.acc-body p{font-size:16px;line-height:1.2;color:var(--ink-soft);max-width:320px;margin:0;}
.acc-body .link-list{padding-top:0;}
.acc.acc-links.open{padding-bottom:0;}
.acc.acc-links.open .acc-body{padding-top:var(--m);}
.acc-link{display:block;font-size:14px;line-height:1.1;color:var(--ink-soft);padding-bottom:var(--m);}
.acc-link:hover{color:var(--accent);}

/* article-card — 114:2488 (obraz w tle, gradient od góry, tekst biały, przycisk na hover) */
.article-row{display:flex;gap:var(--s);overflow-x:auto;scrollbar-width:none;}
.article-row::-webkit-scrollbar{display:none;}
.article-card{position:relative;flex:0 0 320px;width:320px;height:400px;padding:var(--m);
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
  color:var(--ink-inverted);background:var(--ink);}
.article-card .ac-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.article-card .ac-scrim{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 52.5%);}
.ac-top{position:relative;display:flex;flex-direction:column;gap:var(--m);}
.ac-date{font-size:12px;line-height:1.2;}
.ac-titles{display:flex;flex-direction:column;gap:var(--s);}
.ac-title{font-size:20px;line-height:1.1;font-weight:400;}
.ac-lead{font-size:16px;line-height:1.2;}
.ac-btn{position:relative;width:32px;height:32px;border-radius:20px;background:var(--surface);
  display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:16px;
  opacity:0;transition:opacity .2s;}
.article-card:hover .ac-btn{opacity:1;}
.sec-articles{padding:var(--xl) 0;display:flex;flex-direction:column;gap:var(--l);}
.headline-pad{padding:var(--m);font-size:24px;line-height:1.1;}

/* split-accordion: karta surface (tekst 24 + akordeony) + zdjęcie — 111:1668 */
.sec-split{padding:var(--xl) 0;display:flex;flex-wrap:wrap;gap:var(--s);}
.split-card{flex:1 1 calc(50% - 5px);min-width:280px;height:800px;padding:var(--m);background:var(--surface);
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--l);}
.split-text{font-size:24px;line-height:1.1;max-width:400px;white-space:pre-line;}
.split-media{flex:1 1 calc(50% - 5px);min-width:280px;height:800px;position:relative;overflow:hidden;background:var(--ink);}
.split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* triple-promo: kolumna tekstu + 2 zdjęcia, wyrównane do dołu — 111:1681 */
.sec-triple{padding:var(--xl) 0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--l) var(--s);}
.triple-col{flex:1 0 0;min-width:280px;height:680px;}
.triple-text{padding:var(--m);display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);}
.triple-head{display:flex;flex-direction:column;gap:var(--m);max-width:400px;}
.triple-head h3{font-size:20px;line-height:1.1;font-weight:400;}
.triple-head p{font-size:16px;line-height:1.2;}
.triple-foot{display:flex;flex-direction:column;gap:var(--l);align-items:flex-start;max-width:380px;}
.triple-foot .note{font-size:16px;line-height:1.2;}
.triple-foot .note .acc-color{color:var(--accent);}
.triple-media{position:relative;overflow:hidden;background:var(--ink);}
.triple-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
@media (max-width:1080px){.split-card,.split-media{height:auto;min-height:480px;}
  .triple-col{height:420px;}.triple-text{height:auto;min-height:420px;}}

/* link-groups (kolumny grup linków: linki-i-kontakty, zasoby) */
.cols-page{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s);min-height:100svh;padding-bottom:var(--s);}
.col-card{background:var(--surface-soft);padding:var(--m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--xl);}
.col-accent{background:var(--accent);color:var(--ink-inverted);}
.col-accent>h4{color:var(--ink-inverted);}
.col-accent .link-row,.col-accent .link-row:hover .link-label{color:var(--ink-inverted);}
.col-accent .link-ico{filter:brightness(0) invert(1);}
.col-card>h4{font-size:14px;font-weight:500;color:var(--accent);}
.col-groups{display:flex;flex-direction:column;gap:var(--l);}
.col-stack{display:flex;flex-direction:column;gap:var(--s);min-width:0;}
.col-stack .col-card{flex:1;}
.col-media{position:relative;overflow:hidden;background:var(--ink);flex:1;min-height:280px;}
.col-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

@media (max-width:1080px){
  .cols-page,.numlists-cols,.numlists-intro,.values,.cta-cards,.media-text,.grid-2{grid-template-columns:1fr;}
  .mt-card{min-height:0;}
  .media-text.flip .mt-media{order:0;}
  .hero-card{min-height:70svh;}
}

/* ═══ Klocki treści (sloty buildera) — wartości 1:1 z sekcjami ═══ */
/* Nagłówek i akapity pod nim stoją w jednym opakowaniu — dokładnie tak,
   jak `.triple-head` w sekcji „tekst z przyciskiem + 2 zdjęcia". Karty
   slotów rozkładają dzieci na całą swoją wysokość, więc bez tego
   opakowania nagłówek uciekał na górę, a akapit w środek karty. Odstęp
   wewnątrz grupy to `--m` (20) — ta sama miara, co w triple-head. */
.b-group{display:flex;flex-direction:column;gap:var(--m);max-width:400px;}
.b-h{font-weight:400;line-height:1.1;max-width:400px;white-space:pre-line;}
.b-h.s24{font-size:24px;}
.b-h.s20{font-size:20px;}
.b-h.s16{font-size:16px;font-weight:500;}
.b-p{font-size:16px;line-height:1.2;white-space:pre-line;max-width:400px;}
.b-p.s14{font-size:14px;}
.b-p.soft{color:var(--ink-soft);}

/* pasek trybu podglądu — poza przepływem, żeby nie liczył się jako sekcja strony */
.preview-bar{position:absolute;left:0;width:100%;z-index:99;
  background:#1555A5;color:#fff;padding:10px 20px;font-size:14px;text-align:center}

/* hero wpisu: zdjęcie zajmuje najwyżej 60% wysokości sekcji, reszta na tytuł i lead */