@font-face{font-family:"Wix Madefor Display";src:url("/assets/fonts/WixMadeforDisplay-Bold.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Wix Madefor Text";src:url("/assets/fonts/WixMadeforText-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Wix Madefor Text";src:url("/assets/fonts/WixMadeforText-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Wix Madefor Text";src:url("/assets/fonts/WixMadeforText-Bold.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/assets/fonts/SourceSerif4-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/assets/fonts/SourceSerif4-Bold.woff2") format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/assets/fonts/SourceSerif4-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/IBMPlexMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/IBMPlexMono-Medium.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}

/* Układ „Akta jawne”: granatowa rama strony, treść jak teczki z grzbietem, sygnatury w kroju maszynowym */
:root{
  --navy:#1D2939; --navy-2:#24334A; --red:#92393A; --red-soft:#F6ECEC; --ink:#0A1A2F; --slate:#3B4859; --mist:#F2F2F2;
  --paper:#FFFFFF; --ground:#F7F7F6; --line:#DDE1E6; --on-navy:#FFFFFF; --on-navy-dim:#B9C2CE; --pink:#E8A1A1;
  --ok:#2F6B4F; --ok-soft:#E7F1EC; --warn:#8A5A12; --warn-soft:#F7EEDD;
  --f-display:"Wix Madefor Display","Segoe UI",system-ui,sans-serif;
  --f-text:"Wix Madefor Text","Segoe UI",system-ui,sans-serif;
  --f-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --brand-red:#92393A; --brand-red-hover:#A84446; --spine-red:#B5484A; --file-spine:#1D2939; --on-red:#FFFFFF;
  --control:#8A94A2;        /* ramka pól i filtrów – 3:1 na tle papieru */
  --focus-on-navy:#E8A1A1;  /* fokus na granacie – ok. 7:1 */
  --chart-in:#2F62A8; --chart-out:#B5484A;
  --wrap:1120px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#16202D; --ground:#101824; --ink:#E9EDF2; --slate:#AEB8C5; --mist:#1C2836; --line:#2C3A4C;
  --red:#D46E6F; --red-soft:#2A1E24; --ok:#7CC3A0; --ok-soft:#16291F; --warn:#E0B05C; --warn-soft:#2B2416; --navy:#0E1622; --navy-2:#162233; --file-spine:#3A4C66; --on-red:#160E10; --control:#64728A; --chart-in:#5B8FD6; --chart-out:#D46E6F; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#16202D; --ground:#101824; --ink:#E9EDF2; --slate:#AEB8C5; --mist:#1C2836; --line:#2C3A4C;
  --red:#D46E6F; --red-soft:#2A1E24; --ok:#7CC3A0; --ok-soft:#16291F; --warn:#E0B05C; --warn-soft:#2B2416; --navy:#0E1622; --navy-2:#162233; --file-spine:#3A4C66; --on-red:#160E10; --control:#64728A; --chart-in:#5B8FD6; --chart-out:#D46E6F; color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--ground);color:var(--ink);font:16px/1.6 var(--f-text);margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.top :focus-visible,.hero :focus-visible,.band :focus-visible,.phead :focus-visible,.foot :focus-visible{outline-color:var(--focus-on-navy)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.mono{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.06em}
h1,h2,h3{font-family:var(--f-display);line-height:1.12;text-wrap:balance;margin:0}

/* pasek podglądu */
.preview{background:#92393A;color:#fff;font:500 .78rem/1.4 var(--f-mono);letter-spacing:.04em}
.preview .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-block:7px;flex-wrap:wrap}

/* nagłówek */
.top{background:var(--navy);color:var(--on-navy);position:sticky;top:env(safe-area-inset-top,0px);z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}
.top .wrap{display:flex;align-items:center;gap:24px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.25rem/1 var(--f-display);letter-spacing:.01em;white-space:nowrap}
.logo i{display:block;width:6px;height:26px;background:#B5484A}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{text-decoration:none;font:500 .95rem var(--f-text);color:var(--on-navy-dim);padding:8px 12px;border-radius:2px}
.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -3px 0 #B5484A}
.nav a.cta{color:#fff;background:var(--brand-red);margin-left:6px}
.theme{display:flex;border:1px solid rgba(255,255,255,.28);margin-left:8px}
.theme button{background:none;border:0;color:var(--on-navy-dim);font:500 .72rem var(--f-mono);letter-spacing:.06em;padding:7px 9px;cursor:pointer;text-transform:uppercase}
.theme button[aria-pressed="true"]{background:rgba(255,255,255,.14);color:#fff}
.nav a.cta:hover{background:#A84446}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;font:500 .85rem var(--f-mono);padding:8px 12px;cursor:pointer}
@media (max-width:1080px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;align-items:stretch;padding:8px 20px 16px;margin:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav a.cta{margin:10px 0 0;text-align:center}
  .theme{margin:12px 0 0;align-self:flex-start}
  .nav.open{display:flex}
  .nav a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav a[aria-current="page"]{box-shadow:inset 4px 0 0 #B5484A;padding-left:12px}
}

/* strony */

/* hero */
.hero{background:var(--navy);color:var(--on-navy);padding-block:64px 72px;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.kick{font:500 .78rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.hero h1{font-size:clamp(2.3rem,5.4vw,4.1rem);font-weight:800;margin-top:14px}
.hero h1 em{font-style:normal;color:var(--pink)}
.hero p.lead{color:var(--on-navy-dim);font-size:1.12rem;max-width:34em;margin:20px 0 0}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:700 .95rem var(--f-text);padding:13px 20px;border:1px solid transparent;cursor:pointer}
.btn.red{background:#92393A;color:#fff}
.btn.red:hover{background:#A84446}
.btn.ghost{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.btn.ghost:hover{background:rgba(255,255,255,.08)}
.btn.line{border-color:var(--control);color:var(--ink);background:var(--paper)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.tab{display:inline-block;font:500 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--red);color:var(--on-red);padding:5px 8px}

/* licznik */
.counter{background:var(--paper);border-bottom:1px solid var(--line);padding-block:36px}
.counter .head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.counter h2{font-size:1.05rem;font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}
.tiles{margin:0}
.tile{padding:20px 22px;border-right:1px solid var(--line);margin:0;display:flex;flex-direction:column-reverse;justify-content:flex-end}
.tile dd{margin:0;font:800 2.6rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.tile dt{margin-top:8px;font-size:.9rem;color:var(--slate)}
.tile.alert dd{color:var(--red)}
.how{margin-top:14px}
.how summary{cursor:pointer;font:500 .8rem var(--f-mono);color:var(--red);letter-spacing:.04em;width:max-content;max-width:100%}
.how p{margin:10px 0 0;max-width:46em;font-size:.92rem;color:var(--slate)}
.tile:last-child{border-right:0}
.tile b{display:block;font:800 2.6rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.tile span{display:block;margin-top:8px;font-size:.9rem;color:var(--slate)}
.tile.alert b{color:var(--red)}
.note{font:400 .76rem var(--f-mono);color:var(--slate);letter-spacing:.03em}
@media (max-width:700px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile:nth-child(2){border-right:0}.tile:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* sekcje */
.sec{padding-block:64px}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec-h h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}
.sec-h a{font:500 .85rem var(--f-mono);color:var(--red);text-decoration:none;letter-spacing:.04em}
.sec-h a:hover{text-decoration:underline}

/* teczki akt */
.files{display:grid;gap:14px}
/* teczka */
.file{display:grid;grid-template-columns:11rem minmax(0,1fr) auto;gap:22px;align-items:start;background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--file-spine);padding:18px 22px;text-decoration:none;transition:transform .15s,border-color .15s}
a.file:hover{transform:translateX(3px);border-color:var(--slate);border-left-color:var(--file-spine)}
.file .sig{font:500 .82rem var(--f-mono);letter-spacing:.04em;white-space:nowrap;padding-top:2px}
.file .to{display:block;font:400 .76rem var(--f-mono);color:var(--slate);margin-top:10px;letter-spacing:.02em}
.file .sig small{display:block;color:var(--slate);font-size:.72rem;margin-top:6px}
.file h3{font-size:1.06rem;font-weight:700}
.file p{margin:4px 0 0;color:var(--slate);font-size:.9rem}
.pill{display:inline-flex;align-items:center;gap:7px;font:500 .74rem var(--f-mono);letter-spacing:.03em;padding:5px 9px;white-space:nowrap;border:1px solid currentColor}
.pill::before{content:"";width:8px;height:8px;background:currentColor;flex:none}
.pill.ok::before{border-radius:50%}
.pill.wait::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);border:1.5px solid currentColor;border-radius:50%;width:9px;height:9px}
.pill.late::before{clip-path:polygon(50% 0,100% 100%,0 100%);width:9px;height:9px}
.pill.plan::before{background:transparent;border:1.5px solid currentColor;border-radius:50%}
.pill.ok{color:var(--ok);background:var(--ok-soft)}
.pill.late{color:var(--red);background:var(--red-soft)}
.pill.wait{color:var(--warn);background:var(--warn-soft)}
.pill.plan{color:var(--slate);background:var(--mist)}
@media (max-width:700px){.file{grid-template-columns:minmax(0,1fr);gap:10px}.file .sig small{display:inline;margin-left:8px}}

/* filtry */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;align-items:center}
.chip{font:500 .8rem var(--f-mono);letter-spacing:.04em;padding:8px 12px;background:var(--paper);border:1px solid var(--control);color:var(--ink);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip span{opacity:.7;margin-left:4px}
.search{flex:1 1 220px;min-width:0;font:400 .95rem var(--f-text);padding:9px 12px;border:1px solid var(--control);background:var(--paper);color:var(--ink)}
.search::placeholder{color:var(--slate);opacity:.85}
.empty{background:var(--paper);border:1px dashed var(--control);padding:18px 22px;color:var(--slate);font-size:.93rem}
.banner{background:var(--warn-soft);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--warn);padding:12px 16px;font-size:.9rem;margin-bottom:22px}

/* publikacje */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:var(--paper);border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column}
.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-bottom:1px solid var(--line)}
.card .in{padding:16px 18px 20px;display:grid;gap:8px}
.card h3{font-size:1.08rem;font-weight:700}
.card p{margin:0;color:var(--slate);font-size:.9rem}
a.card:hover h3{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cards{grid-template-columns:minmax(0,1fr)}}

.series{border-top:2px solid var(--ink)}
.series li{list-style:none;display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}
.series ol{margin:0;padding:0}
.series .n{font:500 .8rem var(--f-mono);color:var(--red)}
.series .d{font:400 .78rem var(--f-mono);color:var(--slate);white-space:nowrap}
.series a{text-decoration:none;font-weight:500}
.series a:hover{text-decoration:underline}
@media (max-width:560px){.series li{grid-template-columns:3rem minmax(0,1fr)}.series .d{grid-column:2}}

/* zasady */
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.rule{padding:22px 24px 24px 0}
.rule+.rule{padding-left:24px;border-left:1px solid var(--line)}
.rule b{font:800 1.3rem var(--f-display);display:block;margin-bottom:6px}
.rule p{margin:0;color:var(--slate);font-size:.94rem}
@media (max-width:760px){.rules{grid-template-columns:minmax(0,1fr)}.rule+.rule{padding-left:0;border-left:0;border-top:1px solid var(--line)}}

/* pas wezwania */
.band{background:var(--navy);color:#fff}
.band .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding-block:56px;align-items:center}
.band h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}
.band p{color:var(--on-navy-dim);margin:12px 0 0}
.split{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.2)}
.split div{padding:18px 20px}
.split div+div{border-left:1px solid rgba(255,255,255,.2)}
.split b{display:block;font:500 .75rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:6px}
.split span{font-size:.93rem}
@media (max-width:820px){.band .wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.split{grid-template-columns:minmax(0,1fr)}.split div+div{border-left:0;border-top:1px solid rgba(255,255,255,.2)}}

/* narzędzia */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tool{background:var(--paper);border:1px solid var(--line);padding:22px 24px}
.tool h3{font-size:1.15rem;margin:10px 0 6px}
.tool p{margin:0;color:var(--slate);font-size:.93rem}
@media (max-width:760px){.tools{grid-template-columns:minmax(0,1fr)}}

/* podstrona – nagłówek */
.phead{background:var(--navy);color:#fff;padding-block:48px 40px}
.phead h1{font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;margin-top:12px}
.phead p{color:var(--on-navy-dim);max-width:44em;margin:14px 0 0;font-size:1.05rem}
.crumbs{font:400 .78rem var(--f-mono);color:var(--on-navy-dim);letter-spacing:.04em}
.crumbs a{color:var(--on-navy-dim)}

/* karta akt */
.doc{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding-block:44px 72px}
.sheet{background:var(--paper);border:1px solid var(--line);border-left:10px solid var(--navy);padding:32px 36px}
:root[data-theme="dark"] .sheet{border-left-color:#3A4C66}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sheet{border-left-color:#3A4C66}}
.meta{display:grid;grid-template-columns:9rem minmax(0,1fr);border-top:1px solid var(--line);margin:22px 0 28px}
.meta dt,.meta dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.meta dt{font:500 .74rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding-top:13px}
.meta dd{font-size:.96rem}
.sheet h2{font-size:1.5rem;font-weight:800}
.sheet h3{font-size:1.05rem;margin:26px 0 10px}
.prose{font:400 1.06rem/1.7 var(--f-serif);max-width:38em}
.prose p{margin:0 0 1em}
.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 18px 20px}
.timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--paper);border:2px solid var(--navy);border-radius:50%}
.timeline li.r::before{border-color:var(--red);background:var(--red)}
.timeline .mono{color:var(--slate);display:block}
.side{display:grid;gap:16px;align-content:start}
.box{background:var(--paper);border:1px solid var(--line);padding:18px 20px}
.box h4{margin:0 0 10px;font:500 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.qr{background:#fff;padding:10px;display:inline-block;border:1px solid var(--line)}
.qr img,.qr canvas{display:block;width:132px;height:132px}
.days b{font:800 2.8rem/1 var(--f-display);color:var(--red);font-variant-numeric:tabular-nums}
@media (max-width:900px){.doc{grid-template-columns:minmax(0,1fr)}.sheet{padding:24px 20px}}
@media (max-width:480px){.meta{grid-template-columns:minmax(0,1fr)}.meta dt{border-bottom:0;padding-bottom:0}}

/* artykuł */
.article{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding-block:44px 72px}
.article .prose h3{font:700 1.3rem var(--f-display);margin:1.6em 0 .5em}
.article .lead{font:600 1.22rem/1.55 var(--f-serif);margin:0 0 1.4em}
.tbl{overflow-x:auto;margin:0 0 1.4em}
.tbl table{border-collapse:collapse;width:100%;font:400 .9rem var(--f-text);min-width:440px}
.tbl th{text-align:left;font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border-bottom:2px solid var(--ink);padding:8px 10px 8px 0}
.tbl td{border-bottom:1px solid var(--line);padding:9px 10px 9px 0;font-variant-numeric:tabular-nums}
.tbl td:first-child{font-family:var(--f-mono);font-size:.84rem}
.ocena{background:var(--red-soft);border-left:4px solid var(--red);padding:16px 20px;margin:1.4em 0}
.ocena b{display:block;font:500 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.ocena p{margin:0}
.sources{border-top:2px solid var(--ink);padding-top:12px;margin-top:2em;font:400 .88rem var(--f-text);color:var(--slate)}
.sources ul{margin:6px 0 0;padding-left:18px}
.article figure{margin:0}
.article figure img{display:block;width:100%;border:1px solid var(--line)}
.article figcaption{font:400 .76rem var(--f-mono);color:var(--slate);margin-top:8px}
.byline{display:flex;gap:16px;flex-wrap:wrap;font:400 .78rem var(--f-mono);color:var(--on-navy-dim);margin-top:18px;letter-spacing:.04em}
@media (max-width:900px){.article{grid-template-columns:minmax(0,1fr)}.article aside{max-width:320px}}

/* formularz */
.formwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-block:44px 72px}
.mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.mode label{display:block;background:var(--paper);border:1px solid var(--line);padding:16px 18px;cursor:pointer}
.mode input{accent-color:var(--red)}
.mode label:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
:root[data-theme="dark"] .mode label:has(input:checked){border-color:var(--slate);box-shadow:inset 0 0 0 1px var(--slate)}
.mode b{font:700 1rem var(--f-display)}
.mode span{display:block;font-size:.88rem;color:var(--slate);margin-top:4px}
.field{display:grid;gap:6px;margin-bottom:16px}
.field label{font:500 .78rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.field input,.field textarea,.field select{font:400 1rem var(--f-text);padding:11px 12px;border:1px solid var(--control);background:var(--paper);color:var(--ink);width:100%}
.field textarea{min-height:130px;resize:vertical}
.drop{border:2px dashed var(--line);background:var(--paper);padding:24px;text-align:center;color:var(--slate);font-size:.93rem}
.drop input{margin-top:10px;max-width:100%}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin:12px 0 20px}
.check input{margin-top:4px;accent-color:var(--red)}
.done{background:var(--ok-soft);border:1px solid var(--ok);color:var(--ink);padding:14px 16px;margin-top:16px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{counter-increment:s;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:8px;font-size:.92rem}
.steps li::before{content:counter(s);font:500 .8rem var(--f-mono);color:#fff;background:var(--navy);width:1.6rem;height:1.6rem;display:grid;place-items:center}
@media (max-width:900px){.formwrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.mode{grid-template-columns:minmax(0,1fr)}}

/* kontakt */
.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:44px 72px}
.contact{background:var(--paper);border:1px solid var(--line);padding:22px}
.contact h3{font-size:1.05rem;margin:10px 0 8px}
.contact code{font:500 .95rem var(--f-mono);word-break:break-all}
.copy{margin-top:12px;font:500 .78rem var(--f-mono);padding:7px 10px;border:1px solid var(--line);background:var(--mist);color:var(--ink);cursor:pointer}
@media (max-width:820px){.contacts{grid-template-columns:minmax(0,1fr)}}

/* stopka */
.foot{background:var(--navy);color:var(--on-navy-dim);font-size:.9rem}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-block:44px}
.foot b{color:#fff}
.foot a{color:var(--on-navy-dim)}
.foot ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.foot .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;font:400 .74rem var(--f-mono);letter-spacing:.04em}
@media (max-width:760px){.foot .wrap{grid-template-columns:minmax(0,1fr)}}



.sr{position:absolute;left:-9999px}
.qr svg{display:block;width:132px;height:132px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:50;background:#fff;color:#000;padding:8px 12px}
.prose ul{padding-left:1.2em}.prose li{margin-bottom:.4em}
.prose h2{font:800 1.6rem var(--f-display);margin:1.4em 0 .5em}
.prose a{color:var(--red)}

/* ===== v2: strona główna wg propozycji z 14.10.2026 ===== */
.more{font:500 .85rem var(--f-mono);color:var(--red);text-decoration:none;letter-spacing:.04em}
.more:hover{text-decoration:underline}
.sec-h p{margin:8px 0 0;color:var(--slate);max-width:40em}

/* stos teczek w hero */
.stack{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.stack li:nth-child(2){margin-left:24px}
.stack li:nth-child(3){margin-left:48px}
.sfile{display:block;background:var(--paper);color:var(--ink);border:1px solid transparent;border-left:6px solid var(--file-spine);padding:14px 18px 16px;text-decoration:none;transition:transform .15s}
.stack li:first-child .sfile{border-left-color:var(--spine-red)}
:root[data-theme="dark"] .sfile{border-color:var(--line);border-left-color:#5A6F8F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sfile{border-color:var(--line);border-left-color:#5A6F8F}}
:root[data-theme="dark"] .stack li:first-child .sfile{border-left-color:var(--spine-red)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .stack li:first-child .sfile{border-left-color:var(--spine-red)}}
.sfile:hover{transform:translateX(4px)}
.sfile .row{display:flex;justify-content:space-between;gap:10px;align-items:center;font:500 .74rem var(--f-mono);letter-spacing:.05em;color:var(--slate)}
.sfile h3{font-size:1rem;font-weight:700;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sfile .pill{margin-top:10px}
.stack-note{font:400 .76rem var(--f-mono);color:var(--on-navy-dim);letter-spacing:.04em;margin:14px 0 0 48px}
@media (max-width:860px){.hero .grid{grid-template-columns:minmax(0,1fr);gap:40px}.hero{padding-block:44px 52px}.stack li:nth-child(2){margin-left:12px}.stack li:nth-child(3){margin-left:24px}.stack-note{margin-left:24px}}

/* kalendarz cykli */
.cycles{display:grid;gap:28px}
.cycle{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;background:var(--paper);border:1px solid var(--line);padding:24px}
.cycle img{display:block;width:100%;height:auto;align-self:start;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
.cycle .kick{color:var(--red)}
.cycle h3{font-size:1.5rem;font-weight:800;margin-top:8px}
.cycle .desc{margin:8px 0 0;color:var(--slate);font-size:.95rem}
.progress{display:flex;gap:3px;margin:18px 0 6px}
.progress i{flex:1;height:6px;background:var(--line)}
.progress i.c-done{background:var(--ink)}
.progress i.c-next{background:var(--red)}
.series li.c-done .n{color:var(--red)}
.series li.c-done a{font-weight:600}
.series li.c-future{color:var(--slate)}
.series li.c-future .n{color:var(--slate)}
.series li.c-next{background:var(--red-soft);margin-inline:-12px;padding-inline:12px;border-bottom-color:transparent}
.series li.c-next .n,.series li.c-next .d{color:var(--red)}
.series li.c-next b{font-weight:600;color:var(--ink)}
.series .soon{display:block;font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-top:3px}
.series li.hidden-part{display:none}
.series.open li.hidden-part{display:grid}
.toggle{margin-top:12px;background:none;border:0;padding:4px 0;font:500 .8rem var(--f-mono);color:var(--red);letter-spacing:.04em;cursor:pointer}
@media (max-width:820px){.cycle{grid-template-columns:minmax(0,1fr)}.cycle img{max-width:220px}}
@media (max-width:560px){.cycle .series li{grid-template-columns:4.4rem minmax(0,1fr)}}

/* jak pracujemy */
.method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.method h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}
.zasady{list-style:none;margin:24px 0 0;padding:0;border-top:2px solid var(--ink)}
.zasady li{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:8px}
.zasady .n{font:500 .8rem var(--f-mono);color:var(--red);padding-top:4px}
.zasady b{font:800 1.15rem var(--f-display);display:block}
.zasady p{margin:4px 0 0;color:var(--slate);font-size:.94rem}
.specimen{background:var(--paper);border:1px solid var(--line);border-left:10px solid var(--file-spine);padding:26px 28px;margin:0}
.specimen .label{font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.specimen .ocena{margin:20px 0 0}
.specimen .cap{margin:16px 0 0;font:400 .76rem var(--f-mono);color:var(--slate)}
.ref{font:500 .82rem var(--f-mono);background:var(--mist);padding:1px 5px;white-space:nowrap}
@media (max-width:860px){.method{grid-template-columns:minmax(0,1fr);gap:32px}}

/* pas – przekaż dokumenty */
.band .wrap{align-items:start}
.modes{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.22);margin-top:24px}
.modes div{padding:18px 20px}
.modes div+div{border-left:1px solid rgba(255,255,255,.22)}
.modes b{display:block;font:500 .75rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:6px}
.modes span{font-size:.93rem;color:#fff}
.steps-h{margin:0 0 14px;font:500 .78rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-dim)}
.steps-n{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps-n li{counter-increment:s;display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:10px;font-size:.95rem;color:#fff}
.steps-n li::before{content:counter(s,decimal-leading-zero);font:500 .78rem var(--f-mono);color:#1D2939;background:var(--pink);width:1.8rem;height:1.8rem;display:grid;place-items:center}
@media (max-width:480px){.modes{grid-template-columns:minmax(0,1fr)}.modes div+div{border-left:0;border-top:1px solid rgba(255,255,255,.22)}}

/* ===== Finanse ===== */
.fin{padding-block:40px 72px;display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.fin-ex{margin:0}
.fin-h{font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:800}
.fin-sub{margin:8px 0 0;color:var(--slate);max-width:44em}
.head-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.fin-tiles{background:var(--paper)}
.fin-tiles dd{font-size:clamp(1.6rem,3.4vw,2.3rem)}
.fin .neg{color:var(--red)}
.legend{display:flex;gap:18px;margin:14px 0 8px;font-size:.88rem;color:var(--slate)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.sw{display:inline-block;width:12px;height:12px;border-radius:2px}
.sw.in,.fund-b .in,.c-b .in{background:var(--chart-in)}
.sw.out,.fund-b .out,.c-b .out{background:var(--chart-out)}
.chart{position:relative;margin:0;background:var(--paper);border:1px solid var(--line);padding:16px 12px 8px}
.chart svg{display:block;width:100%;height:auto}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .grid.base{stroke:var(--slate)}
.chart .ax{font:400 12px var(--f-mono);fill:var(--slate)}
.chart .bar.in{fill:var(--chart-in)}
.chart .bar.out{fill:var(--chart-out)}
.chart .hit{fill:transparent}
.chart .col:hover .hit,.chart .col:focus .hit{fill:var(--mist)}
.chart .col:focus{outline:none}
.chart .col:focus-visible .hit{stroke:var(--red);stroke-width:2}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--paper);font:400 .82rem/1.45 var(--f-text);padding:8px 10px;white-space:nowrap;transform:translate(-50%,-100%);z-index:2}
.tip b{font-family:var(--f-mono);font-weight:500;display:block;margin-bottom:2px}
.tip i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.funds{display:grid;gap:0;border-top:2px solid var(--ink);margin-top:18px}
.fund{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.fund-t b{display:block;font:800 1.05rem var(--f-display)}
.fund-t span{display:block;color:var(--slate);font-size:.88rem;margin-top:2px}
.fund-b{display:grid;gap:4px}
.fund-b i,.c-b i{display:block;height:8px;min-width:2px;border-radius:0 4px 4px 0}
.fund-n{display:grid;grid-template-columns:repeat(3,7.2rem);margin:0;text-align:right}
.fund-n div{margin:0}
.fund-n dt{font:500 .68rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.fund-n dd{margin:2px 0 0;font:600 .98rem var(--f-text);font-variant-numeric:tabular-nums}
@media (max-width:860px){.fund{grid-template-columns:minmax(0,1fr)}.fund-n{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.cats{list-style:none;margin:18px 0 0;padding:0;border-top:2px solid var(--ink)}
.cats li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.c-n{font-size:.95rem}
.c-v{font:600 .95rem var(--f-text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.c-v small{font:400 .76rem var(--f-mono);color:var(--slate);margin-left:6px}
.c-b{grid-column:1/-1}
.fsel{flex:0 1 240px}
.ops table{min-width:620px}
.ops td{vertical-align:top;padding-block:12px}
.ops td:first-child{white-space:nowrap}
.ops .nr{display:block;font:500 .84rem var(--f-mono)}
.ops .dt{display:block;font:400 .76rem var(--f-mono);color:var(--slate);margin-top:3px}
.ops td b{font-weight:600}
.ops .meta2{display:block;color:var(--slate);font-size:.85rem;margin-top:3px}
.ops .meta2.dk{font:400 .72rem var(--f-mono);letter-spacing:.03em}
.tbl .r,.tbl th.r{text-align:right;padding-right:0}
.amt{font:600 .98rem var(--f-text);white-space:nowrap}
.amt.in{color:var(--ok)}
.flow{counter-reset:f;list-style:none;margin:18px 0 0;padding:0;border-top:2px solid var(--ink)}
.flow li{counter-increment:f;display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--slate);font-size:.94rem}
.flow li::before{content:counter(f,decimal-leading-zero);font:500 .8rem var(--f-mono);color:var(--red);padding-top:2px}
.flow b{display:block;color:var(--ink);font:800 1.02rem var(--f-display);margin-bottom:2px}
.fin-z{margin-top:18px}
@media (max-width:700px){.file .pill{justify-self:start}.chart{overflow-x:auto}.chart svg{min-width:620px}}
/* logo zatwierdzone 16.10.2026 – wersja granatowa, bez zmian proporcji i kolorów */
.top .wrap{min-height:126px}
.logo{padding-block:12px}
.logo img{display:block;height:102px;width:auto}
.foot-logo{display:block;width:342px;max-width:100%;height:auto}
@media (max-width:900px){.top .wrap{min-height:110px}.logo img{height:87px}}
.nav a{white-space:nowrap}
@media (max-width:1180px) and (min-width:1081px){.nav a{padding:8px 8px;font-size:.9rem}.theme button{padding:7px 7px}}
.top .wrap{gap:12px}.nav a.cta{margin-left:2px}.theme{margin-left:6px}

/* licznik: kafelek-link i archiwum */
.tiles.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile.link{position:relative;transition:background .15s}
.tile.link:hover{background:var(--mist)}
.tile.link a{color:inherit;text-decoration:none}
.tile.link a::after{content:"";position:absolute;inset:0}
.tile.link:focus-within{outline:3px solid var(--red);outline-offset:-3px}
.tile.link a:focus-visible{outline:0}
.tile.link .go{display:block;margin-top:4px;color:var(--red);font-weight:600}
@media (max-width:700px){.tiles.t3{grid-template-columns:minmax(0,1fr)}.tiles.t3 .tile{border-right:0;border-bottom:1px solid var(--line)}.tiles.t3 .tile:last-child{border-bottom:0}}
.arch h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:6px 0 10px}
.arch .kick-d{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin:0}
.arch .lead-d{max-width:62ch;color:var(--slate);margin:0 0 22px}
.arch-sum{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:8px}
.arch-sum b{display:block;font:800 clamp(2.4rem,6vw,3.4rem)/1 var(--f-display);font-variant-numeric:tabular-nums}
.arch-sum span{color:var(--slate)}
.arch-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 16px}
.arch-tab{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--line);padding:14px 16px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.arch-tab b{display:block;font:800 1.9rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.arch-tab span{font-size:.92rem;color:var(--slate)}
.arch-tab[aria-selected="true"]{border-top-color:var(--red);border-color:var(--slate)}
.arch-tab:focus-visible{outline:3px solid var(--red);outline-offset:2px}
@media (max-width:700px){.arch-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.arch-opis{color:var(--slate);margin:0 0 4px}
.arch-ctrl{margin:0 0 12px;font-size:.92rem}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--red);cursor:pointer;text-decoration:underline}
.arch summary{display:flex;align-items:baseline;gap:12px;cursor:pointer;list-style:none}
.arch summary::-webkit-details-marker{display:none}
.arch summary::before{content:"▸";color:var(--slate);width:1em;flex:none}
.arch details[open]>summary::before{content:"▾"}
.arch summary .nm{flex:1;min-width:0}
.arch summary .ct,.a3x .ct{font-weight:700;font-variant-numeric:tabular-nums}
.a1{background:var(--paper);border:1px solid var(--line);margin-bottom:8px}
.a1>summary{padding:14px 16px;font-size:1.1rem;font-weight:700}
.a1b{padding:0 16px 14px}
.ag{margin-top:10px}
.agh{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:6px 0;border-bottom:1px solid var(--line)}
.agh b{color:var(--ink,inherit)}
.a2{border-bottom:1px solid var(--line)}
.a2>summary{padding:9px 0 9px 4px}
.a2.red>summary .ct{color:var(--red)}
.a2b{padding:0 0 8px 22px}
.a3>summary,.a3x{padding:5px 0;font-size:.95rem}
.a3x{display:flex;gap:12px;padding-left:1em}.a3x .nm{flex:1}
.units{display:flex;flex-wrap:wrap;gap:6px 16px;padding:2px 0 8px 1.6em;font-size:.9rem;color:var(--slate)}
.units b{color:var(--ink,inherit)}
.arch .muted{color:var(--slate);font-size:.9rem;margin:4px 0}
.arch-foot{margin-top:22px;font-size:.88rem;color:var(--slate);max-width:80ch}

.fin-acc{margin:40px 0 0}
.acc{margin:12px 0 0;display:grid;gap:8px}
.acc div{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;border:1px solid var(--line);background:var(--paper);padding:12px 16px}
.acc dt{font-weight:700;min-width:3em}
.acc dd{margin:0;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.acc code{font-size:1.05rem;letter-spacing:.02em}
.contact code[id^="r"],.acc code{display:inline-block;word-break:normal;overflow-wrap:normal;white-space:normal}
.contact code[id^="r"]{display:block;margin-top:2px}

.proba{display:inline-block;background:var(--red);color:#fff;font:600 .78rem var(--f-mono);letter-spacing:.06em;padding:4px 10px;margin:0 0 14px}
.prose table{border-collapse:collapse;width:100%;margin:12px 0 20px;font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.prose th{background:var(--mist)}
.watek{font:500 .85rem var(--f-mono);color:var(--slate);margin:0 0 10px}.watek a{color:var(--red)}
.watki{border:1px solid var(--line);background:var(--paper);padding:12px 16px;margin:24px 0 0}.watki ol{margin:6px 0 0;padding-left:1.2em}