:root{
  --navy:#16375c;--navy-2:#1d4570;--navy-dark:#0f2942;--ink:#1e2a38;--muted:#5d6b7d;
  --line:#e4e9f0;--bg:#eef1f5;--card:#fff;--amber:#c8892a;--ok:#1f9d57;
  --tint:#eef2f7;            /* jednolity, stonowany podklad kategorii/ikon (koniec tęczy) */
  --radius:12px;--shadow:0 1px 2px rgba(16,41,66,.06),0 6px 20px rgba(16,41,66,.05);
  --shadow-h:0 10px 30px rgba(16,41,66,.12);
  --sans:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
h1,h2,h3,h4{margin:0;line-height:1.2}
body svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
img{display:block;max-width:100%}

/* category pill - jednolicie granatowa (bez koloru per kategoria) */
.pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--tint);color:var(--navy);padding:3px 9px;border-radius:5px}

/* TOP BAR */
.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px}
.topbar .tb-l{display:flex;gap:20px;align-items:center}.topbar .tb-l b{color:var(--ink);font-weight:700}
.topbar .tb-r{display:flex;gap:16px;align-items:center}.topbar .tb-r>a:hover{color:var(--navy)}
.tb-social{display:inline-flex;gap:10px;align-items:center}.tb-social a{color:var(--muted)}.tb-social a:hover{color:var(--navy)}.tb-social svg{width:15px;height:15px}
.fontsize{display:inline-flex;gap:2px;margin-left:6px}
.fontsize button{border:1px solid var(--line);background:#fff;color:var(--muted);width:22px;height:22px;border-radius:5px;cursor:pointer;font-family:var(--serif);line-height:1}
.fontsize button:nth-child(2){font-size:12px}.fontsize button:nth-child(3){font-size:14px}

/* HEADER */
.masthead{position:relative;background:#fff;overflow:hidden}
.masthead .skyline{position:absolute;right:0;bottom:0;width:min(720px,60%);opacity:.06;color:var(--navy);pointer-events:none}
.masthead .wrap{position:relative;display:flex;align-items:center;gap:26px;padding:18px 22px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand .mark{width:52px;height:52px;background:var(--navy);border-radius:11px;display:grid;place-items:center;color:#fff;flex:none;box-shadow:var(--shadow)}
.brand .mark svg{width:32px;height:32px}
.brand .id{display:flex;flex-direction:column;justify-content:center}
.brand .wm{display:block;font-family:var(--serif);font-size:26px;font-weight:700;color:var(--navy);line-height:1.05}
.brand .sub{display:block;font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:5px}
.hd-weather{display:flex;align-items:center;gap:9px;padding-right:6px;border-right:1px solid var(--line)}
.hd-weather svg{width:30px;height:30px;color:var(--amber)}
.hd-weather b{font-size:19px;color:var(--ink)}.hd-weather small{display:block;color:var(--muted);font-size:11.5px;line-height:1.25}
.hd-search{flex:1;position:relative;min-width:120px}
.hd-search input{width:100%;height:46px;border:1px solid var(--line);border-radius:10px;padding:0 44px 0 16px;font-size:14px;font-family:var(--sans);background:#f7f9fb}
.hd-search input:focus{outline:none;border-color:var(--navy);background:#fff}
.hd-search .s-btn{position:absolute;right:6px;top:6px;width:34px;height:34px;border:none;background:var(--navy);color:#fff;border-radius:8px;cursor:pointer;display:grid;place-items:center}
.hd-search .s-btn svg{width:17px;height:17px}
.btn-add{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:0 18px;height:46px;border-radius:10px;white-space:nowrap;flex:none}
.btn-add:hover{background:var(--navy-2)}.btn-add svg{width:17px;height:17px}

/* NAV */
.mainnav{background:var(--navy);position:relative;z-index:20}
.mainnav .wrap{display:flex;gap:2px}
.mainnav .lnk{display:flex;align-items:center;gap:8px;color:#dfe7f1;font-weight:600;font-size:14px;padding:14px 15px;cursor:pointer;white-space:nowrap}
.mainnav .lnk svg{width:17px;height:17px;opacity:.85}.mainnav .lnk .chev{width:12px;height:12px;opacity:.6;margin-left:-3px}
.mainnav .lnk:hover,.mainnav .lnk.active{color:#fff;background:rgba(255,255,255,.08)}
.mainnav .lnk.active{box-shadow:inset 0 -3px 0 var(--amber)}
.mainnav .item{position:relative}.mainnav .item:hover .drop{display:block}
.drop{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:230px;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:var(--shadow-h);padding:7px}
.drop a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:7px;color:var(--ink);font-size:13.5px;font-weight:500}
.drop a svg{width:16px;height:16px;color:var(--navy);opacity:.8}.drop a:hover{background:#f2f5f9;color:var(--navy)}
.nav-reklama{margin-left:auto;display:flex;align-items:center}
.nav-reklama .lnk{background:#d64545;color:#fff;font-weight:800;border-radius:8px;padding:9px 16px;margin:7px 2px}
.nav-reklama .lnk svg{opacity:1}
.nav-reklama .lnk:hover{background:#c23a3a;box-shadow:none}

/* UKLAD */
section{padding:26px 0}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sec-head h2{font-size:22px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10px}
.sec-head h2 svg{width:21px;height:21px;color:var(--navy)}
.more{font-size:13.5px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:6px}.more svg{width:15px;height:15px}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 380px;gap:20px;padding-top:26px}
.hero-feat{position:relative;overflow:hidden;background:var(--navy);color:#fff;border-radius:var(--radius);padding:38px 40px;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px}
.hero-feat .sky{position:absolute;inset:auto 0 0 0;width:100%;color:#fff;opacity:.10}
.hero-feat .tag{align-self:flex-start;position:relative;z-index:2;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.16);color:#fff;padding:5px 11px;border-radius:6px;margin-bottom:16px}
.hero-feat h1{position:relative;z-index:2;font-family:var(--serif);font-size:33px;font-weight:700;line-height:1.15;margin-bottom:12px;max-width:20ch}
.hero-feat p{position:relative;z-index:2;color:#c4d4e6;font-size:15px;max-width:52ch;margin:0 0 20px}
.hero-feat .row{position:relative;z-index:2;display:flex;align-items:center;gap:16px}
.hero-feat .cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--navy);font-weight:700;font-size:14px;padding:11px 18px;border-radius:9px}.hero-feat .cta svg{width:16px;height:16px}
.hero-feat .meta{font-size:12.5px;color:#9fb4cc;display:flex;gap:14px}.hero-feat .meta span{display:inline-flex;align-items:center;gap:5px}.hero-feat .meta svg{width:13px;height:13px}
.hero-dots{position:absolute;left:40px;bottom:20px;z-index:3;display:flex;gap:6px}
.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.hero-dots i.on{background:#fff;width:20px;border-radius:5px}
.hero-side{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}
.hero-side h3{font-size:15px;font-weight:800;color:var(--navy);padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.hero-side h3 svg{width:17px;height:17px;color:var(--navy)}
.hs-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.hs-item:last-child{border-bottom:none;padding-bottom:2px}
.hs-item .num{width:22px;height:22px;border-radius:6px;background:var(--tint);color:var(--navy);font-weight:800;font-size:12px;display:grid;place-items:center;flex:none;margin-top:2px}
.hs-item .t{display:block;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.hs-item .m{display:block;font-size:11.5px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}

/* SKROTY */
.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.qa{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 12px;text-align:center;transition:transform .15s,box-shadow .15s}
.qa:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.qa svg{width:30px;height:30px;color:var(--navy);stroke-width:1.5}.qa span{display:block;margin-top:11px;font-size:13px;font-weight:700;color:var(--ink)}

/* KARTY INFO */
.info3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ic{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;position:relative;overflow:hidden}
.ic.air{border-left:4px solid var(--ok)}
.ic .ico-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;color:var(--navy);margin-bottom:10px}.ic .ico-h svg{width:18px;height:18px}
.ic .big{font-size:22px;font-weight:800;color:var(--ok);margin-bottom:8px}
.ic .kv{display:flex;gap:22px;font-size:13px;color:var(--muted)}.ic .kv b{color:var(--ink);font-variant-numeric:tabular-nums}
.ic .lead{font-size:13.5px;color:var(--muted);margin-bottom:6px}.ic .lead b{color:var(--ink)}
.ic .ln{margin-top:12px;font-size:13px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:6px}.ic .ln svg{width:14px;height:14px}
.ic .watermark{position:absolute;right:14px;bottom:8px;width:64px;height:64px;opacity:.08;color:var(--navy)}

/* CHIPS + NEWS GRID (monochrom) */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.chip-f{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:22px;padding:8px 15px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.chip-f.on{background:var(--navy);color:#fff;border-color:var(--navy)}.chip-f svg{width:15px;height:15px}
.chip-f .cnt{font-size:11px;font-weight:800;background:rgba(0,0,0,.07);padding:1px 8px;border-radius:11px}.chip-f.on .cnt{background:rgba(255,255,255,.22)}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ncard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 16px;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.ncard:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.ncard .top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ncard .nico{width:40px;height:40px;border-radius:10px;background:var(--tint);color:var(--navy);display:grid;place-items:center;flex:none}.ncard .nico svg{width:20px;height:20px}
.ncard .neye{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.ncard .nmeta{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);margin-top:2px}.ncard .nmeta svg{width:12px;height:12px}
.ncard h4{font-size:16px;font-weight:800;color:var(--ink);line-height:1.3;margin-bottom:8px}
.ncard p{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 14px;flex:1}
.ncard .nmore{font-size:13px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:6px}.ncard .nmore svg{width:14px;height:14px}

/* WYDARZENIA - realne plakaty */
.ev3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ev{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .15s,box-shadow .15s}
.ev:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.ev .ph{position:relative;height:190px;background:var(--tint)}
.ev .ph img{width:100%;height:100%;object-fit:cover}
.ev .ph .chip{position:absolute;left:14px;top:14px;background:var(--navy);color:#fff;width:54px;border-radius:9px;text-align:center;padding:7px 0;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.ev .ph .chip b{display:block;font-size:21px;font-weight:800;line-height:1}.ev .ph .chip span{font-size:10px;font-weight:800;text-transform:uppercase;opacity:.85}
.ev .body{padding:15px 16px 16px}.ev .body h4{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:10px;line-height:1.28}
.ev .body .r{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-bottom:5px}.ev .body .r svg{width:14px;height:14px;color:var(--navy);opacity:.75}
.ev .body .pill{margin-top:8px}

/* RANKINGI FIRM (monochrom) */
.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rcat{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;transition:transform .15s,box-shadow .15s}
.rcat:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.rcat .ri{width:44px;height:44px;border-radius:11px;background:var(--tint);color:var(--navy);display:grid;place-items:center;flex:none}.rcat .ri svg{width:22px;height:22px}
.rcat .rt{display:block;font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.2}
.rcat .rc{display:block;font-size:12px;color:var(--muted);margin-top:3px;font-weight:600}
.rcat .arr{margin-left:auto;color:var(--navy);opacity:.45}.rcat .arr svg{width:16px;height:16px}

/* NIERUCHOMOSCI - realne zdjecia */
.prop4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prop{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .15s,box-shadow .15s}
.prop:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.prop .ph{position:relative;height:150px;background:var(--tint)}
.prop .ph img{width:100%;height:100%;object-fit:cover}
.prop .ph .amt{position:absolute;left:12px;bottom:12px;background:var(--navy);color:#fff;font-weight:800;font-size:14px;padding:5px 11px;border-radius:8px}
.prop .body{padding:13px 15px 15px}
.prop .body h4{font-size:14px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.prop .body .feat{display:flex;gap:14px;font-size:12px;color:var(--muted)}.prop .body .feat span{display:inline-flex;align-items:center;gap:5px}.prop .body .feat svg{width:13px;height:13px;color:var(--navy);opacity:.7}

/* GAZETKI - realne okladki */
.leaf5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.leaf{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;text-align:center;transition:transform .15s,box-shadow .15s}
.leaf:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.leaf .ph{height:210px;background:var(--tint);display:flex;align-items:center;justify-content:center;overflow:hidden}
.leaf .ph img{width:100%;height:100%;object-fit:cover}
.leaf .body{padding:11px 10px 13px}.leaf .body .sh{font-size:13.5px;font-weight:800;color:var(--ink)}.leaf .body .dt{font-size:11.5px;color:var(--muted);margin-top:3px}

/* DWIE KOLUMNY */
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}
.panel h3{font-size:15.5px;font-weight:800;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:9px}.panel h3 svg{width:18px;height:18px;color:var(--navy)}
.plist{list-style:none;margin:0;padding:0}
.plist li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.plist li:last-child{border-bottom:none}
.plist .pi{width:34px;height:34px;border-radius:9px;background:var(--tint);color:var(--navy);display:grid;place-items:center;flex:none}.plist .pi svg{width:17px;height:17px}
.plist .pt{display:block;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.35}
.plist .pm{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}

/* TRIO dol */
.trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}
.rank{list-style:none;margin:0;padding:0}
.rank li{display:flex;gap:13px;padding:10px 0;border-bottom:1px solid var(--line);align-items:flex-start}.rank li:last-child{border-bottom:none}
.rank .n{width:24px;height:24px;flex:none;background:var(--tint);color:var(--navy);border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:13px}
.rank .tx{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}
.cls{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.cls:last-of-type{border-bottom:none}
.cls .t{font-size:13.5px;font-weight:700;color:var(--ink)}.cls .p{font-size:12px;color:var(--muted);margin-top:2px}
.cls .amt{font-weight:800;color:var(--navy);white-space:nowrap;font-size:13.5px}
.btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;border:1.5px dashed var(--line);color:var(--navy);font-weight:700;font-size:13.5px;padding:11px;border-radius:9px}.btn-ghost svg{width:15px;height:15px}
.news-panel{background:var(--navy);color:#fff;border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}
.news-panel .sky{position:absolute;right:0;bottom:0;width:90%;color:#fff;opacity:.12}
.news-panel h3{color:#fff;font-family:var(--serif);font-size:20px;margin-bottom:6px}
.news-panel p{color:#bcd0e6;font-size:13px;margin:0 0 16px;position:relative;z-index:2}
.news-panel .frm{position:relative;z-index:2;display:flex;gap:8px}
.news-panel input{flex:1;height:42px;border:none;border-radius:9px;padding:0 14px;font-size:13.5px;font-family:var(--sans)}
.news-panel .sub{background:#fff;color:var(--navy);font-weight:800;border:none;border-radius:9px;padding:0 18px;cursor:pointer}

/* KRONIKA POLICYJNA (przebudowana) */
.krn{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;align-items:stretch}
.krn-feat{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px 22px 30px;display:flex;flex-direction:column}
.krn-feat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b3403a}
.krn-feat .badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#f7e9e9;color:#b3403a;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:6px;margin-bottom:14px}
.krn-feat .badge svg{width:14px;height:14px}
.krn-feat h3{font-size:20px;font-weight:800;color:var(--ink);line-height:1.3;margin-bottom:11px}
.krn-feat p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 18px;flex:1}
.krn-feat .foot{display:flex;align-items:center;justify-content:space-between}
.krn-feat .date{font-size:12.5px;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.krn-feat .date svg{width:14px;height:14px}
.krn-feat .rd{font-size:13.5px;font-weight:700;color:var(--navy);display:inline-flex;gap:6px;align-items:center}.krn-feat .rd svg{width:14px;height:14px}
.krn-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 18px}
.krn-list a{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.krn-list a:last-child{border-bottom:none}
.krn-list .ki{width:40px;height:40px;border-radius:10px;background:#f7e9e9;color:#b3403a;display:grid;place-items:center;flex:none}.krn-list .ki svg{width:20px;height:20px}
.krn-list .kt{display:block;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.35}
.krn-list .kd{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
/* QUAD - dolny rzad 4 panele */
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
/* BENTO - dol strony w roznych blokach */
.bento{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"praca przet pop" "ogl ogl pop";gap:16px}
.b-praca{grid-area:praca}.b-przet{grid-area:przet}.b-ogl{grid-area:ogl}.b-pop{grid-area:pop}
/* Ogloszenia (szeroki): klasyfikaty w rzedzie + wyrozniony CTA */
.b-ogl .oglrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}
.b-ogl .oc{border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#fafbfc;display:flex;flex-direction:column}
.b-ogl .oc .t{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:8px;flex:1}
.b-ogl .oc .amt{font-weight:800;color:var(--navy);font-size:15px}
.b-ogl .oc .p{font-size:11.5px;color:var(--muted);margin-top:5px}
.b-ogl .oglcta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.b-ogl .oglcta span{font-size:13px;color:var(--muted)}
.b-ogl .oglcta a{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:9px;white-space:nowrap}.b-ogl .oglcta a svg{width:15px;height:15px}
/* Najczesciej czytane (wysoki, wyrozniony) */
.b-pop{background:#f4f7fb;border-color:#dbe4ef;display:flex;flex-direction:column}
.b-pop h3{border-bottom:1px solid #dde6f1;padding-bottom:13px}
.b-pop .rank{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.b-pop .rank li{border-bottom:1px solid #e2eaf4;flex:1;align-items:center}
.b-pop .rank .n{width:26px;height:26px;background:var(--navy);color:#fff;font-size:13px}
.b-pop .rank .tx{font-weight:700}

/* NEKROLOGI - klepsydry */
.obit3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.klep{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 26px 24px;text-align:center}
.klep::before{content:"";position:absolute;inset:9px;border:1px solid #e9edf3;border-radius:8px;pointer-events:none}
.klep .cross{margin-bottom:14px}.klep .cross svg{width:30px;height:30px;color:#2a333f;stroke-width:1.6}
.klep .pre{font-size:12px;color:var(--muted);margin-bottom:8px;position:relative}
.klep .name{font-family:var(--serif);font-size:21px;font-weight:700;color:var(--ink);letter-spacing:.02em;line-height:1.25;margin-bottom:12px;position:relative}
.klep .txt{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:18px;position:relative}
.klep .candle{position:relative;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:22px;padding:8px 16px;font-weight:700;font-size:12.5px;color:var(--ink);cursor:pointer}
.klep .candle:hover{border-color:#e0b06a;background:#fffaf2}
.klep .candle .fl{color:#e8912a}.klep .candle .fl svg{width:15px;height:15px;fill:#f0a637;stroke:#d98e22}
.klep .candle .cnt{background:rgba(232,145,42,.12);color:#c07d1e;padding:2px 9px;border-radius:11px;font-size:11.5px;font-weight:800}

/* PILKA NOZNA */
.fbhead{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.fbhead h2{font-size:22px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10px}.fbhead h2 svg{width:21px;height:21px;color:var(--navy)}
.fbhead .lg{font-size:12.5px;color:var(--muted);font-weight:600}.fbhead .more{margin-left:auto}
.fb{display:grid;grid-template-columns:1.45fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.fb-l{padding:18px 20px;border-right:1px solid var(--line)}
.fb-r{padding:18px 20px;background:#f8fafc}
.fb-sub{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.fb-l .fb-sub+.fb-sub,.fb-block+.fb-block .fb-sub{margin-top:16px}
.fbm{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.fbm:last-child{border-bottom:none}
.fbm .d{width:50px;flex:none;text-align:center}.fbm .d b{display:block;font-size:15px;font-weight:800;color:var(--navy);line-height:1}.fbm .d span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700}
.fbm .t{flex:1;font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}.fbm .t em{font-style:normal;font-weight:800;color:var(--navy)}
.fbm .res{font-weight:800;font-size:13.5px;padding:3px 9px;border-radius:7px;white-space:nowrap}
.fbm .res.win{background:#e6f4ec;color:#1f7a44}.fbm .res.loss{background:#f7e9e9;color:#b3403a}.fbm .res.draw{background:var(--tint);color:var(--muted)}
.fbm .ha{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px;white-space:nowrap}
.stbl{width:100%;border-collapse:collapse;font-size:12.5px}
.stbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800;padding:0 4px 8px}.stbl th.c,.stbl td.c{text-align:center}
.stbl td{padding:6px 4px;border-top:1px solid var(--line);color:var(--ink)}.stbl tr.me td{background:#eef4fb}
.stbl td .p{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--tint);color:var(--navy);font-weight:800;font-size:11px;margin-right:8px}
.stbl td.pts{font-weight:800;color:var(--navy);text-align:center}
/* newsletter band pelnoszerokosciowy */
.nlband{background:var(--navy);color:#fff;border-radius:var(--radius);padding:26px 30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nlband .sky{position:absolute;right:0;bottom:0;width:55%;color:#fff;opacity:.10}
.nlband .txt{position:relative;z-index:2}.nlband h3{font-family:var(--serif);font-size:23px;margin:0 0 5px}.nlband p{color:#bcd0e6;font-size:13.5px;margin:0}
.nlband .frm{position:relative;z-index:2;display:flex;gap:8px;min-width:320px;flex:1;max-width:470px}
.nlband input{flex:1;height:46px;border:none;border-radius:9px;padding:0 15px;font-size:14px;font-family:var(--sans)}
.nlband .sub{background:#fff;color:var(--navy);font-weight:800;border:none;border-radius:9px;padding:0 22px;cursor:pointer;font-size:14px}

/* FOOTER */
.megafoot{background:#fff;border-top:1px solid var(--line);padding:40px 0 30px}
.megafoot .cols{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1.2fr;gap:26px}
.megafoot h4{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:14px;font-weight:800}
.megafoot ul{list-style:none;margin:0;padding:0}.megafoot li{margin-bottom:9px}.megafoot a{font-size:13.5px;color:var(--ink)}.megafoot a:hover{color:var(--navy)}
.foot-contact .r{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin-bottom:9px}.foot-contact .r svg{width:16px;height:16px;color:var(--navy);flex:none;margin-top:2px}
.socials{display:flex;gap:9px;margin-top:14px}.socials a{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--navy)}.socials a:hover{background:var(--navy);color:#fff}.socials svg{width:18px;height:18px}
.footbar{background:var(--navy-dark);color:#a9bdd4}.footbar .wrap{display:flex;justify-content:space-between;align-items:center;height:54px;font-size:12.5px}.footbar a{color:#c7d6e6}.footbar a:hover{color:#fff}.footbar .fl{display:flex;gap:20px}

@media(max-width:980px){
  .hero{grid-template-columns:1fr}.quick{grid-template-columns:repeat(3,1fr)}
  .info3,.ev3,.trio,.two,.fb,.obit3,.krn{grid-template-columns:1fr}.ngrid,.quad{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:1fr 1fr;grid-template-areas:"praca przet" "ogl ogl" "pop pop"}
  .fb-l{border-right:none;border-bottom:1px solid var(--line)}
  .rank-grid,.prop4{grid-template-columns:1fr 1fr}.leaf5{grid-template-columns:repeat(3,1fr)}.megafoot .cols{grid-template-columns:1fr 1fr}
  .mainnav .wrap{overflow-x:auto}.hd-weather{display:none}
}
@media(max-width:640px){.ngrid,.rank-grid,.prop4,.quad{grid-template-columns:1fr}.leaf5{grid-template-columns:1fr 1fr}}

/* ============ DODATKI MOTYWU (poza makieta) ============ */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000}
.skip-link:focus{left:10px;top:10px;width:auto;height:auto;background:#fff;padding:8px 14px;border-radius:8px;box-shadow:var(--shadow-h)}

/* breaking ticker */
.breaking{background:#b3403a;color:#fff;overflow:hidden}
.breaking .wrap{display:flex;align-items:center;gap:20px;height:44px}
.breaking .bl{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;flex:none}.breaking .bl svg{width:15px;height:15px}
.breaking .bt-wrap{flex:1;overflow:hidden}
.breaking .bt{display:flex;gap:40px;white-space:nowrap;animation:tick 30s linear infinite}
.breaking .bt a{color:#fff;font-weight:500;font-size:13.5px}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* slot reklamowy (placeholder w feedzie / sidebar) */
.adslot{border:1px dashed var(--line);border-radius:var(--radius);background:#fafbfc;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center;padding:16px}
.adslot .lbl{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#b7c0cc}.adslot svg{width:34px;height:34px;color:#c3cdd9}.adslot span{font-size:12.5px}
.home-featured-company{margin:16px 0}

/* Polecane: platne linki SEO w stopce */
.footer-seo-links{max-width:1240px;margin:0 auto;padding:14px 22px;font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);background:#fff}
.footer-seo-links__label{font-weight:700;color:var(--ink)}
.footer-seo-links a{color:var(--muted)}.footer-seo-links a:hover{color:var(--navy)}

/* reklama popup (desktop) + baner mobilny (z motywu podstawowego) */
.ad-mobile-anchor,.ad-popup-mobile{display:none}
@media(max-width:768px){
  .ad-mobile-anchor,.ad-popup-mobile{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.18);padding:4px;text-align:center}
  .ad-mobile-anchor__close{position:absolute;top:-22px;right:8px;width:22px;height:22px;border:none;background:rgba(0,0,0,.6);color:#fff;border-radius:50% 50% 0 0;cursor:pointer;font-size:14px;line-height:1;z-index:2}
  .ad-popup-desktop{display:none!important}
}
.ad-popup-desktop{display:none;position:fixed;inset:0;z-index:3000;background:rgba(15,17,32,.62);align-items:center;justify-content:center;padding:20px}
.ad-popup-desktop.is-open{display:flex}
.ad-popup-card{position:relative;background:#fff;border-radius:14px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.35);max-width:94vw;max-height:92vh}
.ad-popup-card .ad-slot__label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#9aa2b1;margin-bottom:8px}
.ad-popup-card .ad-popup-creative img{max-width:100%;max-height:78vh;height:auto;display:block;border-radius:8px}
.ad-popup-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border:none;border-radius:50%;background:#fff;color:#333;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.3)}

/* IMGW alert baner */
.imgw{border-radius:var(--radius);border:1px solid #edc98a;background:#fef3df;padding:14px 18px;display:flex;align-items:center;gap:14px;margin:16px 0}
.imgw.lvl3{border-color:#e0a9a2;background:#fbebe9}
.imgw .ic{width:44px;height:44px;flex:none;border-radius:11px;display:grid;place-items:center;background:#e8912a;color:#fff}
.imgw.lvl3 .ic{background:#b3403a}.imgw .ic svg{width:24px;height:24px}
.imgw .tx b{display:block;font-size:14.5px;color:var(--ink)}.imgw .tx span{font-size:12.5px;color:var(--muted)}

/* KRONIKA 2-kol (bez pustych przestrzeni - brak wielkiego featured) */
.kron2{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.kron2 a{display:flex;gap:13px;padding:15px 20px;border-bottom:1px solid var(--line)}
.kron2 a:nth-child(odd){border-right:1px solid var(--line)}
.kron2 a:nth-last-child(-n+2){border-bottom:none}
.kron2 .ki{width:40px;height:40px;border-radius:10px;background:#f7e9e9;color:#b3403a;display:grid;place-items:center;flex:none}.kron2 .ki svg{width:20px;height:20px}
.kron2 .kt{display:block;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.32}.kron2 a:hover .kt{color:var(--navy)}
.kron2 .ks{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:4px}
.kron2 .kd{display:block;font-size:11px;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.kron2{grid-template-columns:1fr}.kron2 a:nth-child(odd){border-right:none}.kron2 a:nth-last-child(2){border-bottom:1px solid var(--line)}}

/* ============ SUBSTRONY: wspolne (listing/artykul/tabela...) ============ */
.crumbs{font-size:12.5px;color:var(--muted);padding:16px 0 0}
.crumbs a:hover{color:var(--navy)}.crumbs .sep{margin:0 8px;opacity:.5}
.phead{padding:14px 0 4px}
.phead h1{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--navy);line-height:1.15}
.phead p{font-size:14px;color:var(--muted);margin:8px 0 0;max-width:70ch}
.phead .stat{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:700;margin-top:10px}.phead .stat svg{width:14px;height:14px;color:var(--navy)}
.listwrap{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start;padding-bottom:34px}
.artlist{display:flex;flex-direction:column;gap:14px}
.arow{display:grid;grid-template-columns:64px 1fr;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;transition:transform .15s,box-shadow .15s}
.arow:hover{transform:translateY(-2px);box-shadow:var(--shadow-h)}
.arow .cat{width:64px;height:64px;border-radius:12px;background:var(--tint);color:var(--navy);display:grid;place-items:center;flex:none}.arow .cat svg{width:30px;height:30px;stroke-width:1.6}
.arow .eye{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.arow h3{font-size:17.5px;font-weight:800;color:var(--ink);line-height:1.3;margin:6px 0 7px}.arow:hover h3{color:var(--navy)}
.arow p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 10px}
.arow .m{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.arow .m span{display:inline-flex;align-items:center;gap:5px}.arow .m svg{width:13px;height:13px;color:var(--navy);opacity:.7}
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--ink)}
.pager a:hover{border-color:var(--navy);color:var(--navy)}.pager .cur{background:var(--navy);color:#fff;border-color:var(--navy)}
.pager .dots{border:none;background:none;color:var(--muted)}.pager .nav svg{width:16px;height:16px}
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:14px}
.wbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}
.wbox h3{font-size:15px;font-weight:800;color:var(--navy);padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.wbox h3 svg{width:17px;height:17px;color:var(--navy)}
.side .news-panel h3{border:none;padding:0;color:#fff}
.empty{text-align:center;padding:60px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.empty svg{width:48px;height:48px;color:var(--navy);opacity:.35;margin-bottom:14px}.empty h2{font-size:20px;color:var(--ink);margin-bottom:8px}.empty p{color:var(--muted);margin-bottom:18px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:10px}.btn-primary:hover{background:var(--navy-2)}
@media(max-width:980px){.listwrap{grid-template-columns:1fr}.side{position:static}}