/* IWPB — strona v1 (z makiety v4, 2026-10-06): wariant „jasne wyspy, wykres granatowy” */
/* fonty z własnego serwera (licencja SIL OFL 1.1, pliki w assets/fonty/): zero zapytań do obcych domen */
@font-face{font-family:"Poltawski Nowy";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonty/poltawski-nowy-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poltawski Nowy";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonty/poltawski-nowy-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:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonty/lato-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonty/lato-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:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonty/lato-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonty/lato-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}
*{box-sizing:border-box;margin:0}
:root{
 --navy:#13294B;--navy2:#1B355F;--line-n:#2E4A78;--on-navy:#E3E9F2;--on-navy-muted:#AEBBD0;
 --ink:#13294B;--text:#222B38;--muted:#5A6474;--line:#D6DBE2;--soft:#F3F6FA;--yellow:#F2C230;--band:#7FB0F0;
}
body{font-family:Lato,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.top :focus-visible,.foot :focus-visible,.island :focus-visible,.exh :focus-visible{outline-color:var(--yellow)}
.wrap{max-width:1240px;margin:0 auto;padding-inline:32px}
.skip{position:absolute;left:-9999px;top:0;z-index:30;background:var(--yellow);color:var(--navy);padding:10px 14px;font-weight:700}
.skip:focus{left:12px;top:12px}
h1,h2,h3{font-family:"Poltawski Nowy",Georgia,serif;font-weight:600;color:var(--ink);line-height:1.12}

/* ===== górny pasek ===== */
.top{background:var(--navy);border-top:5px solid var(--yellow)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}
.logo{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}
.logo b{font-family:"Poltawski Nowy",Georgia,serif;font-size:30px;font-weight:700;letter-spacing:.03em}
.logo span{font-size:13px;line-height:1.25;color:var(--on-navy-muted);max-width:140px;border-left:1px solid currentColor;padding-left:14px}
.top nav ul{display:flex;gap:28px;list-style:none;padding:0}
.top nav a{color:var(--on-navy);text-decoration:none;font-size:15px;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.top nav a:hover{color:#fff;border-bottom-color:var(--on-navy-muted)}
.top nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--yellow)}
.kontakt-m{display:none}

/* ===== otwarcie strony głównej ===== */
.hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start;padding-top:76px;padding-bottom:68px}
.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.04;max-width:12em}
.hero .lead{font-size:20px;line-height:1.6;margin-top:28px;max-width:31em}
.hero .aside{margin-top:24px;font-size:16px;color:var(--muted)}
.hero .aside a{font-weight:700}
.exh{background:var(--navy);padding:22px 22px 16px;color:var(--on-navy)}
.exh .t{font-family:"Poltawski Nowy",Georgia,serif;font-size:19px;color:#fff;font-weight:600}
.exh .u{font-size:14px;color:var(--on-navy-muted);margin-top:2px}
.exh svg{display:block;width:100%;height:auto;margin-top:10px}
.exh figcaption{font-size:14px;color:var(--on-navy-muted);margin-top:8px;line-height:1.45}
.fan .grid line{stroke:var(--line-n);stroke-width:1}
.fan .now{stroke:var(--on-navy-muted);stroke-dasharray:3 4;opacity:.6}
.fan text{font-family:Lato,"Segoe UI",sans-serif;font-size:12px;fill:#9FB0CB}
.fan .lab{font-size:13px;fill:#fff}
.hero .fan text{font-size:16px}
.hero .fan .lab{font-size:17px}
.exh .tag{color:var(--on-navy-muted);border-color:var(--line-n);margin-left:8px}
.exh figcaption a{color:#fff;font-weight:700}
.rk{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}
.rk li{display:grid;grid-template-columns:minmax(0,10.5em) minmax(0,1fr) 4em;align-items:center;gap:10px;font-size:15px;line-height:1.35}
.rk a{color:#fff;padding:2px 0;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}.rk a:hover{text-decoration-color:#fff}
.rk li > span:first-child{color:var(--on-navy-muted)}.rk small{font-size:12px}
.rk .rk-med{font-size:13px}.rk .rk-med > span:first-child,.rk .rk-med b{color:var(--yellow)}.rk .rk-med .rk-b{height:0;border-top:1px dashed var(--yellow)}
.rk .rk-b{height:10px}.rk .rk-b i{display:block;height:100%;background:var(--band)}
.rk b{color:#fff;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.rk-branz.zwin .rk-sr{display:none}.rk-branz.zwin .rk-med{margin:6px 0}
.rk-wiecej{margin-top:12px;min-height:44px;padding:10px 16px;font:700 14px/1.2 Lato,"Segoe UI",sans-serif;color:#fff;background:transparent;border:1px solid var(--line-n);cursor:pointer}.rk-wiecej:hover{border-color:#fff}.rk-wiecej:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.fan .sc{fill:none;stroke:var(--band);stroke-width:2.5}
.fan .sc.base{stroke:var(--yellow)}
.fan .sc.alt{stroke-dasharray:6 4}
.fan .hist{fill:none;stroke:#fff;stroke-width:2.5}
@media (prefers-reduced-motion:no-preference){
 .fan .sc{animation:fanIn .7s ease-out .3s both}
}
@keyframes fanIn{from{opacity:0}to{opacity:1}}

/* pasek filarów pod otwarciem */
.mark::before{content:"";display:inline-block;width:10px;height:10px;background:var(--yellow);margin-right:10px;vertical-align:4px}
[hidden]{display:none!important}

/* ===== nagłówek podstrony ===== */
.phead{padding-block:64px 52px;border-bottom:1px solid var(--line)}
.phead.long h1{font-size:clamp(30px,3.4vw,46px);max-width:22em}
.phead h1{font-size:clamp(36px,4.4vw,60px);max-width:14em}
.phead .lead{font-size:20px;line-height:1.6;margin-top:18px;max-width:36em}

/* ===== sekcje ===== */
.sec{padding:72px 0;border-bottom:1px solid var(--line)}
.sec.tight{padding:56px 0}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
.head h2{font-size:34px}
.head h2::before{content:"";display:block;width:12px;height:12px;background:var(--yellow);margin-bottom:16px}
.head p{color:var(--muted);font-size:17px;line-height:1.55;margin-top:14px;max-width:26em}
.head .more{display:inline-block;margin-top:10px;padding-block:12px;font-weight:700}
.sub{font-size:15px;color:var(--muted);margin-top:16px}
h3.h3{font-size:24px;margin-bottom:6px}
.note{color:var(--muted);font-size:16px;line-height:1.55;margin:6px 0 20px;max-width:40em}

.reg a.t{color:var(--ink);font-weight:700;text-decoration:none;line-height:1.35}
.reg a.t:hover{text-decoration:underline}
.teaser{margin-top:36px;border-left:3px solid var(--yellow);padding:4px 0 4px 18px;max-width:760px}
.teaser .k{font-size:13px;color:var(--on-navy-muted)}
.teaser p{margin-top:4px;line-height:1.55}
.teaser a{display:inline-block;margin-top:8px;font-weight:700}
.crumb{font-size:14px;color:var(--muted);margin-bottom:14px}
.meta{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:24px}
.meta dt{font-size:13px;color:var(--muted)}
.meta dd{margin:0;font-weight:700;color:var(--ink)}
.short{list-style:none;padding:0;display:grid;gap:10px}
.swot.big ul{list-style:none;padding:0;margin-top:10px;display:grid;gap:6px}
.swot.big div{padding:16px}

.chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 0;margin:4px 0 30px}
.chain li{font-weight:700;color:#fff}
.chain li+li::before{content:"→";margin:0 12px;color:var(--yellow);font-weight:400}
.rfs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.rfs .z{font-size:14px;color:var(--on-navy-muted);line-height:1.4}
.rfs h3{font-size:22px;margin-top:8px}
.rfs dl{display:grid;grid-template-columns:116px minmax(0,1fr);gap:6px 12px;font-size:15px;line-height:1.45;margin-top:12px}
.rfs dt{font-weight:700;color:#fff}
.rfs dd{margin:0}
.rfs .go{display:block;margin-top:14px;font-weight:700}
.rfs .go.alt{font-weight:400;margin-top:8px}
.rfs dd .ph{display:block;padding:6px 10px}
.rfs .z{min-height:2.9em}
.rfs h3{min-height:3.4em}
.mini{list-style:none;padding:0;margin-top:10px}
.mini li{padding:8px 0;border-top:1px solid var(--line-n)}
.mini a{font-weight:700;text-decoration:none}
.mini a:hover{text-decoration:underline}

/* granatowa wyspa */
.island{background:var(--navy);color:var(--on-navy);border-bottom:0}
.island h2,.island h3{color:#fff}
.island .head p,.island .note{color:var(--on-navy-muted)}
.island a{color:#fff}
.island .sub{color:var(--on-navy-muted)}

/* ===== przyciski ===== */
.btn{display:inline-block;padding:14px 22px;font:700 16px/1.2 Lato,"Segoe UI",sans-serif;text-decoration:none;border:2px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer}
.btn.p{background:var(--ink);color:#fff}
.btn.sm{padding:12px 16px;font-size:14px}
.btn:disabled{opacity:.55;cursor:default}
.island .btn{border-color:#fff;color:#fff}
.island .btn.p{background:#fff;color:var(--navy)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* ===== miejsce do uzupełnienia ===== */
.ph{background:repeating-linear-gradient(135deg,#F4F6F9 0 10px,#EBEFF4 10px 20px);color:var(--muted);font-size:14px;padding:12px 14px;line-height:1.4}
.island .ph{background:repeating-linear-gradient(135deg,#1A3360 0 10px,#203B6B 10px 20px);color:var(--on-navy-muted)}
.tag{display:inline-block;font-size:13px;color:var(--muted);border:1px solid var(--line);padding:1px 7px;white-space:nowrap;vertical-align:2px;font-family:Lato,"Segoe UI",sans-serif;font-weight:400}

/* ===== rejestr: lista wierszy ===== */
.reg{list-style:none;padding:0;border-top:2px solid var(--ink)}
.reg li{display:grid;grid-template-columns:var(--cols,200px minmax(0,1fr) 130px);gap:20px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.reg .n{font-family:"Poltawski Nowy",Georgia,serif;font-size:20px;color:var(--ink);font-weight:600;line-height:1.2}
.reg .m{color:var(--muted);font-size:14px}
.reg small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.reg .r{text-align:right}
.reg a.r{display:inline-block;padding-block:12px}

/* ===== tabele ===== */
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{text-align:left;font-weight:700;color:var(--ink);border-bottom:2px solid var(--ink);padding:10px 16px 8px 0;font-size:14px;vertical-align:bottom}
.tbl td{border-bottom:1px solid var(--line);padding:13px 16px 13px 0;vertical-align:top;line-height:1.5}
.tbl td.k{font-family:"Poltawski Nowy",Georgia,serif;font-size:18px;color:var(--ink);font-weight:600}
.tbl td.who{color:var(--ink);font-weight:700;font-size:14px}
.tbl tr.gate td{background:#FFF5D6;border-bottom:1px solid #EFD98F;font-size:14.5px;color:#4A3D0E;padding:9px 14px}
.tbl tr.gate b{color:var(--ink)}
.tbl .first{font-weight:700;color:var(--ink);white-space:nowrap}
.tw{overflow-x:auto}
.tw-hint{display:none;font-size:13px;color:var(--muted);margin-bottom:6px}
.mx{min-width:680px}
.mx td,.mx th{text-align:center;padding-right:10px}
.mx td:first-child,.mx th:first-child,.mx td:last-child,.mx th:last-child{text-align:left}
.dot{display:inline-block;width:12px;height:12px;background:var(--ink)}
.dash{color:#6B7686}

/* ===== bloki treści ===== */
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}
.cols4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cols3 .ph{min-height:180px}
.form.filters{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin-bottom:28px}
.blk{border-top:3px solid var(--ink);padding-top:16px}
.island .blk{border-top-color:var(--yellow)}
.blk h3{font-size:23px}
.blk p{margin-top:8px;line-height:1.55}
.blk .m{color:var(--muted);font-size:15px;margin-top:6px}
.island .blk .m{color:var(--on-navy-muted)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}
.steps li{border-top:1px solid var(--line-n);padding-top:12px}
.steps b{display:block;font-family:"Poltawski Nowy",Georgia,serif;font-size:19px;color:#fff;font-weight:600}
.steps .k{font-size:13px;color:var(--on-navy-muted)}
.steps p{font-size:15px;color:var(--on-navy-muted);margin-top:6px;line-height:1.5}
.brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line-n)}
.brands b{display:block;font-size:17px;color:#fff}
.brands small{display:block;font-size:14px;color:var(--on-navy-muted);margin-top:3px;line-height:1.4}
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.person .ph{aspect-ratio:4/5;display:flex;align-items:flex-end}
.person b{display:block;margin-top:12px;font-family:"Poltawski Nowy",Georgia,serif;font-size:19px;color:var(--ink)}
.person small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.swot{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}
.swot div{padding:12px 14px;background:var(--soft)}
.swot b{display:block;color:var(--ink);font-size:15px}
.swot small{color:var(--muted);font-size:13.5px}
.parts{list-style:none;padding:0;counter-reset:p}
.parts > li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 14px;padding:18px 0;border-bottom:1px solid var(--line)}
.parts > li:first-child{border-top:2px solid var(--ink)}
.parts > li::before{counter-increment:p;content:counter(p);font-family:"Poltawski Nowy",Georgia,serif;font-size:24px;color:var(--ink);font-weight:600;line-height:1.1}
.parts h3{font-size:20px}
.parts p{color:var(--muted);font-size:15.5px;margin-top:4px}
.parts .exh{margin-top:12px;max-width:560px}
.ex dl{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px 14px;font-size:15px;line-height:1.5;margin-top:14px}
.ex dt{font-weight:700;color:var(--ink)}
.ex dd{margin:0}
.ex .res{background:#FFF5D6;padding:2px 6px;margin:-2px -6px}
.ex .off{color:#6B7686}
.ex .who{font-size:15px;color:var(--muted);margin-top:4px}

/* ===== formularze ===== */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.form label,.form legend{display:block;font-weight:700;font-size:14px;color:var(--ink);margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;font:16px Lato,"Segoe UI",sans-serif;padding:12px 14px;border:1px solid #7A8696;background:#fff;color:var(--text);border-radius:0}
.form textarea{min-height:110px;resize:vertical}
::placeholder{color:var(--muted);opacity:1}
.form fieldset{border:0;padding:0}
.form .checks{display:flex;flex-wrap:wrap;gap:8px 20px}
.form .checks label{font-weight:400;display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-size:15px;min-height:44px}
.form .checks input{width:auto}
.form .full{grid-column:1/-1}
.form .fine{font-size:13px;color:var(--muted)}
.inline{display:flex;gap:10px;max-width:520px;margin-top:14px}
.inline input{flex:1;font:16px Lato,"Segoe UI",sans-serif;padding:12px 14px;border:1px solid #7A8696;border-radius:0;min-width:0}
.island .inline input{border-color:#fff}
.zapis{max-width:680px}
.zapis > b{display:block;font-size:15px}
.zapis .inline{max-width:none}
.zapis .fine{font-size:13px;color:var(--muted);margin-top:8px}
.island .zapis .fine{color:var(--on-navy-muted)}
.inline select{font:16px Lato,"Segoe UI",sans-serif;padding:12px 10px;border:1px solid #7A8696;border-radius:0;background:#fff;color:#222B38;min-width:0;max-width:320px}
/* Branża co miesiąc w stopce (wstawia zbuduj_strone.formularz_newslettera); audyt UX 07.11: nagłówek jak jedyna konwersja serwisu, na telefonie przed linkami */
.foot .nl{grid-column:1/-1;border-top:1px solid var(--line-n);padding-top:22px}
.foot .nl h4{font:700 22px/1.2 "Poltawski Nowy",Georgia,serif;color:#fff;margin:0 0 8px}
.foot .nl p{max-width:620px}
@media (max-width:900px){.foot .nl{order:-1;border-top:0;padding-top:0;border-bottom:1px solid var(--line-n);padding-bottom:22px}}
.foot .zapis{max-width:760px}
.foot .inline input,.foot .inline select{border-color:#fff}
.foot .btn.p{background:#fff;color:var(--navy);border-color:#fff}   /* jak w .island: biały przycisk na granacie */
.foot .zapis .cta{margin-top:14px}
@media (max-width:560px){.inline select{max-width:100%}}   /* nie none: długa nazwa działu (pulpit, 07.11) rozpychała stopkę poza 390 px */
.foot .nl{min-width:0}
.foot .zapis .zgoda{color:var(--on-navy-muted)}
.foot .zapis .fine{color:var(--on-navy-muted)}
.foot .zapis a{text-decoration:underline}
.share{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:14.5px}
.share a,.share button{color:inherit;font:inherit;font-weight:700;background:none;border:0;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.island .share,.exh .share{color:#fff}
.rfs .share{margin-top:10px;font-size:14px}
.rfs .share a{font-weight:400;color:var(--on-navy-muted)}
.refs{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}
.refs b{display:block;color:var(--ink);margin-bottom:8px}

/* ===== stopka ===== */
.foot{background:var(--navy);color:var(--on-navy-muted);padding:52px 0 40px;font-size:15px;border-top:1px solid var(--line-n)}
.foot .wrap{display:grid;grid-template-columns:minmax(0,4fr) repeat(2,minmax(0,2fr));gap:32px}
.foot .logo{margin-bottom:12px}
.foot h4{font-size:14px;color:#fff;margin-bottom:10px}
.foot ul{list-style:none;padding:0}
.foot li{margin:2px 0}
.foot li a{display:inline-block;padding:6px 0}
.foot a{color:var(--on-navy);text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot .legal{grid-column:1/-1;border-top:1px solid var(--line-n);padding-top:18px;margin-top:8px;font-size:13px}

/* ===== mobile ===== */
@media (max-width:960px){
 .wrap{padding-inline:16px}
 .top .wrap{flex-wrap:wrap;gap:14px}
 /* skrót „Kontakt” zbędny: menu w rzędach pokazuje wszystkie pozycje (re-audyt UX 14.10) */
 .top nav{width:100%}
 .top nav ul{flex-wrap:wrap;gap:0 20px;padding:0 4px}
 .top nav a:focus-visible{outline-offset:-2px}
 .top nav a{display:inline-block;padding:12px 0}
 .hero{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:48px}
 .cols4,.steps,.brands,.people{grid-template-columns:1fr 1fr}
 .rfs{grid-template-columns:1fr;gap:36px}
 .rfs .z,.rfs h3{min-height:0}
 .split{grid-template-columns:minmax(0,1fr);gap:28px} /* minmax(0,…): szeroka tabela w .tw przewija się w swoim pudełku, nie rozpycha strony */
 .sec{padding:52px 0}
 .reg li{grid-template-columns:1fr;gap:6px}
 .reg .r{text-align:left}
 .foot .wrap{grid-template-columns:1fr 1fr}
 .foot .wrap > div:first-child{grid-column:1/-1}
}
@media (max-width:700px){
 .stack thead{display:none}
 .stack tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}
 .stack td{display:block;border:0;padding:3px 0}
 .stack td[data-h]::before{content:attr(data-h) ": ";font-weight:700;color:var(--ink)}
 .stack tr.gate{padding:0;border:0}
 .stack tr.gate td{padding:9px 12px}
 .cols2,.cols3,.form,.form.filters{grid-template-columns:1fr}
 .tw-hint{display:block}
}
@media (max-width:560px){
 .logo span{font-size:12px;padding-left:10px}
 .logo{gap:10px}
 .fan text,.fan .lab,.hero .fan text,.hero .fan .lab{font-size:20px}
 .chain{flex-direction:column;gap:4px}
 .chain li+li::before{content:"↓";display:block;margin:0 0 4px}
 .meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
 .rfs dl{grid-template-columns:1fr;gap:2px}
 .rfs dt{margin-top:6px}
 .swot.big{grid-template-columns:1fr}
 .cols4,.steps,.brands,.foot .wrap{grid-template-columns:1fr}
 .people{grid-template-columns:1fr 1fr}
 .ex dl{grid-template-columns:1fr;gap:2px}
 .ex dt{margin-top:8px}
 .inline{flex-direction:column}
 .inline input,.inline .btn{min-height:48px}
}

/* ===== „jasne wyspy, wykres granatowy” (decyzja Bartka 06.10): body.jasne = jasne wyspy z tekstem, wykresy granatowe ===== */
.jasne .island{--on-navy:#222B38;--on-navy-muted:#4F5968;--line-n:#C3CFE0}
.jasne .island{background:#E8EEF7;color:var(--text);border-top:3px solid var(--navy)}
.jasne .island h2,.jasne .island h3,.jasne .island a,.jasne .chain li,.jasne .rfs dt,.jasne .steps b,.jasne .brands b,.jasne .island .share{color:var(--ink)}
.jasne .rfs .share a{color:var(--muted)}
.jasne .chain li+li::before{color:var(--ink)}
.jasne .island .btn{border-color:var(--ink);color:var(--ink)}
.jasne .island .btn.p{background:var(--ink);color:#fff}
.jasne .island .blk{border-top-color:var(--ink)}
.jasne .island .ph{background:repeating-linear-gradient(135deg,#DCE5F2 0 10px,#D3DEEE 10px 20px)}
.jasne .island .inline input{border-color:#7A8696;background:#fff}
.jasne .island :focus-visible{outline-color:var(--navy)}

/* ===== strona v1: badania, formularze ===== */
.cyt{margin:22px 0 0;border-left:3px solid var(--yellow);padding:4px 0 4px 18px;max-width:44em}
.cyt blockquote{font-family:"Poltawski Nowy",Georgia,serif;font-size:19px;line-height:1.45;color:var(--ink)}
.cyt figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.zasady{list-style:none;padding:0;margin-top:24px;display:grid;gap:12px;max-width:44em}
.zasady li{padding-left:22px;position:relative;line-height:1.55}
.zasady li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--ink)}
.wyniki .blk p{color:var(--muted);font-size:15.5px}
.parts .efekt{color:var(--ink);font-weight:700;font-size:15px;margin-top:8px}
.lista{padding-left:20px;margin-top:10px;display:grid;gap:8px;line-height:1.5}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .zgoda label{font-weight:400;display:flex;gap:10px;align-items:flex-start;color:var(--text);font-size:15px}
.form .zgoda input{width:auto;margin-top:4px}
.zapis .zgoda{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-top:10px;font-weight:400}
.zapis .zgoda input{margin-top:3px}
.foot .legal a{text-decoration:underline}
.bio h3{font-size:24px}
.bio .rola{color:var(--muted);font-size:15px;margin-top:2px}
.bio p+p{margin-top:12px}
.bio p:not(.rola){line-height:1.6;max-width:44em}
.bio .rola+p{margin-top:14px}
.head .dane{margin-top:20px;line-height:1.7}
.blad{background:#FDECEC;border-left:4px solid #B3261E;color:#5C1410;padding:10px 14px;font-size:15px;margin-bottom:8px}
.prawo{max-width:860px}
.prawo h2{font-size:24px;margin:36px 0 10px}
.prawo p,.prawo li{line-height:1.65;margin-top:8px}
.prawo ol{padding-left:22px}
.prawo .tbl{margin-top:12px}
/* raporty v1: liczby w skrócie, scenariusze, wykres porównania grup */
.short.liczby li{line-height:1.55}
.short.liczby b{color:inherit}
.island .short.liczby b{color:#fff}
.jasne .island .short.liczby b{color:var(--ink)}
.short.light li{line-height:1.6}
.tbl th.r,.tbl td.r{text-align:right;white-space:nowrap}
.tbl td.r small{display:block;color:var(--muted);font-size:13px}
.tbl tr.off td{color:var(--muted)}
.scen .tbl{margin:12px 0}
.scen .tbl td{padding:8px 10px 8px 0;font-size:14.5px}
.scen .blk p{font-size:15px;line-height:1.55}
.fan .b1{fill:var(--yellow)}
.fan .b2{fill:var(--band)}
.fan .zero{stroke:var(--on-navy-muted);stroke-width:1}
.liga text{font-size:15px}
.hero .liga text{font-size:19px}
.hero .liga .lab{font-size:20px}
.rfs.dwie{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:960px){.rfs.dwie{grid-template-columns:1fr}}
/* po audycie UX 06.10 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form .zgoda label,.zapis .zgoda{min-height:44px;padding-block:6px}
.form .zgoda input,.zapis .zgoda input{width:20px;height:20px;flex:none}
.tbl.szer{min-width:420px}
.scen .tbl td{padding:10px 10px 10px 0}
@media (max-width:700px){.fine,.tag,.meta dt,.foot .legal,.form .fine,.zapis .fine{font-size:14px}}
@media (max-width:560px){.fan.liga text{font-size:28px}.fan.liga .lab{font-size:30px}}

/* ===== Raport wizualny (raport-meble.html, generator render_raport_meble.py; zaakceptowane 07.10) ===== */
.w-kafel,.exh.w{--on-navy:#E3E9F2;--on-navy-muted:#AEBBD0;--line-n:#2E4A78}
.w-sek .wrap > .head{max-width:46em}.w-sek .wrap > .head p{max-width:46em}
.w-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.w-siatka .exh.szer,.w-siatka > .szer{grid-column:1/-1}
.exh.w .t{font-size:20px;line-height:1.3}
.w-paski{display:grid;gap:10px;margin-top:16px}
.w-r{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) minmax(0,10em);gap:12px;align-items:center;font-size:15px}
.w-l{color:var(--on-navy)}
.w-v{color:#fff;font-size:15px}.w-v small{color:var(--on-navy-muted);font-size:13px}
.w-t{position:relative;height:22px;background:rgba(255,255,255,.06)}
.w-b{position:absolute;top:3px;bottom:3px;background:var(--band)}
.w-b.b1{background:var(--yellow)}.w-b.b3{background:#6E86AD}
.w-0{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--on-navy-muted)}
.w-p{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1px;background:#fff}
.hantle .w-t{background:none;border-bottom:1px solid var(--line-n);height:22px}
.w-ln{position:absolute;top:10px;height:2px;background:var(--on-navy-muted)}
.w-d{position:absolute;top:4px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--yellow)}
.w-d.o{background:var(--navy);border:2px solid var(--band)}
.hantle .w-d.n{background:var(--navy);border:2px solid #fff;border-radius:0;width:4px;margin-left:-2px;height:20px;top:1px}
.w-stan{display:inline-block;font-size:12px;font-weight:700;padding:1px 7px;margin-left:4px;border-radius:2px}
.w-stan.swieci{background:var(--yellow);color:var(--navy)}.w-stan.prog{border:1px solid var(--yellow);color:var(--yellow)}
.w-stan.cisza{border:1px solid var(--line-n);color:var(--on-navy-muted)}
.w-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.w-kafel{background:var(--navy);color:var(--on-navy);padding:20px 20px 16px}
.w-kafel .k{font-size:14px;color:var(--on-navy-muted)}
.w-kafel .duza{font-family:"Poltawski Nowy",Georgia,serif;font-size:44px;line-height:1.1;color:var(--yellow);margin:8px 0 4px}
.w-kafel p{font-size:15px;line-height:1.5;margin-top:10px}
.w-kafel .w-r{grid-template-columns:minmax(0,6.5em) minmax(0,1fr) minmax(0,4.5em);font-size:14px}
.w-wielka{font-family:"Poltawski Nowy",Georgia,serif;font-size:40px;color:var(--yellow);line-height:1.1;margin-top:14px}
.w-pas{display:flex;height:34px;margin-top:16px}
.w-pas span{display:flex;align-items:center;padding:0 8px;font-size:14px;color:var(--navy);font-weight:700;white-space:nowrap;overflow:hidden}
.w-legenda{font-size:14px;color:var(--on-navy-muted);margin-top:10px}
.w-legenda i{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin:0 5px 0 12px}
.w-ludzie{display:flex;gap:6px;margin-top:16px;align-items:flex-end}
.w-ludzie svg{width:44px;height:auto}
.w-ludzie .pol{opacity:.35}
.w-swot{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px}
.w-swot > div{background:var(--soft);padding:18px}
.w-swot b.nag{display:block;color:var(--ink);font-size:16px}.w-swot small{color:var(--muted);font-size:13.5px}
.w-swot ul{list-style:none;padding:0;margin-top:12px;display:grid;gap:12px}
.w-swot li{display:grid;grid-template-columns:7.6em minmax(0,1fr);gap:12px;font-size:15px;line-height:1.45}
.w-swot .liczba{font-family:"Poltawski Nowy",Georgia,serif;font-size:24px;color:var(--ink);line-height:1.1}
.w-swot .kto{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.fan .w-lin{fill:none;stroke-width:2.5;stroke:var(--band)}
.fan .w-lin.b1{stroke:var(--yellow);stroke-width:3.5}.fan .w-lin.b3{stroke:#8FA3C2}.fan .w-lin.b4{stroke:#fff;stroke-width:1.5}
.fan .lab.b1{fill:var(--yellow)}.fan .lab.b2{fill:var(--band)}.fan .lab.b3{fill:#8FA3C2}
.fan .k1{fill:var(--yellow)}.fan .k2{fill:var(--band)}.fan .k3{fill:#6E86AD}
.fan .med{stroke:#fff;stroke-dasharray:4 4;stroke-width:1}
.exh.w .fan text{font-size:14px}.exh.w .fan .lab{font-size:15px}
@media (min-width:561px){.exh.w.szer .w-r{grid-template-columns:minmax(0,17em) minmax(0,1fr) minmax(0,13em)}}
@media (max-width:960px){.w-siatka,.w-kafle{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
 .w-r{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:4px 10px}
 .w-r .w-l{grid-column:1/-1}.w-r .w-t{grid-column:1}.w-r .w-v{grid-column:2;text-align:right}
 .w-kafel .w-r{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
 .w-swot{grid-template-columns:1fr}.w-swot li{grid-template-columns:1fr;gap:2px}
 .w-kafel .duza{font-size:38px}
 .exh.w .fan text,.exh.w .fan .lab{font-size:27px}
}

/* ===== Narzędzie SWOT branży (swot-branzy.html, generator render_swot_branzy.py; 08.10) i karty plików do pobrania ===== */
.sw-head .lead{max-width:34em}
.sw-wybor{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px}
.sw-wybor label{font-weight:700;color:var(--ink)}
.sw-wybor select{font:700 16px Lato,"Segoe UI",sans-serif;color:var(--ink);padding:10px 14px;border:2px solid var(--ink);background:#fff;max-width:100%}
.sw-wybor a{font-size:15px}
.sec.sw-sek{background:var(--soft);padding:36px 0 56px}
.pub{display:grid;gap:6px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--yellow);text-decoration:none;color:var(--text);max-width:640px}
.pub:hover{border-color:var(--ink);border-left-color:var(--yellow)}
.pub-typ{font-size:14px;color:var(--muted)}
.pub-t{font:600 21px/1.3 "Poltawski Nowy",Georgia,serif;color:var(--ink)}
.pub-pobierz{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px;margin-top:6px}
.pub-pobierz::before{content:"↓ ";text-decoration:none}
.sw-jak{margin-top:24px;max-width:640px}
.sw-jak summary{cursor:pointer;font-weight:700;color:var(--ink)}
.sw-jak ul{margin-top:12px;padding-left:20px;display:grid;gap:8px;font-size:15px}
.sw-jak p{margin-top:14px;font-size:15px}
/* katalog plików do pobrania (raporty.html) */
.kat{list-style:none;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.kat > li{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.kat-okl{display:flex;align-items:center;justify-content:center;background:var(--soft);padding:16px;min-height:200px}
.kat-okl img{display:block;max-width:100%;max-height:240px;width:auto;height:auto;border:1px solid var(--line);box-shadow:0 3px 10px rgba(19,41,75,.14)}
.kat-typ{font-size:14px;font-weight:700;color:var(--muted)}
.kat-t{font-size:26px;line-height:1.25;margin-top:6px;max-width:30em}
.kat-o{font-size:16px;line-height:1.55;margin-top:10px;max-width:42em}
.kat-m{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:14px}
.kat-m dt{font-size:13px;color:var(--muted)}.kat-m dd{margin:0;font-weight:700;color:var(--ink);font-size:15px}
.kat-a{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
.kat-a .btn::before{content:"↓ "}
.kat-a .more{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
.kat-lista{margin-top:20px}.kat-lista>summary{list-style:none}.kat-lista>summary::-webkit-details-marker{display:none}
.kat-lista>summary::after{content:" ▾"}.kat-lista[open]>summary::after{content:" ▴"}.kat-lista[open]>summary{margin-bottom:8px}
.kat-lista ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 28px}
.kat-lista li{border-top:1px solid var(--line)}
.kat-lista a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-weight:700}
.kat-lista small{font-weight:400;color:var(--muted);white-space:nowrap}  /* strefa dotyku na telefonie (audyt UX 08.10) */
@media (max-width:700px){
 .kat > li{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0}
 .kat-okl{min-height:0;justify-content:flex-start;background:none;padding:0}
 .kat-okl img{max-height:110px}
 .kat-t{font-size:22px}
}
/* zwijany kontekst w karcie wykresu: to, co nie jest kluczowe do zrozumienia liczby (reguła Bartka 08.10) */
.w-wiecej{margin-top:10px;font-size:14px;color:var(--on-navy-muted)}
.w-wiecej summary{cursor:pointer;color:#fff;font-weight:700;width:max-content;max-width:100%}
.w-wiecej p{margin-top:6px;line-height:1.5}
/* 12.10: liczby jako kafle zamiast opisów (decyzja Bartka: wnioski w liczbach i punktach, mniej tekstu) */
.kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:14px 0 10px}
.kafle > div{border-top:3px solid var(--yellow);padding-top:8px}
.kafle b{display:block;font:600 28px/1.1 "Poltawski Nowy",Georgia,serif}
.kafle span{display:block;font-size:14px;line-height:1.45;margin-top:6px}
.rfs .z + .z{min-height:0;margin-top:6px}
.jasne .steps p,.jasne .steps .k{color:var(--muted)}   /* 12.10: kroki na jasnym tle (wsparcie) — kolor z wyspy był za blady */
/* 12.10: strona-aneks (jak-badamy-branze) — sekcje zwijane; zwinięte nagłówki = spis treści */
.sec.zwin{padding:0}
.zw>summary{list-style:none;cursor:pointer;padding:26px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.zw>summary::-webkit-details-marker{display:none}
.zw>summary h2{font-size:26px;grid-column:1}
.zw>summary span{grid-column:1;color:var(--muted);font-size:17px;margin-top:6px}
.zw>summary::after{content:"▾";grid-column:2;grid-row:1/span 2;font-size:22px;color:var(--ink)}
.zw[open]>summary::after{content:"▴"}
.zw>summary+*{padding-bottom:56px}

/* ===== spostrzeżenie z danych: jeden wykres z opublikowanego raportu (klasy SVG jak w publikacje/zrodla) ===== */
.spostrz{border-top:2px solid var(--ink);padding-top:14px;min-width:0}
.spostrz .t{font-family:"Poltawski Nowy",Georgia,serif;font-size:22px;line-height:1.3;color:var(--ink);font-weight:600}
.spostrz .u{font-size:14px;color:var(--muted);margin-top:6px}
.spostrz .pole{margin-top:12px}
.spostrz svg{display:block;width:100%;height:auto}
.spostrz figcaption{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.45}
.spostrz .w-wiecej{color:var(--muted)}.spostrz .w-wiecej summary{color:var(--ink)}   /* jasne tło: biały nagłówek byłby niewidoczny */
/* linia daty pod każdym wykresem (14.10): okres danych, pobranie, następna publikacja; przyciski eksportu z nav.js */
.w-akt{display:block;font-size:13px;line-height:1.4;margin-top:6px}
.share .eks{white-space:nowrap;margin-right:10px}.share .eks button{min-height:44px;padding:10px 6px}
.spostrz figcaption a{color:var(--ink);font-weight:700;display:inline-block;padding:10px 0 2px}
.spostrz .et-nazwa{fill:var(--text)}
.spostrz .et-kwota{font-weight:700;fill:var(--text);paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.spostrz .et-os{fill:var(--muted)}
.spostrz .siatka{stroke:var(--line);stroke-width:1}
.spostrz .mediana{stroke:#7a5e00;stroke-width:1.4;stroke-dasharray:4 3}
.spostrz .et-med{fill:#7a5e00;font-weight:700}
.spostrz .et-pl{font-weight:800;fill:var(--navy)}
.spostrz .s-kraj{fill:#7F90AB}
.spostrz .s-pl{fill:var(--navy)}
.spostrz .w-mob{display:none}
@media (max-width:560px){.spostrz .w-des{display:none}.spostrz .w-mob{display:block}}

/* ===== MŚP Ventures: „Jak pracujemy” (14.10, wariant C „trzy filary i skala”, makieta mockup_2026-10-14_ventures; księgowość dopiero po weryfikacji rynku) ===== */
#jak-pracujemy h2{font-size:clamp(26px,3vw,36px);max-width:22em}
.jp-skala{margin-top:24px;max-width:900px}
.jp-sk{display:flex;gap:2px;padding-top:4px}
.jp-sk .s{flex:1 1 0;min-width:0;background:#E4E9F0;color:var(--muted);font-size:14px;text-align:center;padding:8px 4px 7px;line-height:1.2}
.jp-sk .s small{display:block;font-size:12.5px;margin-top:2px}
.jp-sk .s.my{flex-grow:1.6;background:var(--navy);color:#fff;font-weight:700;box-shadow:0 -4px 0 var(--yellow)}
.jp-sk .s.my small{font-weight:400;color:var(--on-navy)}
.jp-sk-pod{font-size:14px;color:var(--muted);margin-top:6px;text-align:right}
.jp-filary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:30px}
.jp-filar{background:var(--soft);padding:28px 24px 24px;position:relative;display:flex;flex-direction:column;align-items:flex-start}
.jp-skala-t{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:10px}
.jp-ik{width:56px;height:56px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
.jp-filar h3{font-size:24px;margin-top:18px}
.jp-filar p{font-size:16px;line-height:1.55;margin-top:8px}
.jp-dost{margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:700;color:var(--ink)}
.jp-dost > span{font-weight:400;color:var(--muted);border-left:3px solid var(--yellow);padding-left:8px}
.jp-strz{position:absolute;right:-17px;top:42px;z-index:2}
.jp-dla{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.jp-dla div{border-left:3px solid var(--yellow);padding-left:14px;font-size:15.5px}
.jp-dla b{display:block;color:var(--ink)}
.jp-model{margin-top:28px;max-width:46em;font-size:17px;line-height:1.6;border-left:4px solid var(--yellow);padding:4px 0 4px 16px}
@media (max-width:860px){.jp-filary,.jp-dla{grid-template-columns:1fr}.jp-strz{display:none}}
@media (max-width:560px){.jp-sk .s{font-size:13px;padding-inline:2px}.jp-sk .s small{font-size:12px}}
/* Telefon: wniosek rankingu (tytuł wykresu) na pierwszym ekranie — przyciski zostają pod leadem, „Jak badamy” schodzi pod wykres (audyt UX 26.10: wniosek był na ~830 px) */
@media (max-width:560px){.hero>div:first-child{display:contents}.hero{gap:0;padding-top:28px}.hero .lead{margin-top:18px}.hero .cta{margin-top:22px}.hero .rk-branz{order:3;margin-top:28px}.hero .aside{order:4}}
/* Pola wymagane: gwiazdka z atrybutu required (bez ręcznego oznaczania, które by się rozjechało) — audyt UX 26.10 */
.form div:has(> [required]) > label::after{content:" *";color:var(--muted)}
.form .wym{margin:0}
/* Ramka po pobraniu PDF (nav.js): propozycja Spostrzeżenia miesiąca, na dole ekranu jak baner zgód, nie zasłania całej strony */
.ramka-pdf{position:fixed;z-index:999;left:16px;right:16px;bottom:16px;max-width:440px;margin:0 0 0 auto;padding:16px 18px;background:#fff;color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--navy);box-shadow:0 8px 32px rgb(19 41 75 / .22);font-size:15px;line-height:1.5}
.ramka-pdf p{margin:0 0 10px}
.ramka-pdf-t{font:600 18px/1.2 "Poltawski Nowy",Georgia,serif;color:var(--navy)}
.ramka-pdf-p{display:flex;flex-wrap:wrap;gap:10px}
.ramka-pdf .btn{min-height:44px}
.ramka-pdf .btn::before{content:none}   /* stoi obok linku PDF w karcie raportu: bez strzałki z .kat-a .btn */
.ramka-pdf .btn:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
@media (max-width:480px){.ramka-pdf{left:12px;right:12px;bottom:12px}.ramka-pdf-p .btn{flex:1}}
/* Pasek „Z filmu” i potwierdzenie ankiety (nav.js, audyt 06.11): liczba z filmu na górze strony z danymi */
.zfilmu{background:var(--soft);border-bottom:3px solid var(--yellow);padding:18px 0}
.zfilmu p{margin:0 0 4px;max-width:52em}
.zfilmu .zf-k{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.zfilmu .zf-n{font-family:"Poltawski Nowy",Georgia,serif;font-size:24px;color:var(--ink)}
.zfilmu .zf-t{font-weight:700;color:var(--ink)}
.zfilmu .zf-m{color:var(--muted);font-size:15px}
.zfilmu .zf-k{font-size:14px}   /* audyt UX 07.11: ≥ 14 px */
.zfilmu .zf-g{color:var(--ink);font-size:15px;margin-top:6px}
.zfilmu .zf-cta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:12px}
.zfilmu .zf-cta .btn{min-height:44px}
.zfilmu .zf-s{display:inline-flex;align-items:center;min-height:44px}   /* cel dotyku ≥ 44 px (był 18 px) */
.zfilmu details{margin-top:4px}
.zfilmu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}
.zfilmu details p{margin:0 0 4px}