/* ===== Fonty ===== */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/anton-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/anton-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-400-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-400-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/noto-sans-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/noto-sans-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ===== Tokeny ===== */
:root{
  --u:min(calc(min(100vw,1440px)/1440),max(calc(100vh/762),.75px)); /* zapas bez JS – właściwą wartość ustawia js/scale.js */
  --fs-min:12px; /* najmniejszy tekst na małych ekranach */
  --red:#e00a1e; --red-dark:#b80818; --ink:#000; --gray-bg:#f7f7f6; --box-bg:#f2f2f2; --card-bg:#f6f6f6;
  --input:#6b6b6b; --placeholder:#dadada; --muted:#6b6b6b; --dot:#d9d9d9; --magenta:#ad1a62;
  --f-display:'Anton',Impact,'Arial Narrow',sans-serif;
  --f-body:'Noto Sans',system-ui,-apple-system,Roboto,Arial,sans-serif; /* ta sama czcionka na każdym systemie */
  --f-nav:'Inter','Segoe UI',system-ui,sans-serif;
  --f-foot:'Source Sans 3','Segoe UI',system-ui,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--f-body);font-size:calc(18*var(--u));line-height:1.25;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:none;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
.red{color:var(--red)}
.b{font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;left:16px;top:16px;z-index:100;width:auto;height:auto;clip:auto;padding:12px 18px;background:#fff;color:#000;font-weight:700;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.2)} /* „Przejdź do treści” widoczny po Tab */
.wrap{position:relative;width:calc(1440*var(--u));margin:0 auto}
.only-m{display:none}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* „Partner medialny” w hero strony głównej (na telefonie pod tekstem, nad przyciskami) */
#p-home .partner-m{display:flex;align-items:center}
#p-home .partner-m span{font-family:var(--f-nav);font-weight:600;text-transform:uppercase}
/* Logo WP Kobieta to PNG – w pudełku o innych proporcjach nie rozciąga się (tak jak wcześniej SVG) */
#p-home .partner-m img,.partner--kob img,.f-logos .logo-kob{object-fit:contain}

/* Typografia */
.display{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:calc(105*var(--u));font-size:calc(98*var(--u))}
.sec-title{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:calc(52*var(--u));line-height:calc(57*var(--u))}
.num{font-family:var(--f-display);color:var(--red);line-height:1}

/* Przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--red);color:#fff;font-family:var(--f-body);font-weight:700;text-transform:uppercase;border-radius:calc(6*var(--u));border:calc(1.5*var(--u)) solid var(--red);box-shadow:0 calc(4*var(--u)) calc(10*var(--u)) rgba(0,0,0,.22);transition:background .15s,transform .15s,box-shadow .15s;cursor:pointer;line-height:1.1}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(calc(-1*var(--u)));box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(0,0,0,.25)}
.why .para p+p{margin-top:.75em} /* akapity „Dlaczego ta akcja?” (O akcji) */
.btn--outline{background:#fff;color:var(--red);border-color:var(--red)}
.btn--outline:hover{background:#fff4f5;color:var(--red-dark)}
.btn--dark-outline{background:#fff;color:#000;border-color:#000}
.btn--dark-outline:hover{background:#fafafa}
.btn--lg{width:calc(393*var(--u));height:calc(66*var(--u));font-size:calc(18*var(--u))}
.btn--md{width:calc(280*var(--u));height:calc(54*var(--u));font-size:calc(19*var(--u))}
.btn--sm{width:calc(240*var(--u));height:calc(43*var(--u));font-size:calc(17*var(--u))}

/* ===== Nagłówek ===== */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 -2px 0 #fff} /* cień zakrywa szczelinę nad nagłówkiem przy przewijaniu (iOS) */
.site-header .wrap{height:calc(80*var(--u))}
.brand{position:absolute;left:calc(81*var(--u));top:calc(19*var(--u));display:flex;align-items:center}
.brand .logo-gw{width:calc(125*var(--u));height:calc(41*var(--u))}
.brand .x{font-family:var(--f-nav);font-size:calc(13*var(--u));margin:0 calc(18*var(--u)) 0 calc(19*var(--u));color:#000}
.brand .logo-wp{width:calc(60*var(--u));height:calc(35*var(--u))}
.nav{position:absolute;right:calc(54*var(--u));top:calc(17*var(--u));display:flex;align-items:center;font-family:var(--f-nav);font-weight:700;font-size:max(var(--fs-min),calc(13*var(--u)));text-transform:uppercase;letter-spacing:calc(-.1*var(--u))}
.nav>li{position:relative}
.nav>li>a,.nav>li>button{display:flex;align-items:center;height:calc(44*var(--u));padding:0 calc(14*var(--u));font-weight:700;text-transform:uppercase;white-space:nowrap}
.nav>li>a:hover,.nav>li>button:hover,.nav>li>a.is-current{color:var(--red)}
.nav .chev{width:calc(7*var(--u));height:calc(5*var(--u));margin-left:calc(4*var(--u));margin-top:calc(1*var(--u))}
.nav .nav-cta{margin-left:calc(15*var(--u));background:var(--red);color:#fff;border-radius:calc(22*var(--u));width:calc(162*var(--u));justify-content:center;padding:0;box-shadow:0 calc(2*var(--u)) calc(6*var(--u)) rgba(0,0,0,.12)}
.nav .nav-cta:hover{background:var(--red-dark);color:#fff}
.dropdown{position:absolute;top:calc(44*var(--u));left:0;min-width:calc(230*var(--u));background:#fff;border-radius:calc(8*var(--u));box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(0,0,0,.14);padding:calc(8*var(--u)) 0;opacity:0;visibility:hidden;transform:translateY(calc(6*var(--u)));transition:.15s}
.has-dd.is-open .dropdown,.has-dd:hover .dropdown,.has-dd:focus-within .dropdown{opacity:1;visibility:visible;transform:none}
.nav:has(.has-dd:hover) .has-dd:not(:hover) .dropdown{opacity:0;visibility:hidden;transform:translateY(calc(6*var(--u)))} /* najechanie na drugie podmenu chowa pierwsze, także otwarte kliknięciem */
.dropdown a{display:block;padding:calc(11*var(--u)) calc(18*var(--u));font-size:max(var(--fs-min),calc(13*var(--u)))}
.dropdown a:hover,.dropdown a.is-current{color:var(--red);background:#fafafa}
.burger{display:none}
.mnav{display:none}

/* ===== Stopka ===== */
.site-footer{background:var(--gray-bg);font-family:var(--f-foot);color:var(--muted)}
.f-logos{display:flex;align-items:center}
.f-logos .kob-wrap{display:flex;align-items:center}
.f-logos .logo-wp{width:calc(55*var(--u));height:calc(32*var(--u))}
.f-logos .logo-gw{width:calc(86*var(--u));height:calc(28*var(--u))}
.f-logos .logo-kob{width:calc(56*var(--u));height:calc(40*var(--u))}
.f-logos .sep{color:#9a9a9a;margin:0 calc(15*var(--u));font-size:calc(16*var(--u))}
.f-logos .pm{margin-left:calc(17*var(--u));color:#000;font-size:max(var(--fs-min),calc(16*var(--u)));line-height:calc(16*var(--u));text-transform:uppercase;white-space:nowrap}
.f-cols{display:flex}
.f-cols li{white-space:nowrap}
.f-cols a:hover{color:var(--red)}
.f-cols .f-h{font-weight:700} /* „Kontakt” nad adresem – ten sam co „skontaktuj się z nami” w FAQ */
.f-social{display:flex;gap:calc(14*var(--u))} /* LinkedIn, Facebook, Instagram pod opisem kampanii */
.f-social a{display:block;padding:calc(6*var(--u));margin:calc(-6*var(--u));color:var(--muted);transition:color .2s} /* większe pole kliknięcia bez zmiany odstępów */
.f-social a:hover,.f-social a:focus-visible{color:var(--red)}
.f-social svg{display:block;width:max(18px,calc(22*var(--u)));height:max(18px,calc(22*var(--u)))} /* na laptopie 1024 nie mniejsze niż 18 px */
.page,.site-footer{overflow-x:clip}
main{overflow-x:clip} /* nic nie wystaje poza ekran w bok (bez poziomego przewijania) */

/* ===== Formularze ===== */
.form label.lbl{display:block;font-weight:700;font-size:max(var(--fs-min),calc(15*var(--u)));line-height:calc(20*var(--u));margin-bottom:calc(8*var(--u))}
.field{margin-bottom:calc(23*var(--u))}
.form input[type=text],.form input[type=email],.form input[type=tel],.form select,.form textarea{width:100%;height:calc(49*var(--u));border:0;border-radius:calc(6*var(--u));background:var(--input);color:#fff;font-family:var(--f-body);font-size:calc(17*var(--u));padding:0 calc(16*var(--u));outline:none;transition:box-shadow .15s,background .15s;appearance:none;-webkit-appearance:none}
.form textarea{height:calc(145*var(--u));padding:calc(13*var(--u)) calc(16*var(--u));resize:vertical;line-height:calc(24*var(--u))}
.form select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23dadada' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(18*var(--u)) center;background-size:calc(12*var(--u)) calc(8*var(--u))}
.form select:has(option[value=""]:checked){color:var(--placeholder)}
.form select option{color:#000;background:#fff}
.form ::placeholder{color:var(--placeholder);opacity:1}
.form input:focus,.form select:focus,.form textarea:focus{box-shadow:0 0 0 calc(3*var(--u)) rgba(224,10,30,.45);background-color:#5d5d5d} /* sam kolor – skrót background kasował strzałkę listy (select) */
.form .is-invalid{box-shadow:0 0 0 calc(2*var(--u)) var(--red)!important}
.check{display:flex;gap:calc(12*var(--u));align-items:flex-start;font-size:max(var(--fs-min),calc(15*var(--u)));line-height:calc(20*var(--u));cursor:pointer;margin-bottom:calc(12*var(--u))}
.check input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:calc(14*var(--u));height:calc(14*var(--u));margin:calc(3*var(--u)) 0 0;border:calc(1*var(--u)) solid #555;border-radius:calc(2*var(--u));background:#fff;cursor:pointer;display:grid;place-content:center}
.check input:checked{background:var(--red);border-color:var(--red)}
.check input:checked::after{content:"";width:calc(4*var(--u));height:calc(8*var(--u));border:solid #fff;border-width:0 calc(2*var(--u)) calc(2*var(--u)) 0;transform:rotate(45deg) translate(calc(-1*var(--u)),calc(-1*var(--u)))}
.check input.is-invalid{outline:calc(2*var(--u)) solid var(--red);outline-offset:calc(1*var(--u))}
.form .check input:focus{box-shadow:none} /* kliknięta kratka bez czerwonej poświaty i szarego tła pól (zjadały odstęp do tekstu); z klawiatury zostaje obrys :focus-visible */
.form .check input:focus:not(:checked){background:#fff}
.check a{text-decoration:underline}
.form-note{font-size:max(var(--fs-min),calc(13*var(--u)));color:var(--muted);text-align:center}
.form-info{list-style:decimal;margin-bottom:calc(12*var(--u));padding-left:calc(20*var(--u));font-size:max(var(--fs-min),calc(14*var(--u)));line-height:1.35;text-align:left} /* wskazówki nad opisem sytuacji (Zgłoś mobbing) */
.form-info li+li{margin-top:calc(6*var(--u))}
.form-rodo{margin-top:calc(16*var(--u));font-size:max(var(--fs-min),calc(12.5*var(--u)));line-height:1.4;color:var(--muted);text-align:left} /* klauzula informacyjna RODO pod przyciskiem – cała na wierzchu, bez rozwijania */
.form-rodo p+p{margin-top:calc(6*var(--u))}
.form-rodo a{text-decoration:underline}
.rodo-more summary{display:inline-flex;align-items:center;gap:.35em;margin-top:calc(6*var(--u));color:var(--muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;list-style:none} /* „Czytaj więcej” pod 2 pierwszymi akapitami klauzuli */
.rodo-more summary::-webkit-details-marker{display:none}
.rodo-more summary::after{content:"";width:.4em;height:.4em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-25%) rotate(45deg);transition:transform .2s}
.rodo-more[open] summary::after{transform:translateY(15%) rotate(-135deg)}
.rodo-more summary:hover{color:var(--ink)}
.rodo-more .rm-close,.rodo-more[open] .rm-open{display:none}
.rodo-more[open] .rm-close{display:inline}
.rodo-more p{margin-top:calc(6*var(--u))}
.rodo-more::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s allow-discrete} /* płynne rozsuwanie tam, gdzie przeglądarka to obsługuje */
.rodo-more[open]::details-content{block-size:auto}
:root{interpolate-size:allow-keywords}
.form-error{color:var(--red);font-size:max(var(--fs-min),calc(14*var(--u)));margin-top:calc(10*var(--u));min-height:calc(18*var(--u));text-align:center}
.form-success{display:none;text-align:center;padding:calc(40*var(--u)) calc(20*var(--u));border-radius:calc(12*var(--u));background:var(--card-bg)}
.form-success h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:calc(40*var(--u));line-height:calc(46*var(--u));margin-bottom:calc(12*var(--u))}
.form-success p{font-size:calc(18*var(--u));line-height:calc(26*var(--u))}
.form.is-sent .form-body{display:none}
.form.is-sent .form-success{display:block}
/* po wysłaniu formularza teksty .dl-ask zamieniają się na .dl-done (tytuł, a w Zgłoś mobbing także opis);
   pobranie raportu: podziękowanie bez szarego okienka; Zgłoś mobbing: karta z numerem zgłoszenia (niżej) */
.dl-done{display:none}
:is(.dl,.report):has(.form.is-sent) .dl-ask{display:none}
:is(.dl,.report):has(.form.is-sent) .dl-done{display:inline}
.dl .form-success{background:none;padding:0;border-radius:0}
.dl .form-success p{font-weight:700}

/* ===== Zgłoś mobbing: karta podziękowania zamiast pól (czerwona plama z ptaszkiem jak w krokach, numer zgłoszenia, linki dalej) ===== */
.report .sec-title{scroll-margin-top:calc(110*var(--u))} /* po wysłaniu js przewija do „Dziękujemy za zgłoszenie” */
.report .form-success{text-align:left;padding:calc(40*var(--u)) calc(52*var(--u)) calc(46*var(--u));border-radius:calc(16*var(--u))}
.ok-dot{position:relative;width:calc(110*var(--u));height:calc(100*var(--u));margin:0 0 calc(14*var(--u)) calc(-8*var(--u))}
.ok-dot img{position:absolute;left:50%;top:50%;width:calc(176*var(--u));height:calc(176*var(--u));transform:translate(-50%,-50%);pointer-events:none}
.ok-dot svg{position:absolute;left:50%;top:50%;width:calc(54*var(--u));height:calc(54*var(--u));transform:translate(-50%,-50%);fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.ok-title:focus{outline:none} /* fokus ustawia skrypt – dla czytników ekranu, bez ramki */
.report .ok-lead{font-size:calc(20*var(--u));line-height:calc(28*var(--u))}
.ok-ref{margin:calc(26*var(--u)) 0 calc(22*var(--u));padding:calc(16*var(--u)) calc(22*var(--u)) calc(18*var(--u));background:#fff;border:calc(1.5*var(--u)) dashed #c9c9c9;border-radius:calc(10*var(--u))}
.report .ok-ref-l{font-size:max(var(--fs-min),calc(12*var(--u)));line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.report .ok-ref-n{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8*var(--u)) calc(16*var(--u));margin:calc(4*var(--u)) 0 calc(8*var(--u));font-size:calc(26*var(--u));line-height:1.25;letter-spacing:.04em}
.ok-copy{display:inline-flex;align-items:center;gap:calc(6*var(--u));padding:calc(6*var(--u)) calc(10*var(--u));border:calc(1.5*var(--u)) solid var(--red);border-radius:calc(6*var(--u));background:#fff;color:var(--red);font:700 max(var(--fs-min),calc(13*var(--u)))/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.ok-copy:hover{background:#fff4f5}
.ok-copy[hidden]{display:none}
.ok-copy svg{width:calc(15*var(--u));height:calc(15*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.report .ok-ref-d{font-size:max(var(--fs-min),calc(14*var(--u)));line-height:1.4;color:var(--muted)}
.ok-ref-d a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;white-space:nowrap} /* adres nie łamie się na myślniku */
.report .ok-next{font-size:calc(17*var(--u));line-height:calc(25*var(--u))}
.ok-cta{display:flex;flex-wrap:wrap;gap:calc(14*var(--u));margin-top:calc(28*var(--u))}
.ok-cta .btn{height:calc(52*var(--u));padding:0 calc(28*var(--u));font-size:calc(16*var(--u))}
/* „Co możesz zrobić już teraz?” – wyróżniony poradnik pod numerem zgłoszenia */
.ok-guide{margin-top:calc(26*var(--u));padding:calc(22*var(--u)) calc(26*var(--u)) calc(26*var(--u));background:#fff;border-left:calc(4*var(--u)) solid var(--red);border-radius:calc(10*var(--u));box-shadow:0 calc(6*var(--u)) calc(18*var(--u)) rgba(0,0,0,.06)}
.ok-guide-t{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:calc(28*var(--u));line-height:calc(32*var(--u))}
.report .ok-guide p{margin-top:calc(10*var(--u));font-size:calc(16*var(--u));line-height:calc(24*var(--u))}
.ok-guide .ok-cta{margin-top:calc(20*var(--u))}

/* ===== Zgłoś mobbing: 4 kroki nad formularzem (plamy img/home-plama-*.webp, ikony w HTML) ===== */
.steps{position:relative;z-index:2} /* dymek przy kroku 1 nachodzi na sekcję niżej */
.steps .step{position:relative} /* .steps – w teście .step to licznik pytań */
.steps-note{grid-column:1 / -1;text-align:center;font-style:italic;color:#444;margin-top:calc(24*var(--u));font-size:max(var(--fs-min),calc(16*var(--u)));line-height:1.35} /* komunikat pod krokami: ostatni element listy, bez roli pozycji */
.step-dot{position:relative;flex:0 0 auto}
.step-dot img{position:absolute;left:50%;top:50%;width:var(--plama);height:var(--plama);transform:translate(-50%,-50%);pointer-events:none}
.step-dot svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:none;stroke:#fff;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}
.step-n{position:absolute;display:grid;place-items:center;padding-right:.08em;background:#000;color:#fff;font-family:var(--f-display);font-style:italic;line-height:1;transform:rotate(-7deg);clip-path:polygon(6% 4%,30% 0,58% 5%,86% 1%,100% 10%,96% 38%,100% 66%,95% 94%,70% 100%,42% 95%,14% 100%,0 90%,4% 60%,0 30%)}
/* nazwa kroku: czarny napis pod plamą */
.step-t{display:inline-block;font-family:var(--f-display);font-weight:400;line-height:1.2;white-space:nowrap}
.step-opt{position:absolute}
.step-opt,.faq-opt{background:#dcdcdc;color:#222;font-weight:700;font-style:italic;white-space:nowrap;transform:rotate(-7deg);clip-path:polygon(2% 10%,30% 0,60% 6%,98% 0,100% 40%,97% 70%,100% 100%,62% 94%,30% 100%,0 92%,3% 50%)}
/* „i” przy kroku 1: dymek po najechaniu, Tab albo kliknięciu (dotyk – js/main.js) */
.tip{position:relative;display:inline-block;vertical-align:middle}
.tip-btn{display:block;color:#333;border-radius:50%;transition:color .15s}
.tip-btn:hover,.tip.is-open .tip-btn{color:var(--red)}
.tip-btn svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.tip-btn .dot-i{fill:currentColor}
.tip-box{position:absolute;z-index:5;background:#2c3e50;color:#fff;font-weight:700;text-align:left;white-space:normal;box-shadow:0 calc(8*var(--u)) calc(24*var(--u)) rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}
.tip-box::before{content:"";position:absolute;bottom:100%;border-style:solid;border-color:transparent transparent #2c3e50}
@media (hover:hover){.tip:hover .tip-box{opacity:1;visibility:visible}}
.tip-btn:focus-visible+.tip-box,.tip.is-open .tip-box{opacity:1;visibility:visible}
.tip.is-shut .tip-box{opacity:0;visibility:hidden} /* po Escape */
.report .intro p+p{margin-top:.6em}
.report .intro b{color:var(--red)}

/* ===== Licznik zgłoszeń z poprzedniej kampanii (Zgłoś mobbing): duża liczba + podpis obok ===== */
.tally{display:flex;align-items:center}
.tally[hidden]{display:none}
.tally-n{display:inline-block;flex:0 0 auto;font-family:var(--f-display);color:var(--red);line-height:1;text-align:right} /* do prawej – w trakcie liczenia cyfry stoją przy podpisie */
.tally-l{font-weight:700;text-align:left}
/* test: licznik wypełnień jako czerwone przedłużenie karty – wchodzi pod jej zaokrąglony dół, sam kończy się takimi samymi rogami */
.quiz-tally{position:relative;z-index:1;background:var(--red);color:#fff}
.quiz-tally .tally-n{color:#fff}

/* ===== FAQ (strona główna, na końcu – pod formularzem zgłoszenia): <details name="faq"> – otwarte jedno pytanie naraz; płynne rozsuwanie dokłada js/main.js ===== */
.faq{position:relative;background:#fff} /* bez overflow:hidden – inaczej zdjęcie nie jedzie za przewijaniem (sticky) */
.faq .sec-title{line-height:1.22} /* ogonek „Ę” w „najczęściej” nie wchodzi na drugą linię */
.faq-intro a,.faq-a a{color:var(--red);text-decoration:underline}
.faq-list details{background:#fff;border:1px solid #ececec;border-radius:calc(8*var(--u));box-shadow:0 calc(2*var(--u)) calc(14*var(--u)) rgba(0,0,0,.08)}
.faq-list summary{display:flex;align-items:center;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 10%27%3E%3Cpath d=%27M1.5 1.5l6.5 6.5 6.5-6.5%27 fill=%27none%27 stroke=%27%23e00a1e%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .2s}
.faq-list details[open]:not(.is-closing) summary::after{transform:rotate(180deg)} /* .is-closing – strzałka obraca się od razu, gdy pytanie się zwija (js/main.js) */
.faq-n{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:700;line-height:1}
.faq-q{flex:1 1 auto;font-weight:700}
.faq-opt{flex:0 0 auto}
.faq-a{background:#f2f2f2}

/* ===== Statystyki / boksy (Raport, Pracodawcy) ===== */
.stats{display:grid;grid-template-columns:repeat(3,calc(250*var(--u)));justify-content:center;column-gap:calc(28*var(--u));row-gap:calc(16*var(--u));text-align:center}
.stat .n{font-family:var(--f-display);color:var(--red);font-size:calc(74*var(--u));line-height:calc(86*var(--u));white-space:nowrap} /* „18–29 lat” w jednej linii */
.stat .l{font-size:max(var(--fs-min),calc(15*var(--u)));line-height:max(1.2em,calc(18*var(--u)));margin-top:calc(4*var(--u));padding:0 calc(40*var(--u))}
.boxes{display:grid;grid-template-columns:calc(577*var(--u)) calc(577*var(--u));gap:calc(20*var(--u)) calc(28*var(--u));justify-content:center}
.box{display:flex;background:var(--box-bg);height:calc(194*var(--u));padding:calc(36*var(--u)) calc(30*var(--u)) 0 calc(33*var(--u))}
.box .num{font-size:calc(76*var(--u));width:calc(115*var(--u));flex:0 0 auto;line-height:calc(76*var(--u))}
.box h3{font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;margin-top:calc(2*var(--u))}
.box p{font-size:calc(24*var(--u));line-height:calc(24*var(--u));margin-top:calc(3*var(--u))}

/* WiseRabbit – partner badawczy, mały wyśrodkowany podpis „logo | Partner badawczy” pod tytułem formularza raportu (Raport o GenZ, Dla pracodawców) */
.dl-partner{display:flex;align-items:center;justify-content:center}
.dl-partner img{width:auto}
.dl-partner span{border-left:1px solid #cfcfcf;font-family:var(--f-nav);font-weight:600;text-transform:uppercase;color:var(--muted)}

/* ===== Dla pracodawców: O raporcie (szare tło), komentarze ekspertów, terminy przepisów, webinary ===== */
.about-rep{background:var(--gray-bg)}
.rep-name,.rep-q,.ldate h3,.web h4,.xp-name{font-weight:700}
.rep-sub,.more-t{font-family:var(--f-display);font-weight:400;text-transform:uppercase}
/* wszystkie komentarze w jednej komórce siatki – karuzela ma wysokość najdłuższego, kropki nie skaczą */
.xp-track{display:grid}
.xp-slide{grid-area:1/1;display:grid;margin:0;opacity:0;transition:opacity .35s;pointer-events:none}
.xp-slide.is-active{opacity:1;pointer-events:auto}
.xp-photo{grid-area:ph;display:block;justify-self:center;align-self:center;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--red)}
.xp-photo img{width:100%;height:100%;object-fit:cover}
.xp-photo--ph{display:grid;place-items:center;color:#fff;font-family:var(--f-display)} /* inicjały do czasu zdjęcia */
.xp-q{grid-area:q;margin:0;font-weight:700}
.xp-slide figcaption{grid-area:cap;display:flex;flex-direction:column}
.xp-role{color:var(--red);font-style:italic}
.ldate{background:var(--box-bg)}
.ldate-d{display:block;font-family:var(--f-display);color:var(--red);line-height:1}
.web{display:flex;flex-direction:column;align-items:flex-start}
.web-cover{display:grid;place-items:center;width:100%;background:var(--box-bg);font-family:var(--f-display);text-transform:uppercase;color:#cdcdcd}
.web-date{color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.web-d{color:var(--muted)}
.web .btn{margin-top:auto;align-self:center;max-width:100%} /* przycisk zapisu na środku kafelka */

/* ===== Nowe prawo: dopisek pod kafelkami, pod nim osobno źródło, i karta z zachętą do testu (w stylu karty testu) ===== */
.law-note{border-left:calc(4*var(--u)) solid var(--red)}
.law-src{color:var(--muted);font-style:italic}
.law-cta{background:var(--card-bg);text-align:center;box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(0,0,0,.18)}
.law-cta-t{font-weight:700;text-wrap:balance}
.law-cta .btn{margin:0 auto}

/* ===== Kafelki artykułów (Co mogę zrobić) ===== */
.art-img{position:relative;display:block}
.art-tag{position:absolute;left:calc(20*var(--u));top:calc(22*var(--u));font-weight:700;text-transform:uppercase;font-size:calc(18.5*var(--u));line-height:calc(21.5*var(--u));color:#000}
.art-more{position:absolute;right:calc(16*var(--u));bottom:calc(14*var(--u));width:calc(30*var(--u));height:calc(30*var(--u));padding:0;border-radius:50%} /* małe czerwone kółko ze strzałką „otwórz artykuł” (nowa karta) */
.art-more svg{width:calc(13*var(--u));height:calc(13*var(--u));transition:transform .2s}
.art:hover .art-more svg{transform:translate(calc(1.5*var(--u)),calc(-1.5*var(--u)))}
.art:hover .art-more{background:var(--red-dark);border-color:var(--red-dark)}
/* Eksperci (Wiedza ekspertów): najechanie i wybrany ekspert – lekkie powiększenie i czerwony blask po obrysie postaci */
.authors{text-align:center}
.authors .sec-title{text-transform:none}
.author-list{display:flex;justify-content:center;align-items:flex-start}
.author{display:flex;flex-direction:column;align-items:center}
.author-img{display:block;clip-path:inset(-50% -50% 0)} /* blask nie wychodzi spod prosto uciętego dołu zdjęcia */
.author-img img{width:auto;transform-origin:50% 100%;filter:drop-shadow(0 0 0 rgba(224,10,30,0)) drop-shadow(0 0 0 rgba(224,10,30,0));transition:transform .3s,filter .3s}
.author[aria-pressed="true"] .author-img img{transform:scale(1.06);filter:drop-shadow(0 0 calc(5*var(--u)) rgba(224,10,30,.65)) drop-shadow(0 0 calc(16*var(--u)) rgba(224,10,30,.4))}
@media (hover:hover){.author:hover .author-img img{transform:scale(1.06);filter:drop-shadow(0 0 calc(5*var(--u)) rgba(224,10,30,.65)) drop-shadow(0 0 calc(16*var(--u)) rgba(224,10,30,.4))}} /* na dotyku najechanie zostawałoby po odznaczeniu */
.author-name{font-weight:700}
.author-role{font-weight:700;color:var(--red)}
.exp-clear{display:inline-flex;align-items:center;border:calc(1.5*var(--u)) solid #d4d4d4;border-radius:999px;color:var(--muted);font-style:italic;transition:border-color .2s,color .2s}
.exp-clear[hidden]{display:none}
.exp-clear svg{flex:0 0 auto}
.exp-clear:hover{border-color:var(--red);color:var(--red)}
.art-badge{position:absolute;background:var(--red);color:#fff;font-weight:700;border-radius:999px;white-space:nowrap}
.art[hidden]{display:none}
/* Eksperci w kółkach (Wiedza ekspertów – większe, Dla pracodawców – mały wybór), jak w karuzeli „Perspektywa ekspertów”; wybrany = czerwony pierścień zamiast blasku */
:is(.authors--mini,.authors--dots) .author-list{flex-wrap:wrap}
:is(.authors--mini,.authors--dots) .author-img{clip-path:none;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--red);transition:transform .3s,box-shadow .3s}
:is(.authors--mini,.authors--dots) .author .author-img img{width:100%;height:100%;object-fit:cover;filter:none;transform:none}
:is(.authors--mini,.authors--dots) .author[aria-pressed="true"] .author-img{transform:scale(1.06);box-shadow:0 0 0 calc(3*var(--u)) #fff,0 0 0 calc(6*var(--u)) var(--red)}
/* fokus z klawiatury: ciemny pierścień wokół kółka zamiast prostokątnej ramki przycisku (czerwony pierścień = wybrany) */
:is(.authors--mini,.authors--dots) .author:focus-visible{outline:none}
:is(.authors--mini,.authors--dots) .author:focus-visible .author-img{box-shadow:0 0 0 calc(3*var(--u)) #fff,0 0 0 calc(6*var(--u)) #000}
@media (hover:hover){:is(.authors--mini,.authors--dots) .author:hover .author-img{transform:scale(1.06);box-shadow:0 0 0 calc(3*var(--u)) #fff,0 0 0 calc(6*var(--u)) var(--red)}}
.author-img--ph{display:grid;place-items:center;color:#fff;font-family:var(--f-display)} /* inicjały do czasu zdjęcia */
.exp-empty{text-align:center;color:var(--muted)}
/* Powrót na górę (js/main.js) – pojawia się po przewinięciu o ponad ekran, pod menu na telefonie */
.to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--red);box-shadow:0 4px 12px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,visibility .2s,transform .2s,background .15s}
.to-top.is-shown{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--red-dark)}
.to-top svg{width:22px;height:22px}
@media (max-width:1023px){.to-top{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px}}
@keyframes art-in{from{opacity:0;transform:translateY(calc(12*var(--u)))}to{opacity:1;transform:none}}
.art.is-in{animation:art-in .35s ease-out}

/* ===== 404 ===== */
.n404-title{font-family:var(--f-display);font-weight:400;text-transform:uppercase;line-height:1}
.topics{background:var(--gray-bg);text-align:center}
.topic{position:relative;display:grid;align-content:start;background:#fff;border-radius:calc(6*var(--u));box-shadow:0 calc(2*var(--u)) calc(8*var(--u)) rgba(0,0,0,.07);text-align:left;transition:box-shadow .2s,transform .2s}
.topic:hover{box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(0,0,0,.12);transform:translateY(calc(-2*var(--u)))}
.topic-ic{grid-row:span 2;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.topic-t{font-weight:700}
.topic-d{color:var(--muted)}
.topic-go{position:absolute;display:grid;place-items:center;border-radius:50%;background:#efefef;transition:background .2s}
.topic-go svg{width:45%;height:45%;fill:none;stroke:#000;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.topic:hover .topic-go{background:var(--red)}
.topic:hover .topic-go svg{stroke:#fff}

/* ===== Skala odpowiedzi testu ===== */
.opt{cursor:pointer;-webkit-tap-highlight-color:transparent}
.dot{flex:0 0 auto;width:calc(30*var(--u));height:calc(30*var(--u));border-radius:50%;background:#d4d4d4;transition:background .15s,box-shadow .15s,transform .15s}
.opt:hover .dot{background:#fff;box-shadow:inset 0 0 0 calc(3*var(--u)) #f3a3ab}
.opt.is-sel .dot{background:var(--red);box-shadow:none;transform:scale(1.06)}
.opt:focus-visible{outline:none}
.opt:focus-visible .dot{outline:calc(3*var(--u)) solid var(--red);outline-offset:calc(3*var(--u))}
.quiz-res[data-level=none] .res-title{color:#000}
.quiz-head,.quiz-body{display:flow-root}
.quiz-nav{position:relative;display:flex;justify-content:center}
.quiz-nav .btn{text-transform:none}
.quiz-nav svg{flex:0 0 auto}
.quiz-nav .btn[disabled]{opacity:.35;pointer-events:none;box-shadow:none}
.quiz-err{position:absolute;left:0;right:0;bottom:100%;margin-bottom:calc(6*var(--u));color:var(--red);font-weight:700;font-size:max(var(--fs-min),calc(16*var(--u)));line-height:calc(20*var(--u))}
.scale.is-shake{animation:quiz-shake .4s}
@keyframes quiz-shake{20%,60%{transform:translateX(calc(-6*var(--u)))}40%,80%{transform:translateX(calc(6*var(--u)))}}
.res-sec{text-align:left}
.res-sec a{color:var(--red);font-weight:700;text-decoration:underline}
.res-h{display:flex;align-items:center;font-weight:700}
.res-ic{flex:0 0 auto}
.quiz-res .answers svg{flex:0 0 auto}
.res-disc{color:#222}
.quiz [hidden]{display:none!important}
.quiz{scroll-margin-top:96px}
main,section[id]{scroll-margin-top:calc(82*var(--u))} /* kotwice (#main, #zglos, #formularz, #zmiany; formularz na stronie głównej ma własny odstęp przy .report .form) nie chowają się pod nagłówkiem */

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===================================================================
   DESKTOP (>=1024px) – układ 1:1 z makietą 1440
   =================================================================== */
@media (min-width:1024px){
  .abs{position:absolute}
  .site-footer .wrap{height:calc(225*var(--u) + 1.25*max(var(--fs-min),calc(13*var(--u))))} /* + linia o postaciach AI pod f-copy */
  .f-logos{position:absolute;left:calc(75*var(--u));top:calc(41*var(--u))}
  .f-desc{position:absolute;left:calc(75*var(--u));top:calc(94*var(--u));width:calc(320*var(--u));font-size:max(var(--fs-min),calc(15*var(--u)));line-height:calc(22.5*var(--u))}
  .f-social{position:absolute;left:calc(75*var(--u));top:calc(154*var(--u))} /* pod 2 liniami opisu, nad f-copy */
  .f-cols{position:absolute;right:calc(75*var(--u));top:calc(54*var(--u))} /* do prawej krawędzi treści – w lustrze logotypów po lewej */
  .f-cols ul{width:max(calc(170*var(--u)),calc(170/15*var(--fs-min)))} /* rośnie razem z tekstem o minimalnej wielkości */
  .f-cols ul:last-child{width:auto} /* tekst ostatniej kolumny kończy się równo z krawędzią */
  .f-cols .f-contact{width:auto;margin-right:calc(48*var(--u))} /* adres e-mail dłuższy niż kolumna */
  .f-cols li{font-size:max(var(--fs-min),calc(15*var(--u)));line-height:calc(28*var(--u))}
  .f-copy{position:absolute;left:0;right:0;top:calc(196*var(--u));text-align:center;font-size:max(var(--fs-min),calc(13*var(--u)))}
  .lead .red,#p-home .lead .red{display:block}
  .form-error:empty{display:none}
  .form label.lbl{margin-top:calc(13*var(--u))}
  .slide q{max-width:calc(960*var(--u));margin:0 auto;text-wrap:balance} /* najdłuższa historia zajmuje 3 linie */
  .feat h3,.mcard h3,.stat .l{white-space:nowrap}
  .hero{position:relative;overflow:hidden}
  .hero .wrap{height:100%}

  /* --- HOME --- */
  #p-home .hero{height:calc(742*var(--u));overflow:visible}
  #p-home .hero-img{left:calc(645*var(--u));top:calc(-20*var(--u));width:calc(820*var(--u));z-index:0} /* dół zdjęcia chowa się pod sekcją historii */
  #p-home .hero h1{left:calc(72*var(--u));top:calc(75*var(--u));z-index:1}
  #p-home .lead{left:calc(72*var(--u));top:calc(339*var(--u));width:calc(520*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;z-index:1}
  #p-home .partner-m{left:calc(74*var(--u));top:calc(474*var(--u));z-index:1}
  #p-home .partner-m img{width:calc(70*var(--u));height:calc(53*var(--u))}
  #p-home .partner-m span{margin-left:calc(30*var(--u));font-size:calc(12.5*var(--u));line-height:calc(17*var(--u));letter-spacing:calc(5.6*var(--u))}
  #p-home .hero .cta{left:calc(72*var(--u));top:calc(596*var(--u));display:flex;gap:calc(21*var(--u));z-index:2}
  .stories{background:var(--gray-bg);padding-bottom:calc(50*var(--u));text-align:center;position:relative;z-index:1}
  .stories .sec-title{padding-top:calc(50*var(--u))}
  /* wszystkie slajdy w jednej komórce siatki: slider ma wysokość najdłuższej historii, więc podpis nie wjedzie na strzałki */
  .slider{display:grid;margin-top:calc(44*var(--u))}
  .slide{grid-area:1/1;opacity:0;transition:opacity .35s;pointer-events:none}
  .slide.is-active{opacity:1;pointer-events:auto}
  .slide q{display:block;font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;quotes:"\201E" "\201D"}
  .slide .src{display:block;margin-top:calc(24*var(--u));font-size:max(var(--fs-min),calc(13.5*var(--u)));font-style:italic;color:var(--red)}
  .slider-ctrl{display:flex;justify-content:center;gap:calc(10*var(--u));margin-top:calc(21*var(--u))}
  .arr{width:calc(40*var(--u));height:calc(40*var(--u));border-radius:50%;background:var(--red);display:grid;place-items:center;transition:background .15s,transform .15s}
  .arr:hover{background:var(--red-dark);transform:scale(1.06)}
  .arr svg{width:calc(22*var(--u));height:calc(22*var(--u))}
  .dots{display:flex;justify-content:center;gap:calc(6*var(--u));margin-top:calc(35*var(--u))}
  .dots button{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:var(--dot);transition:background .2s,transform .2s}
  .dots button.is-active{background:var(--red);transform:scale(1.12)}

  .employers{height:calc(804*var(--u));position:relative} /* całość 56 wyżej – mniejszy odstęp pod historiami */
  .employers .sec-title{left:calc(90*var(--u));top:calc(60*var(--u))}
  .employers .cd-label{left:calc(84*var(--u));top:calc(157*var(--u));font-size:calc(23*var(--u));line-height:calc(28*var(--u))}
  .countdown{left:calc(84*var(--u));top:calc(188*var(--u));display:grid;grid-template-columns:calc(212*var(--u)) calc(154*var(--u)) calc(170*var(--u)) auto}
  .countdown .unit{display:flex;flex-direction:column}
  .countdown .v{font-family:var(--f-display);font-size:calc(123*var(--u));line-height:calc(110*var(--u));letter-spacing:calc(1*var(--u))}
  .countdown .unit:first-child .v{color:var(--red)}
  .countdown .k{font-size:calc(25*var(--u));line-height:calc(26*var(--u));text-transform:uppercase;margin-top:calc(6*var(--u))}
  .countdown .unit:nth-child(2) .k{margin-left:calc(11*var(--u))}
  .employers .txt{left:calc(78*var(--u));top:calc(376*var(--u));font-size:calc(20*var(--u));line-height:calc(26*var(--u))}
  .employers .cta{left:calc(84*var(--u));top:calc(472*var(--u));display:flex;flex-direction:column;gap:calc(22*var(--u))}
  .employers .img{left:calc(720*var(--u));top:calc(84*var(--u));width:calc(720*var(--u))}

  /* FAQ: lista po lewej, zdjęcie po prawej jedzie za przewijaniem pod nagłówkiem (80) – nie zostaje puste miejsce przy długiej liście */
  .faq .wrap{display:grid;grid-template-columns:calc(680*var(--u)) 1fr;column-gap:calc(30*var(--u));align-items:start;padding:calc(64*var(--u)) 0 calc(64*var(--u)) calc(90*var(--u))}
  .faq-main{min-width:0}
  .faq-intro{margin-top:calc(24*var(--u));width:calc(610*var(--u));font-size:calc(19*var(--u));line-height:calc(27*var(--u))}
  .faq-list{display:grid;gap:calc(10*var(--u));margin-top:calc(28*var(--u))}
  .faq-list summary{gap:calc(18*var(--u));min-height:calc(56*var(--u));padding:calc(10*var(--u)) calc(22*var(--u)) calc(10*var(--u)) calc(18*var(--u))}
  .faq-list summary::after{width:calc(16*var(--u));height:calc(10*var(--u))}
  .faq-n{width:calc(34*var(--u));height:calc(34*var(--u));font-size:calc(17*var(--u))}
  .faq-q{font-size:calc(18*var(--u));line-height:calc(24*var(--u))}
  .faq-opt{padding:calc(4*var(--u)) calc(12*var(--u));font-size:max(var(--fs-min),calc(13*var(--u)))}
  .faq-a{margin:0 calc(18*var(--u)) calc(18*var(--u));padding:calc(14*var(--u)) calc(20*var(--u));border-radius:calc(6*var(--u));font-size:calc(16*var(--u));line-height:calc(24*var(--u))}
  .faq-img{position:sticky;top:calc(100*var(--u));justify-self:center;width:calc(580*var(--u))}

  .report{overflow:clip;position:relative} /* clip zamiast hidden – inaczej zdjęcie nie jedzie za przewijaniem (sticky); kroki na białym – szare są historie tuż nad nimi */
  .report .wrap{display:grid;grid-template-columns:calc(563*var(--u)) calc(768*var(--u));align-items:start;min-height:calc(1322*var(--u))} /* 874 + 448 na kroki nad tytułem; zdjęcie i formularz w układzie, więc z klauzulą RODO sekcja rośnie */
  .report .sec-title{left:calc(82*var(--u));top:calc(495*var(--u))}
  .report .intro{left:calc(83*var(--u));top:calc(584*var(--u));width:calc(440*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u));text-wrap:balance} /* bez sierot („stanowisko.” samo w linii) */
  .report .tally{left:calc(83*var(--u));top:calc(800*var(--u));gap:calc(18*var(--u))}
  .tally-n{font-size:calc(84*var(--u))}
  .tally-l{font-size:calc(18*var(--u));line-height:calc(23*var(--u))}
  .report .img{position:sticky;top:calc(100*var(--u));grid-area:1 / 1;margin:calc(930*var(--u)) 0 0 calc(21*var(--u));width:calc(505*var(--u))} /* jak zdjęcie w FAQ: jedzie za przewijaniem obok długiego formularza */
  .report .form{position:relative;grid-area:1 / 2;margin-top:calc(590*var(--u));padding-bottom:calc(72*var(--u));width:calc(768*var(--u));scroll-margin-top:calc(224*var(--u))} /* /#formularz: nad formularzem widać tytuł „Zgłoś mobbing”, kroki zostają nad ekranem */
  .report:has(.form.is-sent) .img{margin-top:calc(700*var(--u))} /* licznik znika – zdjęcie podjeżdża pod opis */
  /* kroki: 4 kolumny co 340, między plamami strzałka (linia + czerwone »») */
  .report .steps{left:calc(78*var(--u));top:calc(68*var(--u));display:grid;grid-template-columns:repeat(4,calc(264*var(--u)));column-gap:calc(76*var(--u));text-align:center;--plama:calc(270*var(--u))}
  .steps .step{display:flex;flex-direction:column;align-items:center}
  .steps .step:has(+ .step)::after{content:"";position:absolute;left:calc(216*var(--u));top:calc(60*var(--u));width:calc(172*var(--u));height:calc(30*var(--u));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176 30'%3E%3Cpath d='M0 15h62M114 15h62' stroke='%23111' stroke-width='3'/%3E%3Cpath d='M66 1h12l14 14-14 14H66l14-14zM84 1h12l14 14-14 14H84l14-14z' fill='%23f20105'/%3E%3C/svg%3E") no-repeat center/100% 100%}
  .step-dot{width:calc(170*var(--u));height:calc(150*var(--u))}
  .step-dot svg{width:calc(78*var(--u));height:calc(78*var(--u))}
  .step-n{left:calc(14*var(--u));top:calc(6*var(--u));width:calc(46*var(--u));height:calc(46*var(--u));font-size:calc(36*var(--u))}
  .step-t{margin-top:calc(24*var(--u));font-size:calc(26*var(--u))} /* odstęp od plamy (jej zacieki wychodzą pod ramkę) */
  .step-d{margin-top:calc(6*var(--u));font-size:calc(18*var(--u));line-height:calc(23*var(--u))}
  .step-opt{left:calc(188*var(--u));top:calc(14*var(--u));padding:calc(5*var(--u)) calc(14*var(--u));font-size:max(var(--fs-min),calc(15*var(--u)))}
  .tip{margin-left:calc(8*var(--u))}
  .tip-btn svg{width:calc(22*var(--u));height:calc(22*var(--u))}
  .tip-box{left:calc(-14*var(--u));top:calc(100% + 14*var(--u));width:calc(330*var(--u));padding:calc(14*var(--u)) calc(18*var(--u));border-radius:calc(10*var(--u));font-size:max(var(--fs-min),calc(16*var(--u)));line-height:1.375}
  .tip-box::before{left:calc(15*var(--u));border-width:0 calc(10*var(--u)) calc(10*var(--u))}
  .report .grid2{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(20*var(--u))}
  .report .field{margin-bottom:calc(21*var(--u))}
  .report .check{margin-top:calc(9*var(--u))}
  .report .btn-submit{width:100%;height:calc(59*var(--u));font-size:calc(20*var(--u));margin-top:calc(8*var(--u))}
  .report .form-note{margin-top:calc(19*var(--u))}

  /* --- O AKCJI --- */
  #p-oakcji .hero{height:calc(640*var(--u))}
  #p-oakcji .hero h1{left:calc(72*var(--u));top:calc(156*var(--u))}
  #p-oakcji .hero .txt{left:calc(73*var(--u));top:calc(313*var(--u));width:calc(470*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u))}
  #p-oakcji .hero-img{left:calc(548*var(--u));top:calc(40*var(--u));width:calc(892*var(--u))}
  .why{position:relative;padding:calc(57*var(--u)) 0 calc(96*var(--u))}
  .why .wrap{display:grid;grid-template-columns:calc(835*var(--u)) calc(494*var(--u));grid-template-rows:auto 1fr;column-gap:calc(24*var(--u));padding-left:calc(73*var(--u));align-items:start} /* opis po lewej, zdjęcie po prawej, trzy filary pod spodem na całą szerokość */
  .why .sec-title{grid-column:1;margin-left:calc(4*var(--u))}
  .why .para{grid-column:1;margin-top:calc(39*var(--u));font-size:calc(18*var(--u));line-height:calc(26*var(--u))}
  .why .img{grid-column:2;grid-row:1 / span 2;width:calc(494*var(--u));margin-top:calc(17*var(--u))}
  .why .why-pillars{grid-column:1 / -1;margin-top:calc(72*var(--u))}
  .why ol{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(48*var(--u));margin-top:calc(44*var(--u));padding-right:calc(73*var(--u))}
  .why li{display:flex}
  .why .num{flex:0 0 auto;color:#000;font-size:calc(77*var(--u));width:calc(100*var(--u));line-height:calc(80*var(--u))}
  .why h3{color:var(--red);font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;margin-top:calc(2*var(--u))}
  .why li p{font-size:calc(18*var(--u));line-height:calc(24*var(--u));margin:calc(6*var(--u)) 0 calc(18*var(--u))}
  .why li>div{display:flex;flex-direction:column;align-items:flex-start}
  .why li .btn{margin-top:auto} /* przyciski trzech filarów na jednej wysokości – przy dole najwyższego kafelka */
  .partners{height:calc(645*var(--u));position:relative}
  .partners .sec-title{top:calc(-4*var(--u));text-align:center} /* „Organizator akcji” nad GoWork, „Partnerzy” nad WP */
  .partners-t--org{left:calc(46*var(--u));width:calc(480*var(--u))}
  .partners-t--par{left:calc(1030*var(--u));width:calc(300*var(--u))}
  .partner{position:absolute;text-align:center}
  .partner h3{font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700}
  .partner p{font-size:calc(24*var(--u));line-height:calc(28*var(--u));margin-top:calc(18*var(--u))}
  .partner--gw{left:calc(96*var(--u));top:calc(110*var(--u));width:calc(380*var(--u))}
  .partner--gw img{width:calc(310*var(--u));height:calc(98*var(--u));margin:0 auto calc(28*var(--u))}
  .partner--wp{left:calc(1030*var(--u));top:calc(110*var(--u));width:calc(300*var(--u))}
  .partner--wp img{width:calc(200*var(--u));height:calc(117*var(--u));margin:0 auto calc(34*var(--u))}
  .partner--kob{left:calc(1030*var(--u));top:calc(430*var(--u));width:calc(300*var(--u))}
  .partner--kob img{width:calc(160*var(--u));height:calc(114*var(--u));margin:0 auto calc(28*var(--u))}
  .partners .img{left:calc(475*var(--u));top:calc(36*var(--u));width:calc(500*var(--u))}
  .experts{background:var(--gray-bg);height:calc(449*var(--u));position:relative}
  .experts .sec-title{left:calc(77*var(--u));top:calc(49*var(--u))}
  .expert{position:absolute;top:calc(158*var(--u));display:flex;gap:calc(31*var(--u))}
  .expert img{width:calc(237*var(--u));height:calc(237*var(--u));border-radius:50%}
  .expert h3{font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;margin-top:calc(14*var(--u))}
  .expert p{font-size:calc(18*var(--u));line-height:calc(22*var(--u));margin-top:calc(16*var(--u));width:calc(340*var(--u))}
  .expert--1{left:calc(73*var(--u))}
  .expert--2{left:calc(680*var(--u))}

  /* --- TEST --- */
  #p-test .hero{height:auto;min-height:calc(1067*var(--u));overflow:clip} /* clip zamiast hidden – inaczej zdjęcie nie stoi przy przewijaniu (sticky) */
  #p-test .hero .wrap{display:grid;grid-template-columns:100%;align-items:start;padding:0 0 calc(42*var(--u))} /* zdjęcie, karta i licznik w jednej siatce */
  #p-test .hero picture{display:contents} /* <img> sam jest elementem siatki – tylko wtedy może być sticky */
  #p-test .hero h1{left:calc(72*var(--u));top:calc(111*var(--u))}
  #p-test .hero .sub{left:calc(75*var(--u));top:calc(358*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700}
  #p-test .hero .txt{left:calc(74*var(--u));top:calc(414*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u))}
  /* jak zdjęcia na głównej: stoi w miejscu (80 nagłówek + 40), a karta testu przewija się po nim; zjeżdża dopiero z końcem sekcji */
  #p-test .hero-img{position:sticky;top:calc(120*var(--u));grid-area:1 / 1 / 3 / 2;justify-self:start;margin:calc(40*var(--u)) 0 0 calc(374*var(--u));width:calc(1171*var(--u))}
  #p-test .quiz{grid-area:1 / 1;margin-top:calc(526*var(--u))}
  #p-test .quiz-tally{grid-area:2 / 1}
  .quiz{position:relative;margin-left:calc(74*var(--u));width:calc(942*var(--u));min-height:calc(500*var(--u));background:var(--card-bg);border-radius:calc(50*var(--u));box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(0,0,0,.18);text-align:center;padding:calc(38*var(--u)) calc(70*var(--u)) calc(34*var(--u));z-index:2}
  .quiz-tally{margin:calc(-50*var(--u)) 0 0 calc(74*var(--u));width:calc(942*var(--u));padding:calc(72*var(--u)) 0 calc(24*var(--u));border-radius:0 0 calc(50*var(--u)) calc(50*var(--u));box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(0,0,0,.18);justify-content:center;gap:calc(16*var(--u))} /* 50 pod kartą (jej zaokrąglenie) + 22 odstępu */
  .quiz-tally .tally-n{font-size:calc(64*var(--u))}
  .quiz .step{font-size:max(var(--fs-min),calc(15*var(--u)));font-weight:700;text-transform:uppercase}
  .progress{height:calc(12*var(--u));margin:calc(33*var(--u)) calc(51*var(--u)) 0;background:var(--dot);border-radius:calc(6*var(--u));overflow:hidden}
  .progress i{display:block;height:100%;background:var(--red);border-radius:calc(6*var(--u));transition:width .35s}
  .quiz .q{font-size:calc(32*var(--u));line-height:calc(38*var(--u));font-weight:700;margin:calc(32*var(--u)) auto 0;max-width:calc(560*var(--u));text-wrap:balance}
  .quiz .q.is-long{max-width:calc(700*var(--u));font-size:calc(29*var(--u));line-height:calc(35*var(--u))}
  .quiz .hint{font-size:calc(20*var(--u));line-height:calc(22*var(--u));margin:calc(28*var(--u)) auto 0;max-width:calc(690*var(--u));text-wrap:balance}
  .quiz .note{font-size:calc(17*var(--u));line-height:calc(22*var(--u));margin:calc(12*var(--u)) auto 0;max-width:calc(640*var(--u))}
  .quiz .note b{color:var(--red)}
  .scale{--sp:calc(164.5*var(--u));position:relative;display:flex;margin:calc(40*var(--u)) auto 0;width:calc(var(--n,5)*var(--sp))}
  .scale--2,.scale--3{--sp:calc(219*var(--u))}
  .scale--4{--sp:calc(200*var(--u))}
  .scale::before{content:"";position:absolute;top:calc(14.5*var(--u));left:calc(var(--sp)/2);right:calc(var(--sp)/2);height:calc(1.2*var(--u));background:repeating-linear-gradient(90deg,var(--red) 0 calc(2*var(--u)),transparent calc(2*var(--u)) calc(4*var(--u)))}
  .opt{flex:0 0 var(--sp);display:flex;flex-direction:column;align-items:center;padding:0 calc(6*var(--u));position:relative;z-index:1;text-align:center}
  .opt .lbl{margin-top:calc(13*var(--u));font-weight:700;font-size:calc(16.5*var(--u));line-height:calc(16*var(--u))}
  .quiz .answers{display:flex;justify-content:center;gap:calc(20*var(--u));margin-top:calc(34*var(--u))}
  .quiz .answers .btn{gap:calc(14*var(--u));width:calc(396*var(--u));height:calc(66*var(--u));font-size:calc(19*var(--u))}
  .quiz .answers .ic-mega{width:calc(34*var(--u));height:calc(34*var(--u))}
  .quiz .answers .ic-redo{width:calc(25*var(--u));height:calc(25*var(--u))}
  .quiz-nav{gap:calc(20*var(--u));margin-top:calc(34*var(--u))}
  .quiz-nav .btn{gap:calc(10*var(--u));width:calc(260*var(--u));height:calc(54*var(--u));font-size:calc(18*var(--u))}
  .quiz-nav svg{width:calc(15*var(--u));height:calc(15*var(--u))}
  .res-title{font-family:var(--f-display);font-weight:400;text-transform:uppercase;color:var(--red);font-size:calc(48*var(--u));line-height:calc(52*var(--u));margin-top:calc(24*var(--u))}
  .res-lead{font-size:calc(20*var(--u));line-height:calc(26*var(--u));font-weight:700;margin:calc(20*var(--u)) auto 0;max-width:calc(740*var(--u));text-wrap:balance}
  .res-sec{margin-top:calc(26*var(--u))}
  .res-lead+.res-sec{margin-top:calc(34*var(--u))}
  .res-h{gap:calc(20*var(--u));font-size:calc(20*var(--u));line-height:calc(24*var(--u))}
  .res-ic{width:calc(44*var(--u));height:calc(44*var(--u))}
  .res-sec p{font-size:max(var(--fs-min),calc(15.5*var(--u)));line-height:calc(20*var(--u));margin-top:calc(14*var(--u))}
  .res-disc{margin:calc(30*var(--u)) auto 0;max-width:calc(760*var(--u));font-size:max(var(--fs-min),calc(13*var(--u)));line-height:max(1.3em,calc(17*var(--u)))}

  /* --- RAPORT --- */
  #p-raport .hero{height:calc(634*var(--u))}
  #p-raport .hero h1{left:calc(72*var(--u));top:calc(44*var(--u))}
  #p-raport .hero .lead{left:calc(74*var(--u));top:calc(399*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700}
  #p-raport .hero .btn{left:calc(73*var(--u));top:calc(528*var(--u))}
  #p-raport .hero-img{left:calc(470*var(--u));top:calc(-60*var(--u));width:calc(1000*var(--u))} /* dół ucięty na końcu sekcji */
  .numbers{position:relative;text-align:center}
  #p-raport .numbers .sec-title{padding-top:calc(34*var(--u))}
  #p-raport .stats{margin-top:calc(44*var(--u));grid-template-columns:repeat(3,calc(300*var(--u)));justify-content:center;column-gap:calc(64*var(--u));row-gap:calc(36*var(--u))} /* rozsunięte – „18–29 lat” nie dotyka sąsiada */
  .stats{row-gap:calc(9*var(--u))}
  .stat .l{padding:0}
  .contains{text-align:center;padding-top:calc(48*var(--u))}
  .contains .sec-title{margin-bottom:calc(46*var(--u))}
  .box{text-align:left}
  .dl{text-align:center;padding-top:calc(66*var(--u));padding-bottom:calc(58*var(--u))}
  .dl .sec-title{font-size:calc(58*var(--u));line-height:calc(64*var(--u))}
  .dl .form{width:calc(730*var(--u));margin:calc(42*var(--u)) auto 0;text-align:left}
  .dl .field{margin-bottom:calc(5*var(--u))} /* z marginesem nad etykietą (13) między rzędami pól wychodzi 18 */
  .dl .checks{margin-top:calc(22*var(--u))}
  .dl .form-note{width:calc(760*var(--u));margin:calc(22*var(--u)) calc(-15*var(--u)) 0;line-height:calc(20*var(--u));color:#767676;font-size:max(var(--fs-min),calc(14.5*var(--u)))}
  .dl .checks .form-note{margin-bottom:calc(14*var(--u))} /* zdanie „Wyrażam zgodę…” nie przykleja się do pierwszej zgody (e-mail) */
  .dl .form-note a{text-decoration:underline}
  .dl .btn{margin:calc(30*var(--u)) auto 0;display:flex;width:fit-content;min-width:calc(280*var(--u));padding:0 calc(28*var(--u));height:calc(53*var(--u));font-size:calc(19*var(--u))}
  .dl .form-rodo{width:calc(1180*var(--u));margin:calc(28*var(--u)) calc(-225*var(--u)) 0;color:#767676} /* szerzej niż formularz (730), na szerokość tytułu – mniej linii */

  /* --- CZYM JEST MOBBING --- */
  #p-czym .hero{height:calc(763*var(--u));overflow:visible}
  #p-czym .hero h1{left:calc(72*var(--u));top:calc(79*var(--u))}
  #p-czym .hero .txt{left:calc(73*var(--u));top:calc(337*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u))}
  #p-czym .hero .red-b{left:calc(73*var(--u));top:calc(389*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;color:var(--red)}
  #p-czym .hero .btn{left:calc(72*var(--u));top:calc(488*var(--u));width:calc(244*var(--u));height:calc(65*var(--u));font-size:calc(18*var(--u))} /* tekst nad nimi ma 1 linię – czerwony dopisek i przycisk 28 wyżej */
  #p-czym .hero-img{left:calc(230*var(--u));top:calc(10*var(--u));width:calc(1210*var(--u));z-index:0}
  .forms-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,calc(330*var(--u)));column-gap:calc(79*var(--u));row-gap:calc(56*var(--u));justify-content:center;padding-left:calc(6*var(--u))}
  .mcard{text-align:center}
  .mcard img{width:calc(320*var(--u));height:calc(326*var(--u));margin:0 auto;transition:transform .25s}
  .mcard:hover img{transform:translateY(calc(-4*var(--u)))}
  .mcard h3{font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;margin-top:calc(21*var(--u))}
  .mcard ul{margin-top:calc(14*var(--u));font-size:max(var(--fs-min),calc(15*var(--u)));line-height:max(1.2em,calc(18*var(--u)))}
  /* punkty z czerwonym kwadratem: lista wyrównana do lewej, cała wyśrodkowana pod tytułem karty */
  .mcard ul{display:table;margin-left:auto;margin-right:auto;text-align:left}
  .mcard li{position:relative;padding-left:calc(19*var(--u));text-wrap:balance}
  .mcard li::before{content:"";position:absolute;left:0;top:calc(.6em - 3.5*var(--u));width:calc(7*var(--u));height:calc(7*var(--u));background:var(--red)}
  .mcard li+li{margin-top:calc(10*var(--u))}
  .mnote{max-width:calc(960*var(--u));margin:calc(64*var(--u)) auto 0;text-align:center;font-size:calc(22*var(--u));line-height:calc(30*var(--u))}
  .remember{text-align:center;padding:calc(49*var(--u)) 0 calc(30*var(--u))}
  .remember .sec-title{font-size:calc(58*var(--u));line-height:calc(64*var(--u));color:var(--red)}
  .remember p{font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700;margin-top:calc(12*var(--u))}
  .remember .btn{margin-top:calc(36*var(--u))}

  /* --- CO MOGĘ ZROBIĆ --- */
  #p-comoge .hero{height:calc(420*var(--u))}
  #p-comoge .hero h1{left:calc(72*var(--u));top:calc(96*var(--u))}
  #p-comoge .hero-img{left:calc(600*var(--u));top:calc(-10*var(--u));width:calc(800*var(--u))}
  .articles{display:grid;grid-template-columns:repeat(3,calc(404*var(--u)));grid-auto-rows:calc(284*var(--u));column-gap:calc(43*var(--u));row-gap:calc(52*var(--u));padding:0 0 calc(92*var(--u)) calc(67*var(--u))}
  .art{display:block}
  .art img{width:calc(404*var(--u));height:calc(166*var(--u));border-radius:calc(14*var(--u));box-shadow:calc(3*var(--u)) calc(4*var(--u)) calc(6*var(--u)) rgba(0,0,0,.18);transition:box-shadow .25s}
  .art-img{transition:transform .25s}
  .art:hover .art-img{transform:translateY(calc(-4*var(--u)))}
  .art:hover img{box-shadow:calc(4*var(--u)) calc(10*var(--u)) calc(18*var(--u)) rgba(0,0,0,.2)}
  .art h3{font-size:calc(24.5*var(--u));line-height:calc(28*var(--u));font-weight:700;margin:calc(18*var(--u)) 0 0 calc(27*var(--u))}
  .art:hover h3{color:var(--red)}
  .authors{padding:calc(64*var(--u)) calc(75*var(--u)) calc(56*var(--u)) calc(67*var(--u))} /* środek nad środkiem siatki artykułów */
  .author-list{gap:calc(36*var(--u));margin-top:calc(40*var(--u))}
  .author-img img{height:calc(200*var(--u))}
  .author-name{margin-top:calc(14*var(--u));font-size:calc(21*var(--u));line-height:calc(26*var(--u))}
  .author-role{font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .authors--dots .author-list{gap:calc(24*var(--u)) calc(24*var(--u))} /* 6 ekspertów w jednym rzędzie, imię i nazwisko w jednej linii */
  .authors--dots .author{width:calc(196*var(--u))}
  .authors--dots .author-img{width:calc(130*var(--u))}
  .authors--mini{padding:0;margin-top:calc(28*var(--u))} /* Dla pracodawców: mały wybór ekspertów nad artykułami */
  .authors--mini .author-list{gap:calc(28*var(--u));margin-top:0}
  .authors--mini .author{width:calc(150*var(--u))}
  .authors--mini .author-img{width:calc(88*var(--u))}
  .author-img--ph{font-size:calc(30*var(--u))}
  .exp-empty{margin-top:calc(28*var(--u));font-size:calc(17*var(--u))}
  #p-pracodawcy .art h3{margin:calc(18*var(--u)) 0 0;font-size:calc(22*var(--u));line-height:calc(27*var(--u))} /* jak tytuły webinarów */
  .authors--mini .author-name{margin-top:calc(10*var(--u));font-size:calc(16*var(--u));line-height:calc(20*var(--u))}
  .authors--mini .author-role{font-size:max(var(--fs-min),calc(12*var(--u)));line-height:calc(16*var(--u))}
  .authors--mini .exp-clear{margin-top:calc(16*var(--u))}
  .exp-clear{margin-top:calc(24*var(--u));height:calc(36*var(--u));padding:0 calc(32*var(--u)) 0 calc(18*var(--u));gap:calc(20*var(--u));font-size:calc(16*var(--u))}
  .exp-clear svg{width:calc(10*var(--u));height:calc(10*var(--u))}
  .art-badge{right:calc(20*var(--u));top:calc(20*var(--u));height:calc(28*var(--u));padding:0 calc(12*var(--u));font-size:calc(14*var(--u));line-height:calc(28*var(--u))}
  .art-tag~.art-badge{top:auto;right:auto;left:calc(20*var(--u));bottom:calc(15*var(--u))} /* przy napisie tematu (góra po lewej) plakietka na dole po lewej, w linii ze strzałką */

  /* --- NOWE PRAWO --- */
  #p-prawo .hero{height:calc(680*var(--u))}
  #p-prawo .hero h1{left:calc(72*var(--u));top:calc(83*var(--u))}
  #p-prawo .hero .txt{left:calc(74*var(--u));top:calc(365*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u))}
  #p-prawo .hero .sec-title{left:calc(79*var(--u));top:calc(536*var(--u));line-height:calc(50*var(--u))}
  #p-prawo .hero-img{left:calc(480*var(--u));top:calc(-6*var(--u));width:calc(960*var(--u))}
  .feat2{display:grid;grid-template-columns:calc(580*var(--u)) calc(580*var(--u));column-gap:calc(116*var(--u));row-gap:calc(44*var(--u));padding:calc(30*var(--u)) 0 calc(72*var(--u)) calc(72*var(--u));align-content:start}
  .feat{display:flex;align-items:flex-start}
  .feat .ic{width:calc(107*var(--u));flex:0 0 auto;display:flex;justify-content:center;padding-top:calc(22*var(--u))}
  .feat h3{font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700}
  .feat p{font-size:calc(17*var(--u));line-height:calc(24*var(--u));margin-top:calc(6*var(--u))} /* dłuższe opisy przepisów – mniejszy stopień niż tytuł */
  .law-note{margin:calc(-24*var(--u)) 0 0 calc(179*var(--u));width:calc(1169*var(--u));padding-left:calc(24*var(--u));font-size:calc(20*var(--u));line-height:calc(28*var(--u))}
  .law-src{margin:calc(40*var(--u)) 0 0 calc(179*var(--u));font-size:max(var(--fs-min),calc(15*var(--u)));line-height:calc(20*var(--u))}
  .law-cta{width:calc(942*var(--u));margin:calc(72*var(--u)) auto calc(88*var(--u));padding:calc(48*var(--u)) calc(70*var(--u)) calc(52*var(--u));border-radius:calc(50*var(--u))}
  .law-cta-t{font-size:calc(32*var(--u));line-height:calc(38*var(--u))}
  .law-cta-d{margin:calc(14*var(--u)) 0 calc(30*var(--u));font-size:calc(22*var(--u));line-height:calc(28*var(--u))}

  /* --- PRACODAWCY --- */
  #p-pracodawcy .hero{height:calc(650*var(--u))}
  .dl-partner{margin-top:calc(20*var(--u))}
  .dl-partner img{height:calc(28*var(--u))}
  .dl-partner span{margin-left:calc(28*var(--u));padding-left:calc(28*var(--u));font-size:max(var(--fs-min),calc(12*var(--u)));letter-spacing:calc(2.5*var(--u));line-height:calc(28*var(--u))}
  #p-pracodawcy .hero-col{left:calc(72*var(--u));top:calc(72*var(--u));width:calc(520*var(--u));z-index:1}
  #p-pracodawcy .hero h1{font-size:calc(84*var(--u));line-height:calc(90*var(--u));white-space:nowrap}
  #p-pracodawcy .hero .sub{margin-top:calc(28*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u));font-weight:700}
  #p-pracodawcy .hero .txt{margin-top:calc(16*var(--u));font-size:calc(19*var(--u));line-height:calc(25*var(--u))}
  #p-pracodawcy .hero .cta{margin-top:calc(34*var(--u))}
  #p-pracodawcy .hero-img{left:calc(599*var(--u));top:calc(31*var(--u));width:calc(798*var(--u))}
  #p-pracodawcy .sec-txt{width:calc(820*var(--u));margin:calc(40*var(--u)) auto 0;font-size:calc(19*var(--u));line-height:calc(26*var(--u))}
  #p-pracodawcy .numbers{padding-top:calc(56*var(--u))}
  #p-pracodawcy .stats{grid-template-columns:repeat(4,calc(270*var(--u)));column-gap:calc(48*var(--u));margin-top:calc(44*var(--u));align-items:start}
  #p-pracodawcy .stat .l{white-space:normal;font-size:calc(17*var(--u));line-height:calc(22*var(--u));margin-top:calc(8*var(--u))}
  #p-pracodawcy .numbers .btn{margin-top:calc(32*var(--u))}
  .reasons{text-align:center;padding-top:calc(96*var(--u))}
  #p-pracodawcy .boxes{margin-top:calc(48*var(--u))}
  #p-pracodawcy .box{height:auto;min-height:calc(194*var(--u));padding:calc(36*var(--u)) calc(36*var(--u)) calc(34*var(--u)) calc(33*var(--u))}
  #p-pracodawcy .box p{font-size:calc(18*var(--u));line-height:calc(24*var(--u));margin-top:calc(8*var(--u))}
  .about-rep{margin-top:calc(96*var(--u));padding:calc(72*var(--u)) 0 calc(64*var(--u));text-align:center}
  .rep-intro{width:calc(900*var(--u));margin:calc(36*var(--u)) auto 0}
  .rep-name{font-size:calc(28*var(--u));line-height:calc(34*var(--u))}
  .rep-q{margin-top:calc(18*var(--u));font-size:calc(20*var(--u));line-height:calc(27*var(--u))}
  .rep-d{margin-top:calc(14*var(--u));font-size:calc(18*var(--u));line-height:calc(26*var(--u))}
  .rep-sub{margin-top:calc(64*var(--u));font-size:calc(36*var(--u));line-height:calc(42*var(--u))}
  #p-pracodawcy .stats--facts{margin-top:calc(28*var(--u))}
  .rep-lead{width:calc(820*var(--u));margin:calc(16*var(--u)) auto 0;font-size:calc(18*var(--u));line-height:calc(26*var(--u))}
  .xp{margin-top:calc(44*var(--u))}
  .xp-track{width:calc(1000*var(--u));margin:0 auto}
  .xp-slide{grid-template-columns:calc(200*var(--u)) 1fr;grid-template-areas:"ph q" "ph cap";column-gap:calc(48*var(--u));row-gap:calc(18*var(--u));align-content:center;text-align:left}
  .xp-photo{width:calc(200*var(--u))}
  .xp-photo--ph{font-size:calc(64*var(--u))}
  .xp-q{align-self:end;font-size:calc(21*var(--u));line-height:calc(29*var(--u))}
  .xp-slide figcaption{font-size:calc(16*var(--u));line-height:calc(22*var(--u))}
  .xp .slider-ctrl{margin-top:calc(32*var(--u))}
  .xp .dots{margin-top:calc(24*var(--u))}
  .law-dates{text-align:center;padding-top:calc(88*var(--u))}
  .ldates{display:grid;grid-template-columns:calc(577*var(--u)) calc(577*var(--u));gap:calc(28*var(--u));justify-content:center;margin-top:calc(44*var(--u));text-align:left}
  .ldate{padding:calc(36*var(--u)) calc(40*var(--u)) calc(38*var(--u))}
  .ldate-d{font-size:calc(64*var(--u))}
  .ldate h3{margin-top:calc(16*var(--u));font-size:calc(24*var(--u));line-height:calc(28*var(--u))}
  .ldate p{margin-top:calc(8*var(--u));font-size:calc(18*var(--u));line-height:calc(24*var(--u))}
  #p-pracodawcy .dl{padding-top:calc(96*var(--u))}
  .dl-lead{width:calc(760*var(--u));margin:calc(18*var(--u)) auto 0;font-size:calc(19*var(--u));line-height:calc(26*var(--u))}
  .dl .grid2{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(20*var(--u))}
  .more{text-align:center;padding:calc(88*var(--u)) 0 calc(100*var(--u));border-top:1px solid #ececec}
  .more-block{margin-top:calc(56*var(--u))}
  .more-t{font-size:calc(36*var(--u));line-height:calc(42*var(--u))}
  #p-pracodawcy .articles{margin-top:calc(32*var(--u));padding-bottom:0;grid-auto-rows:auto;text-align:left}
  .webs{display:grid;grid-template-columns:repeat(3,calc(404*var(--u)));column-gap:calc(43*var(--u));margin-top:calc(32*var(--u));padding-left:calc(67*var(--u));text-align:left}
  .web-cover{height:calc(166*var(--u));border-radius:calc(14*var(--u));font-size:calc(44*var(--u))}
  .web-date{margin-top:calc(18*var(--u));font-size:max(var(--fs-min),calc(14*var(--u)))}
  .web h4{margin-top:calc(6*var(--u));font-size:calc(22*var(--u));line-height:calc(27*var(--u))}
  .web-d{margin:calc(8*var(--u)) 0 calc(20*var(--u));font-size:calc(16*var(--u));line-height:calc(22*var(--u))}

  /* --- 404 --- */
  #p-404 .hero{height:calc(856*var(--u))}
  #p-404 .n404-num{left:calc(70*var(--u));top:calc(131*var(--u));width:calc(623*var(--u));z-index:1;mix-blend-mode:multiply}
  #p-404 .n404-title{left:calc(92*var(--u));top:calc(483*var(--u));font-size:calc(63*var(--u))}
  #p-404 .lead{left:calc(94*var(--u));top:calc(569*var(--u));font-size:calc(23*var(--u));line-height:calc(29*var(--u));font-weight:700}
  #p-404 .txt{left:calc(94*var(--u));top:calc(645*var(--u));font-size:calc(20*var(--u));line-height:calc(26*var(--u))}
  #p-404 .hero .cta{left:calc(94*var(--u));top:calc(713*var(--u));display:flex;gap:calc(27*var(--u));z-index:2}
  #p-404 .hero .cta .btn{width:calc(312*var(--u));height:calc(62*var(--u));font-size:calc(17*var(--u))}
  #p-404 .hero-img{left:calc(640*var(--u));top:calc(49*var(--u));width:calc(800*var(--u))}
  .topics{padding:calc(44*var(--u)) 0 calc(52*var(--u))}
  .topics .sec-title{font-size:calc(42*var(--u));line-height:calc(48*var(--u))}
  .topic-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:calc(16*var(--u));margin:calc(26*var(--u)) calc(94*var(--u)) 0}
  .topic{grid-template-columns:calc(64*var(--u)) 1fr;column-gap:calc(18*var(--u));height:calc(176*var(--u));padding:calc(26*var(--u)) calc(24*var(--u)) 0 calc(28*var(--u))}
  .topic-ic{width:calc(64*var(--u));height:calc(64*var(--u))}
  .topic-t{font-size:calc(18*var(--u));line-height:calc(22*var(--u));margin-top:calc(4*var(--u))}
  .topic-d{font-size:calc(17*var(--u));line-height:calc(24*var(--u));margin-top:calc(8*var(--u))}
  .topic-go{right:calc(26*var(--u));bottom:calc(22*var(--u));width:calc(47*var(--u));height:calc(47*var(--u))}
}

/* ===================================================================
   MOBILE / TABLET (<1024px) – układ z makiety 402
   =================================================================== */
@media (max-width:1023px){
  :root{--u:calc(min(100vw,520px)/402)}
  body{font-size:calc(15*var(--u))}
  .only-d{display:none!important}
  .only-m{display:block}
  .wrap{width:calc(402*var(--u));max-width:100%}
  /* szeroki telefon: treść w kolumnie mobilnej na środku, zdjęcia mogą wychodzić poza kolumnę aż do krawędzi ekranu */
  .page{max-width:calc(402*var(--u));margin:0 auto;overflow-x:visible}
  .display{font-size:calc(52*var(--u));line-height:calc(52*var(--u))}
  .sec-title{font-size:calc(44*var(--u));line-height:1.1;text-align:center}
  .btn--lg,.btn--md{width:calc(312*var(--u));height:calc(53*var(--u));font-size:calc(20*var(--u))}
  .btn--sm{width:calc(240*var(--u));height:calc(46*var(--u));font-size:calc(17*var(--u))}

  /* nagłówek */
  .site-header .wrap{height:calc(83*var(--u))}
  .brand{left:calc(24*var(--u));top:calc(21*var(--u))}
  .brand .x{margin:0 calc(17*var(--u)) 0 calc(19*var(--u));font-size:calc(14*var(--u))}
  .nav{display:none}
  .burger{display:flex;position:absolute;right:calc(30*var(--u));top:calc(26*var(--u));width:calc(30*var(--u));height:calc(30*var(--u));flex-direction:column;justify-content:center;gap:calc(5*var(--u));align-items:center}
  .burger i{display:block;width:calc(25*var(--u));height:calc(3*var(--u));background:var(--red);border-radius:calc(2*var(--u));transition:.2s}
  .is-menu .burger i:nth-child(1){transform:translateY(calc(8*var(--u))) rotate(45deg)}
  .is-menu .burger i:nth-child(2){opacity:0}
  .is-menu .burger i:nth-child(3){transform:translateY(calc(-8*var(--u))) rotate(-45deg)}
  .is-menu body{overflow:hidden} /* strona pod otwartym menu się nie przewija */
  .mnav{display:block;position:fixed;inset:calc(83*var(--u) - 1px) 0 0 0;background:#fff;z-index:49;padding:calc(16*var(--u)) 0 calc(40*var(--u));overflow:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(calc(-8*var(--u)));transition:.2s}
  .is-menu .mnav{opacity:1;visibility:visible;transform:none}
  .mnav a{display:block;width:calc(402*var(--u));max-width:100%;margin:0 auto;padding:calc(15*var(--u)) calc(28*var(--u));font-family:var(--f-nav);font-weight:700;font-size:calc(16*var(--u));text-transform:uppercase;border-bottom:1px solid #eee}
  .mnav a.sub{padding-left:calc(48*var(--u));font-weight:600;font-size:calc(15*var(--u));text-transform:none}
  .mnav a.is-current{color:var(--red)}
  .mnav .btn{display:flex;margin:calc(26*var(--u)) auto 0;width:calc(312*var(--u));height:calc(53*var(--u));border-bottom:0;color:#fff;font-family:var(--f-body);padding:0}

  /* stopka */
  .site-footer{text-align:center;padding:calc(42*var(--u)) 0 calc(24*var(--u))}
  .site-footer .wrap{height:auto}
  .f-logos{justify-content:center;flex-wrap:wrap;row-gap:calc(20*var(--u));padding:0 calc(16*var(--u))}
  .f-logos .logo-gw{width:calc(144*var(--u));height:calc(48*var(--u));order:1}
  .f-logos .sep{margin:0 calc(18*var(--u));order:2}
  .f-logos .logo-wp{width:calc(93*var(--u));height:calc(54*var(--u));order:3}
  .f-logos .sep2{display:none}
  .f-logos .kob-wrap{order:4;flex-basis:100%;display:flex;justify-content:center;align-items:center}
  .f-logos .logo-kob{width:calc(56*var(--u));height:calc(40*var(--u))}
  .f-logos .pm{margin-left:calc(14*var(--u));color:#000;font-size:calc(14*var(--u));line-height:calc(15*var(--u));text-align:left;text-transform:uppercase}
  .f-desc{margin:calc(24*var(--u)) auto 0;padding:0 calc(18*var(--u));font-size:calc(14*var(--u));line-height:calc(22*var(--u))}
  .f-social{justify-content:center;gap:calc(18*var(--u));margin-top:calc(22*var(--u))}
  .f-social svg{width:calc(24*var(--u));height:calc(24*var(--u))}
  .f-cols{flex-direction:column;align-items:center;margin-top:calc(32*var(--u));gap:calc(22*var(--u))}
  .f-cols li{font-size:calc(14*var(--u));line-height:calc(28*var(--u))}
  .f-copy{margin-top:calc(20*var(--u));font-size:calc(12*var(--u));line-height:calc(16*var(--u));padding:0 calc(40*var(--u))}

  /* formularze */
  .form{padding:0 calc(14*var(--u))}
  .form label.lbl{text-align:center;font-size:calc(14*var(--u));margin-bottom:calc(7*var(--u))}
  .field{margin-bottom:calc(14*var(--u))}
  .form input[type=text],.form input[type=email],.form input[type=tel],.form select,.form textarea{height:calc(49*var(--u));font-size:calc(16*var(--u))}
  .form textarea{height:calc(144*var(--u))}
  .check{font-size:calc(14*var(--u));line-height:calc(19*var(--u));gap:calc(15*var(--u));padding:0 calc(10*var(--u));margin:calc(22*var(--u)) 0 0}
  .check input{width:calc(32*var(--u));height:calc(32*var(--u));margin:calc(1*var(--u)) 0 0;border-radius:calc(3*var(--u))}
  .check input:checked::after{width:calc(7*var(--u));height:calc(14*var(--u));border-width:0 calc(3*var(--u)) calc(3*var(--u)) 0}
  .form-note{font-size:calc(12*var(--u));line-height:calc(16*var(--u));margin-top:calc(24*var(--u))}
  .form .btn-submit,.dl .btn{display:flex;margin:calc(28*var(--u)) auto 0;width:calc(310*var(--u));height:calc(52*var(--u));font-size:calc(20*var(--u))}

  .hero{position:relative;display:flow-root;clip-path:inset(-100vh -100vw 0 -100vw)} /* zdjęcie w bok bez przycinania, dół przycięty na końcu sekcji; flow-root trzyma marginesy w środku */
  .hero .wrap{position:static;width:auto}
  .hero h1{position:relative;z-index:1}
  .btn--lg{white-space:nowrap;font-size:calc(18.5*var(--u))}
  .stories .sec-title .red{display:block}
  .report .wrap{display:flex;flex-direction:column}

  /* HOME */
  #p-home .hero{height:auto;padding:calc(40*var(--u)) calc(20*var(--u)) calc(14*var(--u));min-height:calc(440*var(--u))}
  #p-home .hero-img{position:absolute;left:calc(168*var(--u));top:auto;bottom:0;width:calc(418*var(--u));max-width:none;z-index:0} /* wychodzi za prawą krawędź ekranu; głowa na wysokości tytułu */
  #p-home .lead{position:relative;z-index:1;font-size:calc(15*var(--u));line-height:calc(17*var(--u));font-weight:700;width:calc(170*var(--u));margin-top:calc(30*var(--u))}
  #p-home .lead .red{display:block;margin-top:calc(17*var(--u))}
  #p-home .partner-m{position:relative;z-index:1;margin-top:calc(24*var(--u))}
  #p-home .partner-m img{width:calc(56*var(--u));height:calc(40*var(--u))}
  #p-home .partner-m span{margin-left:calc(14*var(--u));font-size:calc(11*var(--u));line-height:calc(15*var(--u));letter-spacing:calc(3*var(--u));text-align:left}
  #p-home .hero .cta{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;gap:calc(24*var(--u));margin:calc(54*var(--u)) calc(-20*var(--u)) 0}
  #p-home .hero .cta .btn--outline{border-color:#000}
  .stories{text-align:center;padding:calc(56*var(--u)) calc(20*var(--u)) calc(14*var(--u))} /* więcej oddechu nad tytułem historii */
  .slider{display:grid;margin-top:calc(26*var(--u));min-height:calc(110*var(--u))}
  .slide{grid-area:1/1;opacity:0;transition:opacity .35s;pointer-events:none}
  .slide.is-active{opacity:1;pointer-events:auto}
  .slide q{display:block;font-size:calc(15*var(--u));line-height:calc(16*var(--u));font-weight:700;quotes:"\201E" "\201D"}
  .slide .src{display:block;margin-top:calc(22*var(--u));font-size:calc(14*var(--u));font-style:italic;color:var(--red)}
  .slider-ctrl{display:none}
  /* kropki: pole do kliknięcia 44×44, widoczna kropka 12 */
  .dots{display:flex;justify-content:center;margin-top:calc(14*var(--u))}
  .dots button{display:grid;place-items:center;width:calc(44*var(--u));height:calc(44*var(--u))}
  .dots button::before{content:"";width:calc(12*var(--u));height:calc(12*var(--u));border-radius:50%;background:var(--dot);transition:background .2s}
  .dots button.is-active::before{background:var(--red)}
  .employers{text-align:center;padding-top:calc(26*var(--u))}
  .employers .cd-label{font-size:calc(14*var(--u));margin-top:calc(24*var(--u))}
  .countdown{display:flex;justify-content:center;gap:calc(15*var(--u));margin-top:calc(2*var(--u))}
  .countdown .unit{display:flex;flex-direction:column;align-items:flex-start}
  .countdown .unit:nth-child(2),.countdown .unit:nth-child(3),.countdown .unit:nth-child(4){align-items:center}
  .countdown .v{font-family:var(--f-display);font-size:calc(64*var(--u));line-height:calc(64*var(--u))}
  .countdown .unit:first-child .v{color:var(--red)}
  .countdown .k{font-size:calc(14*var(--u));text-transform:uppercase;margin-top:calc(2*var(--u))}
  .employers .txt{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(24*var(--u));padding:0 calc(20*var(--u))}
  .employers .img{width:calc(410*var(--u));max-width:none;margin:calc(30*var(--u)) 0 0 calc(-24*var(--u))} /* postacie na środku ekranu */
  .employers .cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--u));margin-top:calc(-80*var(--u))}
  /* FAQ: tytuł, opis i pytania jedno pod drugim, zdjęcie na dole */
  .faq{padding:calc(44*var(--u)) calc(20*var(--u)) 0}
  .faq-intro{margin-top:calc(16*var(--u));font-size:calc(15*var(--u));line-height:calc(20*var(--u));text-align:center}
  .faq-list{display:grid;gap:calc(8*var(--u));margin-top:calc(24*var(--u))}
  .faq-list summary{gap:calc(12*var(--u));min-height:calc(52*var(--u));padding:calc(8*var(--u)) calc(14*var(--u)) calc(8*var(--u)) calc(12*var(--u))}
  .faq-list summary::after{width:calc(14*var(--u));height:calc(9*var(--u))}
  .faq-n{width:calc(30*var(--u));height:calc(30*var(--u));font-size:calc(15*var(--u))}
  .faq-q{font-size:calc(15*var(--u));line-height:calc(19*var(--u))}
  .faq-opt{padding:calc(3*var(--u)) calc(8*var(--u));font-size:calc(11*var(--u))}
  .faq-a{margin:0 calc(12*var(--u)) calc(14*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));border-radius:calc(6*var(--u));font-size:calc(14*var(--u));line-height:calc(20*var(--u))}
  .faq-img{width:calc(300*var(--u));margin:calc(24*var(--u)) auto 0}
  .report{text-align:center;padding-top:calc(50*var(--u));display:flex;flex-direction:column}
  .report .intro{font-size:calc(15*var(--u));line-height:calc(17*var(--u));margin:calc(14*var(--u)) auto calc(30*var(--u));width:calc(300*var(--u))}
  .report .form{order:1;scroll-margin-top:calc(106*var(--u))}
  /* karta podziękowania (Zgłoś mobbing) na telefonie: wyśrodkowana, przyciski jeden pod drugim */
  .report .form-success{text-align:center;padding:calc(30*var(--u)) calc(20*var(--u)) calc(32*var(--u));border-radius:calc(14*var(--u))}
  .ok-dot{margin:0 auto calc(10*var(--u))}
  .report .ok-title{font-size:calc(30*var(--u));line-height:calc(34*var(--u))}
  .report .ok-lead{font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  .ok-ref{margin:calc(22*var(--u)) 0 calc(18*var(--u));padding:calc(14*var(--u)) calc(14*var(--u)) calc(16*var(--u))}
  .report .ok-ref-n{justify-content:center;font-size:calc(20*var(--u))}
  .report .ok-next{font-size:calc(15*var(--u));line-height:calc(22*var(--u))}
  .ok-cta{flex-direction:column;gap:calc(12*var(--u));margin-top:calc(24*var(--u))}
  .ok-cta .btn{height:calc(50*var(--u))}
  .ok-guide{margin-top:calc(22*var(--u));padding:calc(18*var(--u)) calc(16*var(--u)) calc(20*var(--u));border-left:0;border-top:calc(4*var(--u)) solid var(--red)} /* karta wyśrodkowana – pasek u góry */
  .ok-guide-t{font-size:calc(24*var(--u));line-height:calc(28*var(--u))}
  .report .ok-guide p{font-size:calc(14.5*var(--u));line-height:calc(21*var(--u))}
  .ok-guide .ok-cta{margin-top:calc(16*var(--u))}
  .ok-guide .btn{padding:0 calc(10*var(--u));font-size:calc(15*var(--u));white-space:nowrap} /* „Pobierz bezpłatny poradnik” w jednej linii */
  .report .grid2{display:block}
  .report .check{text-align:left} /* długie zgody RODO czyta się od lewej */
  .report .img{order:2;width:calc(252*var(--u));margin:calc(30*var(--u)) auto 0}
  .report .sec-title{order:-1}
  .report .steps{order:-2} /* najpierw przebieg zgłoszenia, potem tytuł i formularz */
  .report .intro{margin-bottom:calc(22*var(--u))}
  .report .tally{justify-content:center;gap:calc(12*var(--u));margin:0 auto calc(30*var(--u))}
  .tally-n{font-size:calc(56*var(--u))}
  .tally-l{font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  /* kroki pod opisem, nad formularzem: plama po lewej, nazwa i opis po prawej */
  .report .steps{display:flex;flex-direction:column;gap:calc(12*var(--u));margin:0 0 calc(36*var(--u));padding:calc(28*var(--u)) calc(14*var(--u));background:var(--gray-bg);text-align:left;--plama:calc(166*var(--u))}
  .steps .step{display:grid;grid-template-columns:calc(108*var(--u)) 1fr;column-gap:calc(10*var(--u))}
  .step-dot{grid-row:1 / span 2;width:calc(108*var(--u));height:calc(100*var(--u))}
  .step-dot svg{width:calc(52*var(--u));height:calc(52*var(--u))}
  .step-n{left:calc(6*var(--u));top:calc(6*var(--u));width:calc(30*var(--u));height:calc(30*var(--u));font-size:calc(23*var(--u))}
  .step-t{justify-self:start;align-self:end;font-size:calc(22*var(--u))}
  .step-d{margin-top:calc(4*var(--u));font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .step-opt{left:calc(46*var(--u));top:calc(-8*var(--u));padding:calc(3*var(--u)) calc(10*var(--u));font-size:calc(12*var(--u))}
  .tip{margin-left:calc(6*var(--u))}
  .tip-btn svg{width:calc(20*var(--u));height:calc(20*var(--u))}
  /* dymek w lewo od „i” – ikona jest blisko prawej krawędzi ekranu */
  .tip-box{right:calc(-14*var(--u));top:calc(100% + 12*var(--u));width:calc(300*var(--u));padding:calc(12*var(--u)) calc(16*var(--u));border-radius:calc(10*var(--u));font-size:calc(14*var(--u));line-height:calc(20*var(--u))}
  .tip-box::before{right:calc(14*var(--u));border-width:0 calc(10*var(--u)) calc(10*var(--u))}

  /* O AKCJI */
  #p-oakcji .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0}
  #p-oakcji .hero .txt{font-size:calc(15*var(--u));line-height:calc(17*var(--u));margin-top:calc(18*var(--u))}
  #p-oakcji .hero-img{width:calc(335*var(--u));margin:calc(30*var(--u)) 0 0 calc(6*var(--u))}
  .why{padding:calc(44*var(--u)) 0 0;position:relative}
  .why .para{text-align:left;font-size:calc(15*var(--u));line-height:calc(21*var(--u));padding:0 calc(24*var(--u));margin-top:calc(30*var(--u))}
  .why .why-pillars{margin-top:calc(48*var(--u))}
  .why ol{margin-top:calc(28*var(--u));padding-left:calc(24*var(--u));position:relative;z-index:1}
  .why li{display:flex;margin-bottom:calc(24*var(--u))}
  .why .num{color:#000;font-size:calc(52*var(--u));line-height:calc(56*var(--u));width:calc(77*var(--u));flex:0 0 auto}
  .why h3{color:var(--red);font-size:calc(14*var(--u));line-height:calc(17*var(--u));font-weight:700}
  .why li p{font-size:calc(13*var(--u));line-height:calc(14*var(--u));padding-right:calc(24*var(--u))}
  .why li .btn{margin-top:calc(10*var(--u))}
  .why .img{position:static;width:calc(260*var(--u));margin:calc(16*var(--u)) auto 0} /* całe zdjęcie pod listą, bez wygaszania */
  .partners{padding-top:calc(56*var(--u));text-align:center}
  .partners .sec-title{margin-bottom:calc(32*var(--u))}
  .partners-t--par{margin-top:calc(56*var(--u))}
  .partner h3{font-size:calc(15*var(--u));font-weight:700}
  .partner p{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(6*var(--u));padding:0 calc(30*var(--u))}
  .partner--gw img{width:calc(183*var(--u));height:calc(60*var(--u));margin:0 auto calc(18*var(--u))}
  .partner--wp{margin-top:0}
  .partner--wp img{width:calc(121*var(--u));height:calc(70*var(--u));margin:0 auto calc(16*var(--u))}
  .partner--kob{margin-top:calc(40*var(--u))}
  .partner--kob img{width:calc(89*var(--u));height:calc(64*var(--u));margin:0 auto calc(14*var(--u))}
  .partners .img{width:calc(246*var(--u));margin:calc(40*var(--u)) auto 0}
  .experts{padding:calc(40*var(--u)) calc(24*var(--u)) calc(40*var(--u));text-align:center}
  .expert{margin-top:calc(30*var(--u))}
  .expert img{width:calc(247*var(--u));height:calc(247*var(--u));border-radius:50%;margin:0 auto}
  .expert h3{font-size:calc(18*var(--u));font-weight:700;margin-top:calc(30*var(--u))}
  .expert p{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(12*var(--u))}

  /* TEST */
  #p-test .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0}
  #p-test .hero h1{font-size:calc(40*var(--u));line-height:calc(42*var(--u))} /* mniejszy, żeby nie wchodził na zdjęcie */
  #p-test .hero .sub{font-size:calc(13*var(--u));line-height:calc(17*var(--u));font-weight:700;margin-top:calc(20*var(--u));position:relative;z-index:1}
  #p-test .hero .sub .sub-sep{display:none} /* na telefonie „10 pytań” w osobnym rzędzie */
  #p-test .hero .txt{font-size:calc(15*var(--u));line-height:calc(17*var(--u));margin-top:calc(16*var(--u));width:calc(180*var(--u));position:relative;z-index:1}
  #p-test .hero-img{position:absolute;left:calc(88*var(--u));top:calc(40*var(--u));width:calc(480*var(--u));max-width:none;z-index:0} /* postać po prawej, głowa na wysokości tytułu, wychodzi za krawędź */
  .quiz{position:relative;z-index:2;margin:calc(52*var(--u)) calc(-24*var(--u)) 0;background:var(--card-bg);border-radius:calc(46*var(--u));box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(0,0,0,.2);text-align:center;padding:calc(20*var(--u)) calc(30*var(--u)) calc(44*var(--u))}
  .quiz-tally{justify-content:center;gap:calc(12*var(--u));margin:calc(-46*var(--u)) calc(-24*var(--u)) calc(36*var(--u));padding:calc(62*var(--u)) 0 calc(20*var(--u));border-radius:0 0 calc(46*var(--u)) calc(46*var(--u));box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(0,0,0,.2)} /* czerwone przedłużenie karty: 46 pod jej zaokrąglonym dołem */
  .quiz .step{font-size:calc(14*var(--u));font-weight:700;text-transform:uppercase}
  .progress{height:calc(12*var(--u));margin:calc(16*var(--u)) calc(50*var(--u)) 0;background:var(--dot);border-radius:calc(6*var(--u));overflow:hidden}
  .progress i{display:block;height:100%;background:var(--red);border-radius:calc(6*var(--u));transition:width .35s}
  .quiz .q{font-size:calc(31*var(--u));line-height:calc(37*var(--u));font-weight:700;margin-top:calc(18*var(--u));text-wrap:balance}
  .quiz .q.is-long{font-size:calc(25*var(--u));line-height:calc(30*var(--u))}
  .quiz .hint{font-size:calc(15.5*var(--u));line-height:calc(16*var(--u));margin-top:calc(12*var(--u))}
  .quiz .note{font-size:calc(14*var(--u));line-height:calc(17*var(--u));margin-top:calc(10*var(--u))}
  .quiz .note b{color:var(--red)}
  .scale{position:relative;display:flex;flex-direction:column;margin:calc(20*var(--u)) 0 0 calc(40*var(--u))}
  .scale::before{content:"";position:absolute;left:calc(14.5*var(--u));top:calc(23*var(--u));bottom:calc(23*var(--u));width:calc(1.2*var(--u));background:repeating-linear-gradient(180deg,var(--red) 0 calc(2*var(--u)),transparent calc(2*var(--u)) calc(4*var(--u)))}
  .opt{display:flex;align-items:flex-start;min-height:calc(40*var(--u));position:relative;z-index:1;text-align:left}
  .opt .dot{margin-top:calc(8*var(--u))}
  .opt .lbl{margin-left:calc(37*var(--u));font-weight:700;font-size:calc(20*var(--u));line-height:calc(22*var(--u));padding:calc(12*var(--u)) 0 calc(4*var(--u))}
  .quiz .answers{display:flex;justify-content:center;gap:calc(10*var(--u));margin:calc(36*var(--u)) calc(-6*var(--u)) 0}
  .quiz .answers .btn{width:calc(166*var(--u));height:calc(66*var(--u));font-size:calc(20*var(--u))}
  .quiz-nav{gap:calc(10*var(--u));margin:calc(20*var(--u)) calc(-6*var(--u)) 0}
  .quiz-nav .btn{gap:calc(8*var(--u));width:calc(166*var(--u));height:calc(52*var(--u));font-size:calc(17*var(--u))}
  .quiz-nav svg{width:calc(14*var(--u));height:calc(14*var(--u))}
  .res-title{font-family:var(--f-display);font-weight:400;text-transform:uppercase;color:var(--red);font-size:calc(34*var(--u));line-height:calc(38*var(--u));margin-top:calc(18*var(--u))}
  .res-lead{font-size:calc(16*var(--u));line-height:calc(21*var(--u));font-weight:700;margin-top:calc(16*var(--u))}
  .res-sec{margin-top:calc(22*var(--u))}
  .res-lead+.res-sec{margin-top:calc(26*var(--u))}
  .res-h{gap:calc(12*var(--u));font-size:calc(17*var(--u));line-height:calc(21*var(--u))}
  .res-ic{width:calc(36*var(--u));height:calc(36*var(--u))}
  .res-sec p{font-size:calc(14.5*var(--u));line-height:calc(19*var(--u));margin-top:calc(10*var(--u))}
  .res-disc{margin-top:calc(22*var(--u));font-size:calc(12*var(--u));line-height:calc(16*var(--u))}
  .quiz-res .answers{flex-direction:column;align-items:center}
  .quiz-res .answers .btn{gap:calc(12*var(--u));width:calc(300*var(--u));height:calc(53*var(--u));font-size:calc(17*var(--u))}
  .quiz-res .answers .ic-mega{width:calc(28*var(--u));height:calc(28*var(--u))}
  .quiz-res .answers .ic-redo{width:calc(21*var(--u));height:calc(21*var(--u))}
  #p-test .hero{padding-bottom:calc(30*var(--u))}

  /* RAPORT */
  #p-raport .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0}
  #p-raport .hero .lead{font-size:calc(15*var(--u));line-height:calc(18*var(--u));font-weight:700;width:calc(180*var(--u));margin-top:calc(30*var(--u));position:relative;z-index:1}
  #p-raport .hero h1{font-size:calc(44*var(--u));line-height:calc(46*var(--u))} /* mniejszy, żeby pędzel nie wchodził na „BEZ FILTRA” */
  #p-raport .hero-img{position:absolute;left:calc(118*var(--u));top:calc(-4*var(--u));bottom:auto;width:calc(540*var(--u));max-width:none;z-index:0} /* wychodzi za prawą krawędź ekranu */
  #p-raport .hero .btn{position:relative;z-index:1;display:flex;margin:calc(50*var(--u)) auto 0}
  #p-raport .hero{min-height:calc(409*var(--u))}
  #p-raport .numbers{padding-top:calc(38*var(--u))}
  .numbers{text-align:center;padding-top:calc(50*var(--u))}
  .stats{display:grid;grid-template-columns:calc(182*var(--u)) calc(182*var(--u));justify-content:center;gap:calc(16*var(--u)) 0;margin-top:calc(26*var(--u))}
  .stat .n{font-family:var(--f-display);color:var(--red);font-size:calc(46*var(--u));line-height:calc(52*var(--u))}
  .stat .l{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(6*var(--u));padding:0 calc(8*var(--u))}
  .stats .stat:nth-child(3){order:1}
  .stats .stat:nth-child(6){order:2}
  .contains{padding-top:calc(44*var(--u))}
  .contains .sec-title{margin-bottom:calc(24*var(--u))}
  .boxes{display:flex;flex-direction:column;gap:calc(12*var(--u));padding:0 0 0 calc(16*var(--u))}
  .box{display:flex;align-items:center;background:var(--box-bg);height:calc(140*var(--u));padding:0 calc(20*var(--u)) 0 calc(22*var(--u));text-align:left}
  .box .num{font-size:calc(70*var(--u));width:calc(94*var(--u));flex:0 0 auto}
  .box h3{font-size:calc(15*var(--u));line-height:calc(18*var(--u));font-weight:700}
  .box p{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(10*var(--u))}
  .dl{padding:calc(44*var(--u)) 0 calc(40*var(--u));text-align:center}
  .dl .form{margin-top:calc(20*var(--u));text-align:left}
  .dl .checks{margin-top:calc(10*var(--u))}
  .dl .form-note{color:#767676;padding:0 calc(14*var(--u));font-size:calc(13.5*var(--u));line-height:calc(19*var(--u))}
  .dl .form-note a{text-decoration:underline}
  .dl .form-rodo{color:#767676;padding:0 calc(14*var(--u))}

  /* CZYM */
  #p-czym .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0;min-height:calc(467*var(--u))}
  #p-czym .hero .txt{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(30*var(--u));width:calc(200*var(--u));position:relative;z-index:1}
  #p-czym .hero .red-b{font-size:calc(15*var(--u));line-height:calc(18*var(--u));font-weight:700;color:var(--red);margin-top:calc(18*var(--u));width:calc(220*var(--u));position:relative;z-index:1}
  #p-czym .hero .btn{display:none}
  #p-czym .hero-img{position:absolute;left:calc(10*var(--u));top:auto;bottom:calc(-31*var(--u));width:calc(560*var(--u));max-width:none;z-index:0} /* dolne 7% pliku (szare prostokąty) poza sekcją, prawa część za krawędzią ekranu */
  .forms-grid{display:flex;flex-direction:column;align-items:center;gap:calc(40*var(--u));padding:calc(40*var(--u)) 0 0}
  .mcard{text-align:center;max-width:calc(320*var(--u))} /* lista nie szersza niż zdjęcie – inaczej długie punkty rozpychały ją do krawędzi ekranu */
  .mcard img{width:calc(320*var(--u));height:calc(326*var(--u));margin:0 auto}
  .mcard h3{font-size:calc(20*var(--u));line-height:calc(24*var(--u));font-weight:700;margin-top:calc(20*var(--u))}
  .mcard ul{margin-top:calc(18*var(--u));font-size:calc(15*var(--u));line-height:calc(18*var(--u))}
  .mcard ul{display:table;margin-left:auto;margin-right:auto;text-align:left}
  .mcard li{position:relative;padding-left:calc(19*var(--u));text-wrap:balance}
  .mcard li::before{content:"";position:absolute;left:0;top:calc(.6em - 3.5*var(--u));width:calc(7*var(--u));height:calc(7*var(--u));background:var(--red)}
  .mcard li+li{margin-top:calc(10*var(--u))}
  .mnote{margin:calc(40*var(--u)) calc(20*var(--u)) 0;text-align:center;font-size:calc(15*var(--u));line-height:calc(20*var(--u))}
  .remember{text-align:center;padding:calc(40*var(--u)) calc(20*var(--u)) calc(36*var(--u))}
  .remember .sec-title{color:var(--red)}
  .remember p{font-size:calc(15*var(--u));line-height:calc(18*var(--u));font-weight:700;margin-top:calc(12*var(--u))}
  .remember .btn{margin-top:calc(28*var(--u))}

  /* CO MOGĘ */
  #p-comoge .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0;height:auto}
  #p-comoge .hero-img{width:calc(402*var(--u));margin:calc(8*var(--u)) 0 0 calc(-24*var(--u));max-width:none}
  .articles{display:flex;flex-direction:column;gap:calc(24*var(--u));padding:calc(20*var(--u)) 0 calc(40*var(--u))}
  .art:not([hidden])~.art::before{content:"";display:block;width:calc(354*var(--u));height:1px;margin:0 auto calc(24*var(--u));background:#e6e6e6}
  .art-img{width:calc(354*var(--u));margin:0 auto}
  .art-tag{left:calc(16*var(--u));top:calc(18*var(--u));font-size:calc(16*var(--u));line-height:calc(19*var(--u))}
  .art-more{right:calc(14*var(--u));bottom:calc(12*var(--u));width:calc(26*var(--u));height:calc(26*var(--u))}
  .art-more svg{width:calc(12*var(--u));height:calc(12*var(--u))}
  .art img{width:calc(354*var(--u));height:calc(146*var(--u));border-radius:calc(14*var(--u));box-shadow:0 calc(4*var(--u)) calc(6*var(--u)) rgba(0,0,0,.18)}
  .art h3{text-align:center;font-size:calc(20*var(--u));line-height:calc(24*var(--u));font-weight:700;margin:calc(14*var(--u)) calc(24*var(--u)) 0}
  .authors{padding:calc(36*var(--u)) calc(24*var(--u)) calc(8*var(--u))}
  .authors .sec-title{font-size:calc(40*var(--u))} /* przy większej „stworzone z udziałem” nie mieści się w linii */
  .author-list{gap:calc(14*var(--u));margin-top:calc(24*var(--u))}
  .author-img img{height:calc(136*var(--u))}
  .author-name{margin-top:calc(10*var(--u));font-size:calc(16*var(--u));line-height:calc(20*var(--u))}
  .author-role{font-size:max(var(--fs-min),calc(12*var(--u)));line-height:calc(16*var(--u))}
  .authors--dots .author-list{gap:calc(16*var(--u)) calc(8*var(--u))} /* 3 w rzędzie */
  .authors--dots .author{width:calc(110*var(--u))}
  .authors--dots .author-img{width:calc(84*var(--u))}
  .authors--dots .author-name{font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .authors--mini{padding:0;margin-top:calc(22*var(--u))}
  .authors--mini .author-list{gap:calc(14*var(--u)) calc(8*var(--u));margin-top:0}
  .authors--mini .author{width:calc(110*var(--u))}
  .authors--mini .author-img{width:calc(64*var(--u))}
  .author-img--ph{font-size:calc(22*var(--u))}
  .exp-empty{margin:calc(20*var(--u)) calc(24*var(--u)) 0;font-size:calc(15*var(--u))}
  #p-pracodawcy .art h3{font-size:calc(18*var(--u));line-height:calc(22*var(--u))}
  .authors--mini .author-name{font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .exp-clear{margin-top:calc(18*var(--u));height:calc(32*var(--u));padding:0 calc(26*var(--u)) 0 calc(15*var(--u));gap:calc(15*var(--u));font-size:calc(14*var(--u))}
  .exp-clear svg{width:calc(9*var(--u));height:calc(9*var(--u))}
  .art-badge{right:calc(12*var(--u));top:calc(12*var(--u));height:calc(22*var(--u));padding:0 calc(9*var(--u));font-size:max(var(--fs-min),calc(11*var(--u)));line-height:calc(22*var(--u))}
  .art-tag~.art-badge{top:auto;right:auto;left:calc(16*var(--u));bottom:calc(14*var(--u))}

  /* PRAWO */
  #p-prawo .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0;min-height:calc(645*var(--u))}
  #p-prawo .hero .txt{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(30*var(--u));width:calc(200*var(--u));position:relative;z-index:1}
  #p-prawo .hero .sec-title{position:absolute;left:0;right:0;bottom:0;z-index:1}
  #p-prawo .hero-img{position:absolute;left:calc(60*var(--u));top:calc(170*var(--u));width:calc(480*var(--u));max-width:none;z-index:0} /* prawa część za krawędzią ekranu */
  .feat2{display:flex;flex-direction:column;gap:calc(30*var(--u));padding:calc(36*var(--u)) calc(20*var(--u)) calc(50*var(--u)) calc(30*var(--u))}
  .feat{display:flex;align-items:flex-start}
  .feat .ic{width:calc(108*var(--u));flex:0 0 auto;padding-top:calc(6*var(--u));padding-right:calc(24*var(--u));display:flex;justify-content:center}
  .feat .ic img{transform:scale(.95)}
  .feat h3{font-size:calc(15*var(--u));line-height:calc(18*var(--u));font-weight:700}
  .feat p{font-size:calc(14*var(--u));line-height:calc(19*var(--u));margin-top:calc(8*var(--u))}
  .law-note{margin:calc(-14*var(--u)) calc(20*var(--u)) 0 calc(30*var(--u));padding-left:calc(14*var(--u));font-size:calc(15*var(--u));line-height:calc(19*var(--u))}
  .law-src{margin:calc(24*var(--u)) calc(20*var(--u)) 0 calc(30*var(--u));font-size:calc(12*var(--u));line-height:calc(16*var(--u))}
  .law-cta{margin:calc(40*var(--u)) calc(16*var(--u)) calc(48*var(--u));padding:calc(28*var(--u)) calc(20*var(--u)) calc(32*var(--u));border-radius:calc(36*var(--u))}
  .law-cta-t{font-size:calc(20*var(--u));line-height:calc(25*var(--u))}
  .law-cta-d{margin:calc(10*var(--u)) 0 calc(22*var(--u));font-size:calc(15*var(--u));line-height:calc(20*var(--u))}

  /* PRACODAWCY */
  #p-pracodawcy .hero{padding:calc(66*var(--u)) calc(24*var(--u)) 0}
  #p-pracodawcy .hero .wrap{display:flex;flex-direction:column}
  #p-pracodawcy .hero picture{order:1}
  #p-pracodawcy .hero .cta{order:2}
  #p-pracodawcy .hero h1{font-size:calc(41*var(--u));line-height:calc(46*var(--u))}
  #p-pracodawcy .hero .sub{font-size:calc(15*var(--u));line-height:calc(18*var(--u));font-weight:700;margin-top:calc(32*var(--u))}
  #p-pracodawcy .hero .txt{font-size:calc(15*var(--u));line-height:calc(18*var(--u));margin-top:calc(18*var(--u))}
  #p-pracodawcy .hero-img{width:calc(396*var(--u));margin:calc(16*var(--u)) 0 0 calc(-22*var(--u));max-width:none}
  #p-pracodawcy .hero .cta{display:flex;flex-direction:column;align-items:center;gap:calc(20*var(--u));margin:calc(-30*var(--u)) calc(-24*var(--u)) 0;position:relative}
  .dl-partner{margin-top:calc(16*var(--u))}
  .dl-partner img{height:calc(24*var(--u))}
  .dl-partner span{margin-left:calc(20*var(--u));padding-left:calc(20*var(--u));font-size:max(var(--fs-min),calc(10.5*var(--u)));letter-spacing:calc(2*var(--u));line-height:calc(24*var(--u))}
  #p-pracodawcy .hero-col{display:contents} /* nagłówek, teksty i przycisk układają się w kolumnie hero razem ze zdjęciem */
  #p-pracodawcy .hero .txt+.txt{margin-top:calc(10*var(--u))}
  #p-pracodawcy .sec-txt{margin:calc(24*var(--u)) calc(24*var(--u)) 0;font-size:calc(15*var(--u));line-height:calc(21*var(--u))}
  #p-pracodawcy .stats{row-gap:calc(22*var(--u))}
  #p-pracodawcy .stats .stat{order:0} /* 4 liczby po kolei – przestawianie 3. i 6. dotyczy 6 liczb z raportu */
  #p-pracodawcy .numbers .btn{margin-top:calc(24*var(--u))}
  .reasons{padding-top:calc(56*var(--u));text-align:center}
  #p-pracodawcy .boxes{margin-top:calc(28*var(--u))}
  #p-pracodawcy .box{height:auto;align-items:flex-start;padding:calc(22*var(--u)) calc(20*var(--u)) calc(22*var(--u)) calc(22*var(--u))}
  #p-pracodawcy .box p{margin-top:calc(6*var(--u))}
  .about-rep{margin-top:calc(56*var(--u));padding:calc(44*var(--u)) calc(24*var(--u)) calc(36*var(--u));text-align:center}
  .rep-intro{margin-top:calc(22*var(--u))}
  .rep-name{font-size:calc(20*var(--u));line-height:calc(25*var(--u))}
  .rep-q{margin-top:calc(14*var(--u));font-size:calc(15*var(--u));line-height:calc(21*var(--u))}
  .rep-d{margin-top:calc(10*var(--u));font-size:calc(15*var(--u));line-height:calc(21*var(--u))}
  .rep-sub{margin-top:calc(40*var(--u));font-size:calc(28*var(--u));line-height:calc(32*var(--u))}
  #p-pracodawcy .stats--facts{margin-top:calc(20*var(--u))}
  .rep-lead{margin-top:calc(12*var(--u));font-size:calc(15*var(--u));line-height:calc(21*var(--u))}
  .xp{margin-top:calc(26*var(--u))}
  .xp-slide{grid-template-areas:"ph" "q" "cap";row-gap:calc(16*var(--u));align-content:start}
  .xp-photo{width:calc(120*var(--u))}
  .xp-photo--ph{font-size:calc(40*var(--u))}
  .xp-q{font-size:calc(15*var(--u));line-height:calc(21*var(--u))}
  .xp-slide figcaption{font-size:calc(14*var(--u));line-height:calc(19*var(--u))}
  .law-dates{padding:calc(56*var(--u)) calc(24*var(--u)) 0;text-align:center}
  .ldates{display:flex;flex-direction:column;gap:calc(14*var(--u));margin-top:calc(28*var(--u));text-align:left}
  .ldate{padding:calc(24*var(--u)) calc(22*var(--u))}
  .ldate-d{font-size:calc(40*var(--u))}
  .ldate h3{margin-top:calc(12*var(--u));font-size:calc(16*var(--u));line-height:calc(20*var(--u))}
  .ldate p{margin-top:calc(6*var(--u));font-size:calc(15*var(--u));line-height:calc(20*var(--u))}
  #p-pracodawcy .dl{padding-top:calc(56*var(--u))}
  .dl-lead{margin:calc(14*var(--u)) calc(24*var(--u)) 0;font-size:calc(15*var(--u));line-height:calc(21*var(--u))}
  .more{padding:calc(56*var(--u)) 0 calc(48*var(--u));text-align:center;border-top:1px solid #ececec}
  .more-block{margin-top:calc(36*var(--u))}
  .more-t{padding:0 calc(24*var(--u));font-size:calc(26*var(--u));line-height:calc(30*var(--u))}
  #p-pracodawcy .articles{padding-bottom:0}
  .webs{display:flex;flex-direction:column;gap:calc(32*var(--u));margin-top:calc(24*var(--u));padding:0 calc(24*var(--u))}
  .web{align-items:center;text-align:center}
  .web-cover{aspect-ratio:404/166;border-radius:calc(14*var(--u));font-size:calc(34*var(--u))}
  .web-date{margin-top:calc(14*var(--u));font-size:calc(13*var(--u))}
  .web h4{margin-top:calc(4*var(--u));font-size:calc(18*var(--u));line-height:calc(22*var(--u))}
  .web-d{margin:calc(6*var(--u)) 0 calc(16*var(--u));font-size:calc(15*var(--u));line-height:calc(20*var(--u))}

  /* 404 */
  #p-404 .hero{padding:calc(56*var(--u)) calc(24*var(--u)) 0;text-align:center}
  #p-404 .n404-num{width:calc(300*var(--u));margin:0 auto}
  #p-404 .n404-title{font-size:calc(48*var(--u));margin-top:calc(14*var(--u));position:relative;z-index:1}
  #p-404 .lead{font-size:calc(16*var(--u));line-height:calc(20*var(--u));font-weight:700;margin-top:calc(16*var(--u))}
  #p-404 .txt{font-size:calc(15*var(--u));line-height:calc(19*var(--u));margin-top:calc(10*var(--u))}
  #p-404 .hero .cta{display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--u));margin:calc(28*var(--u)) calc(-24*var(--u)) 0}
  #p-404 .hero-img{width:calc(402*var(--u));max-width:none;margin:calc(10*var(--u)) 0 0 calc(-24*var(--u))}
  .topics{padding:calc(40*var(--u)) calc(24*var(--u)) calc(44*var(--u))}
  .topic-grid{display:flex;flex-direction:column;gap:calc(12*var(--u));margin-top:calc(24*var(--u))}
  .topic{grid-template-columns:calc(46*var(--u)) 1fr;column-gap:calc(16*var(--u));padding:calc(18*var(--u)) calc(64*var(--u)) calc(18*var(--u)) calc(18*var(--u))}
  .topic-ic{width:calc(46*var(--u));height:calc(46*var(--u))}
  .topic-t{font-size:calc(16*var(--u));line-height:calc(20*var(--u))}
  .topic-d{font-size:calc(14*var(--u));line-height:calc(18*var(--u));margin-top:calc(4*var(--u))}
  .topic-go{right:calc(16*var(--u));top:50%;margin-top:calc(-18*var(--u));width:calc(36*var(--u));height:calc(36*var(--u))}
}

/* ===================================================================
   TABLET (744–1023px) – układ jak desktop, z menu hamburgerowym.
   Skala od szerokości 834; nadpisuje tylko różnice względem wersji mobilnej.
   =================================================================== */
@media (min-width:744px) and (max-width:1023px){
  :root{--u:calc(100vw/834)}
  body{font-size:calc(16*var(--u))}
  br.only-m,br.only-d{display:none}
  .wrap{width:calc(834*var(--u))}
  .page{max-width:none}
  .display{font-size:calc(72*var(--u));line-height:calc(76*var(--u))}
  .sec-title{font-size:calc(48*var(--u))}
  .btn--lg,.btn--md{width:calc(290*var(--u));height:calc(56*var(--u));font-size:calc(17*var(--u))}

  /* nagłówek */
  .brand{left:calc(40*var(--u))}
  .burger{right:calc(40*var(--u))}

  /* stopka: logo w górnym rzędzie, pod nim opis po lewej i kolumny linków po prawej */
  .site-footer{text-align:left;padding:calc(44*var(--u)) 0 calc(24*var(--u))}
  .site-footer .wrap{display:grid;grid-template-columns:1fr auto;column-gap:calc(40*var(--u));padding:0 calc(40*var(--u))}
  .f-logos{grid-column:1 / -1;grid-row:1;flex-wrap:nowrap;justify-content:flex-start;padding:0}
  .f-logos .logo-wp{order:0;width:calc(60*var(--u));height:calc(35*var(--u))}
  .f-logos .logo-gw{order:0;width:calc(96*var(--u));height:calc(31*var(--u))}
  .f-logos .sep{order:0;margin:0 calc(12*var(--u))}
  .f-logos .sep2{display:inline}
  .f-logos .kob-wrap{order:0;flex-basis:auto}
  .f-logos .logo-kob{width:calc(52*var(--u));height:calc(37*var(--u))}
  .f-logos .pm{font-size:calc(12*var(--u));line-height:calc(13*var(--u))}
  .f-desc{grid-column:1;grid-row:2;margin:calc(20*var(--u)) 0 0;padding:0}
  .f-social{grid-column:1;grid-row:3;justify-content:flex-start;margin-top:calc(16*var(--u))}
  .f-cols{grid-column:2;grid-row:2 / span 2;flex-direction:row;align-items:flex-start;margin-top:calc(14*var(--u));gap:calc(24*var(--u))}
  .f-copy{grid-column:1 / -1;margin-top:calc(28*var(--u));padding:0;text-align:center}

  /* formularze */
  .form{padding:0}
  .form label.lbl{text-align:left}
  .check{padding:0}

  /* HOME: hero – tekst po lewej, zdjęcie po prawej */
  #p-home .hero{padding:calc(64*var(--u)) calc(40*var(--u)) calc(56*var(--u));min-height:0}
  #p-home .hero-img{left:calc(420*var(--u));top:auto;bottom:0;width:calc(400*var(--u))}
  #p-home .lead{width:calc(360*var(--u));font-size:calc(19*var(--u));line-height:calc(25*var(--u));margin-top:calc(26*var(--u))}
  #p-home .lead .red{margin-top:0}
  #p-home .partner-m{display:flex;position:relative;z-index:1;margin-top:calc(28*var(--u))}
  #p-home .partner-m img{width:calc(56*var(--u));height:calc(42*var(--u))}
  #p-home .partner-m span{margin-left:calc(22*var(--u));font-size:calc(11*var(--u));line-height:calc(15*var(--u));letter-spacing:calc(4*var(--u));text-align:left}
  #p-home .hero .cta{flex-direction:row;justify-content:flex-start;gap:calc(16*var(--u));margin:calc(40*var(--u)) 0 0}
  #p-home .hero .cta .btn--outline{border-color:var(--red)}

  /* HOME: historie */
  .stories{background:var(--gray-bg);padding:calc(50*var(--u)) calc(40*var(--u)) calc(30*var(--u))}
  .slider{margin-top:calc(30*var(--u));min-height:calc(96*var(--u))}
  .slide q{font-size:calc(20*var(--u));line-height:calc(26*var(--u));max-width:calc(620*var(--u));margin:0 auto;text-wrap:balance}
  .slide .src{margin-top:calc(18*var(--u))}

  /* HOME: dla pracodawców – licznik i tekst po lewej, zdjęcie po prawej */
  .employers{text-align:left;padding:calc(64*var(--u)) 0 0}
  .employers .wrap{display:grid;grid-template-columns:calc(380*var(--u)) 1fr;column-gap:calc(10*var(--u));padding:0 calc(40*var(--u));align-items:start}
  .employers .wrap>*{grid-column:1}
  .employers .sec-title{text-align:left}
  .employers .cd-label{font-size:calc(16*var(--u));margin-top:calc(14*var(--u))}
  .countdown{justify-content:flex-start;gap:calc(18*var(--u))}
  .countdown .v{font-size:calc(70*var(--u));line-height:calc(70*var(--u))}
  .employers .txt{font-size:calc(17*var(--u));line-height:calc(23*var(--u));margin-top:calc(22*var(--u));padding:0}
  .employers .txt b{white-space:nowrap}
  .employers .img{grid-column:2;grid-row:1 / span 5;align-self:end;justify-self:end;width:calc(400*var(--u));margin:0} /* ucięty dół zdjęcia na dole sekcji */
  .employers .cta{align-items:flex-start;margin:calc(28*var(--u)) 0 calc(56*var(--u))}

  /* HOME: FAQ – szerzej, wyrównane do lewej, zdjęcie pod pytaniami */
  .faq{padding:calc(64*var(--u)) calc(40*var(--u)) 0}
  .faq .sec-title,.faq-intro{text-align:left}
  .faq-intro{max-width:calc(620*var(--u));font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  .faq-q{font-size:calc(17*var(--u));line-height:calc(22*var(--u))}
  .faq-a{font-size:calc(16*var(--u));line-height:calc(23*var(--u))}
  .faq-img{width:calc(380*var(--u))}

  /* HOME: zgłoś mobbing – tytuł, opis i zdjęcie po lewej, formularz po prawej */
  .report{text-align:left;padding:calc(64*var(--u)) 0}
  .report .wrap{display:grid;grid-template-columns:calc(290*var(--u)) 1fr;grid-template-rows:auto auto auto auto 1fr;column-gap:calc(40*var(--u));padding:0 calc(40*var(--u));align-items:start}
  .report .steps{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:calc(22*var(--u)) calc(30*var(--u));margin:calc(-64*var(--u)) calc(-40*var(--u)) calc(56*var(--u));padding:calc(48*var(--u)) calc(40*var(--u));background:none} /* na białym – szare są historie tuż nad krokami */
  .report .sec-title{grid-column:1;grid-row:2;text-align:left}
  .report .intro{grid-column:1;grid-row:3;width:auto;margin:calc(14*var(--u)) 0 0;font-size:calc(17*var(--u));line-height:calc(23*var(--u))}
  .report .tally{grid-column:1;grid-row:4;justify-content:flex-start;margin:calc(24*var(--u)) 0 0}
  .tally-n{font-size:calc(58*var(--u))}
  .tally-l{font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .report .img{grid-column:1;grid-row:5;align-self:end;width:calc(290*var(--u));margin:calc(28*var(--u)) 0 0}
  .report .form{grid-column:2;grid-row:2 / span 4;scroll-margin-top:calc(122*var(--u))}
  .report .grid2{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(16*var(--u))}
  .report .btn-submit{width:100%;height:calc(54*var(--u));font-size:calc(18*var(--u))}
  .report:has(.form.is-sent) :is(.sec-title,.intro){grid-column:1 / -1} /* po wysłaniu formularza tekst na całą szerokość */
  .report:has(.form.is-sent) .form{grid-row:4 / span 2;margin-top:calc(28*var(--u))} /* karta podziękowania pod opisem, zdjęcie obok */
  .report .form-success{text-align:left;padding:calc(32*var(--u)) calc(34*var(--u)) calc(36*var(--u))}
  .ok-dot{margin:0 0 calc(12*var(--u)) calc(-8*var(--u))}
  .report .ok-ref-n{justify-content:flex-start}
  .ok-cta{flex-direction:row}
  .ok-guide{border-top:0;border-left:calc(4*var(--u)) solid var(--red);padding:calc(20*var(--u)) calc(22*var(--u)) calc(22*var(--u))}

  /* PODSTRONY: hero – tekst po lewej, zdjęcie po prawej (wspólne) */
  :is(#p-oakcji,#p-test,#p-raport,#p-czym,#p-comoge,#p-prawo,#p-pracodawcy) .hero{padding:calc(70*var(--u)) calc(40*var(--u)) calc(60*var(--u));min-height:0;height:auto}
  :is(#p-oakcji,#p-test,#p-raport,#p-czym,#p-comoge,#p-prawo,#p-pracodawcy) .hero-img{position:absolute;margin:0;max-width:none;z-index:0}
  :is(#p-oakcji,#p-test,#p-raport,#p-czym,#p-comoge,#p-prawo,#p-pracodawcy) .hero :is(.sub,.txt,.lead,.red-b){position:relative;z-index:1;width:calc(340*var(--u))}
  :is(#p-oakcji,#p-test,#p-raport,#p-czym,#p-comoge,#p-prawo,#p-pracodawcy) .hero .sub{font-size:calc(20*var(--u));line-height:calc(26*var(--u));margin-top:calc(24*var(--u))}
  :is(#p-oakcji,#p-test,#p-raport,#p-czym,#p-comoge,#p-prawo,#p-pracodawcy) .hero :is(.txt,.lead,.red-b){font-size:calc(18*var(--u));line-height:calc(25*var(--u));margin-top:calc(16*var(--u))}
  .why .sec-title,.experts .sec-title{text-align:left}

  /* O AKCJI */
  #p-oakcji .hero{min-height:calc(420*var(--u))}
  #p-oakcji .hero-img{left:calc(380*var(--u));top:calc(50*var(--u));width:calc(500*var(--u))}
  .why{padding:calc(64*var(--u)) calc(40*var(--u)) 0;text-align:left}
  .why .para{text-align:left;font-size:calc(17*var(--u));line-height:calc(24*var(--u));padding:0;margin-top:calc(20*var(--u));max-width:calc(680*var(--u))}
  .why .why-pillars{margin-top:calc(52*var(--u))}
  .why ol{margin-top:calc(28*var(--u));padding:0 0 calc(56*var(--u))}
  .why li{margin-bottom:calc(28*var(--u))}
  .why .num{font-size:calc(64*var(--u));line-height:calc(64*var(--u));width:calc(96*var(--u))}
  .why h3{font-size:calc(20*var(--u));line-height:calc(24*var(--u));margin-top:calc(4*var(--u))}
  .why li p{font-size:calc(17*var(--u));line-height:calc(22*var(--u));width:calc(330*var(--u));padding-right:0;margin-top:calc(4*var(--u))}
  .why li .btn{margin-top:calc(14*var(--u))}
  .why .img{position:absolute;right:0;bottom:0;width:calc(300*var(--u));margin:0}
  .partners{padding:calc(64*var(--u)) calc(40*var(--u)) calc(40*var(--u))}
  .partners .wrap{display:grid;grid-template-columns:1fr calc(260*var(--u)) 1fr;column-gap:calc(24*var(--u));align-items:center}
  .partners .sec-title{grid-row:1;align-self:end;text-align:center;font-size:calc(40*var(--u));margin-bottom:calc(24*var(--u))}
  .partners-t--org{grid-column:1}
  .partners-t--par{grid-column:3}
  .partner--gw{grid-column:1;grid-row:2 / span 2}
  .partners .img.only-d{display:block!important;grid-column:2;grid-row:2 / span 2;width:100%;margin:0}
  .partners .img.only-m{display:none!important}
  .partner--wp{grid-column:3;grid-row:2;margin-top:0}
  .partner--kob{grid-column:3;grid-row:3;margin-top:calc(28*var(--u))}
  .partner h3{font-size:calc(18*var(--u))}
  .partner p{font-size:calc(16*var(--u));line-height:calc(21*var(--u));padding:0}
  .experts{padding:calc(56*var(--u)) calc(40*var(--u));text-align:left}
  .expert{display:flex;align-items:center;gap:calc(32*var(--u));margin-top:calc(36*var(--u))}
  .expert img{flex:0 0 auto;width:calc(200*var(--u));height:calc(200*var(--u));margin:0}
  .expert h3{font-size:calc(22*var(--u));margin-top:0}
  .expert p{font-size:calc(17*var(--u));line-height:calc(23*var(--u));margin-top:calc(10*var(--u))}

  /* TEST: skala odpowiedzi w poziomie, jak na desktopie */
  #p-test .hero-img{left:calc(377*var(--u));top:0;width:calc(520*var(--u))}
  #p-test .hero h1{font-size:calc(72*var(--u));line-height:calc(76*var(--u))}
  #p-test .hero .sub .sub-sep{display:inline}
  .quiz{margin:calc(48*var(--u)) 0 0;padding:calc(32*var(--u)) calc(40*var(--u)) calc(40*var(--u))}
  .quiz-tally{margin:calc(-46*var(--u)) 0 calc(40*var(--u))}
  .scale{--sp:calc(128*var(--u));flex-direction:row;width:calc(var(--n,5)*var(--sp));margin:calc(28*var(--u)) auto 0}
  .scale--2,.scale--3{--sp:calc(170*var(--u))}
  .scale--4{--sp:calc(150*var(--u))}
  .scale::before{left:calc(var(--sp)/2);right:calc(var(--sp)/2);top:calc(14.5*var(--u));bottom:auto;width:auto;height:calc(1.2*var(--u));background:repeating-linear-gradient(90deg,var(--red) 0 calc(2*var(--u)),transparent calc(2*var(--u)) calc(4*var(--u)))}
  .opt{flex:0 0 var(--sp);flex-direction:column;align-items:center;min-height:0;padding:0 calc(6*var(--u));text-align:center}
  .opt .dot{margin-top:0}
  .opt .lbl{margin:calc(12*var(--u)) 0 0;padding:0;font-size:calc(16*var(--u));line-height:calc(19*var(--u))}
  .quiz-nav .btn{width:calc(230*var(--u))}
  .quiz-res .answers{flex-direction:row;justify-content:center}
  .quiz-res .answers .btn{width:calc(300*var(--u))}

  /* RAPORT */
  #p-raport .hero{min-height:0}
  #p-raport .hero-img{left:calc(290*var(--u));top:auto;bottom:0;width:calc(560*var(--u))}
  #p-raport .hero h1{font-size:calc(72*var(--u));line-height:calc(76*var(--u))}
  #p-raport .numbers{padding-top:calc(60*var(--u))}
  #p-raport .hero .btn{margin:calc(32*var(--u)) 0 0}
  .numbers{padding:calc(60*var(--u)) calc(40*var(--u)) 0}
  .stats{grid-template-columns:repeat(3,1fr);gap:calc(28*var(--u)) calc(24*var(--u));margin-top:calc(32*var(--u))}
  .stats .stat:nth-child(3),.stats .stat:nth-child(6){order:0}
  .stat .n{font-size:calc(58*var(--u));line-height:calc(64*var(--u))}
  .stat .l{font-size:calc(16*var(--u));line-height:calc(20*var(--u))}
  .contains{padding:calc(56*var(--u)) calc(40*var(--u)) 0}
  .boxes{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u));padding:0}
  .box{height:auto;min-height:calc(150*var(--u));padding:calc(24*var(--u)) calc(24*var(--u)) calc(24*var(--u)) calc(20*var(--u));align-items:flex-start}
  .box .num{font-size:calc(60*var(--u));line-height:calc(60*var(--u));width:calc(84*var(--u))}
  .box h3{font-size:calc(17*var(--u));line-height:calc(21*var(--u))}
  .box p{font-size:calc(16*var(--u));line-height:calc(21*var(--u))}
  .dl{padding:calc(64*var(--u)) calc(40*var(--u)) calc(56*var(--u))}
  .dl .form{width:calc(560*var(--u));max-width:100%;margin:calc(28*var(--u)) auto 0}

  /* CZYM JEST MOBBING: formy w 3 kolumnach */
  #p-czym .hero-img{left:calc(270*var(--u));top:auto;bottom:calc(-38*var(--u));width:calc(680*var(--u))} /* prawa część za krawędzią ekranu, szary dół pliku poza sekcją */
  #p-czym .hero .btn{display:flex;position:relative;z-index:1;margin-top:calc(28*var(--u));width:calc(240*var(--u));height:calc(56*var(--u));font-size:calc(17*var(--u))}
  .forms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(44*var(--u)) calc(24*var(--u));padding:calc(40*var(--u)) calc(40*var(--u)) 0;align-items:start}
  .mcard img{width:100%;height:auto}
  .mcard h3{font-size:calc(18*var(--u));line-height:calc(22*var(--u));margin-top:calc(16*var(--u))}
  .mcard ul{margin-top:calc(14*var(--u));font-size:calc(15*var(--u));line-height:calc(19*var(--u))}
  .mnote{margin:calc(48*var(--u)) calc(40*var(--u)) 0;font-size:calc(18*var(--u));line-height:calc(25*var(--u))}
  .remember{padding:calc(56*var(--u)) calc(40*var(--u))}
  .remember p{font-size:calc(18*var(--u));line-height:calc(24*var(--u))}

  /* CO MOGĘ ZROBIĆ: artykuły w 2 kolumnach */
  #p-comoge .hero{min-height:calc(330*var(--u))}
  #p-comoge .hero-img{left:calc(350*var(--u));top:calc(20*var(--u));width:calc(520*var(--u))} /* dłuższy tytuł „Wiedza ekspertów” nie wchodzi na plamę */
  .articles{display:grid;grid-template-columns:1fr 1fr;gap:calc(40*var(--u)) calc(24*var(--u));padding:calc(20*var(--u)) calc(40*var(--u)) calc(60*var(--u))}
  .art:not([hidden])~.art::before{display:none}
  .art-img{width:100%}
  .art img{width:100%;height:auto;aspect-ratio:404/166}
  .art h3{text-align:left;font-size:calc(19*var(--u));line-height:calc(24*var(--u));margin:calc(14*var(--u)) 0 0}
  .authors{padding:calc(48*var(--u)) calc(40*var(--u)) calc(16*var(--u))}
  .authors .sec-title{font-size:calc(48*var(--u))}
  .author-list{gap:calc(48*var(--u))}
  .author-img img{height:calc(180*var(--u))}
  .author-name{font-size:calc(19*var(--u));line-height:calc(24*var(--u))}
  .author-role{font-size:calc(13*var(--u));line-height:calc(17*var(--u))}
  .authors--dots .author-list{gap:calc(20*var(--u)) calc(8*var(--u))}
  .authors--dots .author{width:calc(120*var(--u))}
  .authors--dots .author-img{width:calc(92*var(--u))}
  .authors--dots .author-name{font-size:calc(15*var(--u));line-height:calc(19*var(--u))}
  .authors--mini{padding:0}
  .authors--mini .author-list{gap:calc(16*var(--u))}
  .authors--mini .author{width:calc(130*var(--u))}
  .authors--mini .author-img{width:calc(76*var(--u))}
  .author-img--ph{font-size:calc(26*var(--u))}
  #p-pracodawcy .art h3{font-size:calc(18*var(--u));line-height:calc(22*var(--u))}
  .authors--mini .author-name{font-size:calc(15*var(--u));line-height:calc(19*var(--u))}
  .authors--mini .author-role{font-size:calc(12*var(--u));line-height:calc(16*var(--u))}
  .exp-clear{margin-top:calc(22*var(--u));height:calc(34*var(--u));padding:0 calc(30*var(--u)) 0 calc(17*var(--u));gap:calc(18*var(--u));font-size:calc(15*var(--u))}
  .exp-clear svg{width:calc(10*var(--u));height:calc(10*var(--u))}
  .art-badge{right:calc(14*var(--u));top:calc(14*var(--u));height:calc(24*var(--u));padding:0 calc(10*var(--u));font-size:calc(12.5*var(--u));line-height:calc(24*var(--u))}
  .art-tag~.art-badge{top:auto;right:auto;left:calc(14*var(--u));bottom:calc(13*var(--u))}

  /* NOWE PRAWO: zmiany w 2 kolumnach */
  #p-prawo .hero-img{left:calc(330*var(--u));top:calc(10*var(--u));width:calc(540*var(--u))}
  #p-prawo .hero .sec-title{position:relative;left:auto;right:auto;bottom:auto;margin-top:calc(44*var(--u));text-align:left}
  #p-prawo .hero .txt{margin-top:calc(24*var(--u))}
  .feat2{display:grid;grid-template-columns:1fr 1fr;gap:calc(40*var(--u)) calc(32*var(--u));padding:calc(48*var(--u)) calc(40*var(--u)) calc(64*var(--u))}
  .feat .ic{width:calc(88*var(--u));padding-right:calc(20*var(--u))}
  .feat h3{font-size:calc(18*var(--u));line-height:calc(22*var(--u))}
  .feat p{font-size:calc(15*var(--u));line-height:calc(20*var(--u));margin-top:calc(8*var(--u))}
  .law-note{margin:calc(-24*var(--u)) calc(40*var(--u)) 0;padding-left:calc(18*var(--u));font-size:calc(17*var(--u));line-height:calc(23*var(--u))}
  .law-src{margin:calc(28*var(--u)) calc(40*var(--u)) 0;font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .law-cta{margin:calc(48*var(--u)) calc(40*var(--u)) calc(64*var(--u));padding:calc(36*var(--u)) calc(40*var(--u)) calc(40*var(--u));border-radius:calc(46*var(--u))}
  .law-cta-t{font-size:calc(26*var(--u));line-height:calc(32*var(--u))}
  .law-cta-d{margin:calc(12*var(--u)) 0 calc(26*var(--u));font-size:calc(18*var(--u));line-height:calc(24*var(--u))}

  /* DLA PRACODAWCÓW */
  #p-pracodawcy .hero .wrap{display:block}
  .dl-partner img{height:calc(26*var(--u))}
  .dl-partner span{font-size:calc(11*var(--u));line-height:calc(26*var(--u))}
  #p-pracodawcy .hero h1{font-size:calc(50*var(--u));line-height:calc(54*var(--u))}
  #p-pracodawcy .hero-img{left:calc(440*var(--u));top:calc(60*var(--u));width:calc(420*var(--u))}
  #p-pracodawcy .hero .cta{flex-direction:row;justify-content:flex-start;gap:calc(16*var(--u));margin:calc(32*var(--u)) 0 0;z-index:2}
  #p-pracodawcy .sec-txt{max-width:calc(620*var(--u));margin:calc(32*var(--u)) auto 0;font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  #p-pracodawcy .stats{grid-template-columns:1fr 1fr;row-gap:calc(32*var(--u))}
  #p-pracodawcy .stats--facts{grid-template-columns:repeat(4,1fr)}
  #p-pracodawcy .numbers .btn{margin-top:calc(32*var(--u))}
  .reasons{padding:calc(64*var(--u)) calc(40*var(--u)) 0}
  #p-pracodawcy .boxes{margin-top:calc(36*var(--u))}
  #p-pracodawcy .box{padding:calc(24*var(--u)) calc(24*var(--u)) calc(24*var(--u)) calc(20*var(--u))}
  .about-rep{margin-top:calc(64*var(--u));padding:calc(56*var(--u)) calc(40*var(--u)) calc(48*var(--u))}
  .rep-intro{max-width:calc(660*var(--u));margin:calc(28*var(--u)) auto 0}
  .rep-name{font-size:calc(24*var(--u));line-height:calc(30*var(--u))}
  .rep-q{font-size:calc(18*var(--u));line-height:calc(25*var(--u))}
  .rep-d{font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  .rep-sub{margin-top:calc(52*var(--u));font-size:calc(32*var(--u));line-height:calc(36*var(--u))}
  .rep-lead{max-width:calc(620*var(--u));margin:calc(14*var(--u)) auto 0;font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  .xp{margin-top:calc(32*var(--u))}
  .xp-slide{grid-template-columns:calc(150*var(--u)) 1fr;grid-template-areas:"ph q" "ph cap";column-gap:calc(32*var(--u));align-content:center;text-align:left}
  .xp-photo{width:calc(150*var(--u))}
  .xp-q{align-self:end;font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  .xp-slide figcaption{font-size:calc(15*var(--u));line-height:calc(20*var(--u))}
  .law-dates{padding:calc(64*var(--u)) calc(40*var(--u)) 0}
  .ldates{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u));margin-top:calc(36*var(--u))}
  .ldate{padding:calc(28*var(--u)) calc(28*var(--u)) calc(30*var(--u))}
  .ldate-d{font-size:calc(48*var(--u))}
  .ldate h3{font-size:calc(18*var(--u));line-height:calc(22*var(--u))}
  .ldate p{font-size:calc(16*var(--u));line-height:calc(22*var(--u))}
  #p-pracodawcy .dl{padding-top:calc(64*var(--u))}
  .dl-lead{max-width:calc(600*var(--u));margin:calc(16*var(--u)) auto 0;font-size:calc(17*var(--u));line-height:calc(24*var(--u))}
  .dl .grid2{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(16*var(--u))}
  .more{padding:calc(64*var(--u)) calc(40*var(--u)) calc(64*var(--u))}
  .more-t{padding:0;font-size:calc(30*var(--u));line-height:calc(34*var(--u))}
  #p-pracodawcy .articles{grid-template-columns:repeat(3,1fr);gap:calc(20*var(--u));padding:calc(28*var(--u)) 0 0;text-align:left}
  .webs{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20*var(--u));margin-top:calc(28*var(--u));padding:0}
  .web{align-items:flex-start;text-align:left}
  .web-d{margin-bottom:calc(18*var(--u))}

  /* 404 */
  #p-404 .hero{padding:calc(56*var(--u)) calc(40*var(--u)) 0;text-align:left}
  #p-404 .hero :is(.n404-num,.lead,.txt,.cta){position:relative;z-index:1}
  #p-404 .n404-num{width:calc(360*var(--u));margin:0}
  #p-404 .n404-title{font-size:calc(54*var(--u))}
  #p-404 .n404-title br.only-m{display:inline}
  #p-404 .lead{font-size:calc(18*var(--u));line-height:calc(24*var(--u));margin-top:calc(18*var(--u));width:calc(400*var(--u))}
  #p-404 .txt{font-size:calc(17*var(--u));line-height:calc(22*var(--u))}
  #p-404 .hero .cta{flex-direction:row;justify-content:flex-start;margin:calc(28*var(--u)) 0 calc(56*var(--u))}
  #p-404 .hero-img{position:absolute;left:auto;right:calc(-30*var(--u));bottom:0;width:calc(440*var(--u));margin:0}
  .topics{padding:calc(56*var(--u)) calc(40*var(--u)) calc(60*var(--u))}
  .topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u))}
}

/* Widoczny stan niedostępności, zanim użytkownik poda dane. */
.form-unavailable{padding:16px;border:2px solid var(--red);border-radius:8px;background:#fff;color:#111;font-size:16px;line-height:1.5;margin:0 0 20px}
.form :disabled{cursor:not-allowed;opacity:.65}

/* Pole antyspamowe nie bierze udziału w układzie ani obsłudze klawiaturą. */
.report-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}