/* ubezpieczamNNW.pl — style marki (motyw zielony). Tokeny wg Ksiegi Znaku. */
:root{
  --unnw-page:#0A544D; --unnw-on-page:#EAFBF7; --unnw-on-page-2:#A7DED7;
  --unnw-surface:#0F766E; --unnw-on-surface:#FFFFFF; --unnw-on-surface-2:#C9EEE9;
  --unnw-border:#1AA090; --unnw-hero:#083F3A; --unnw-brand:#5EEAD4;
  --unnw-amber:#F59E0B; --unnw-amber-ink:#78350F; --unnw-chip:#0C6157;
  --unnw-plus:#86EFAC; --unnw-minus:#FCA5A5;
  --unnw-shadow:0 12px 34px rgba(0,0,0,.22);
}
/* TLO MARKI — motyw zielony (decyzja uzytkownika 19.07). Bez tego naglowki w kolorze
   --unnw-on-page (jasny mietowy) ladowaly na bialym tle motywu = tekst niewidoczny. */
html,body{background:var(--unnw-page);}
body{color:var(--unnw-on-page);}
.e-con,.e-con-inner,.elementor-widget-html,.site-main,main{background:transparent;}

.unnw{color:var(--unnw-on-page);line-height:1.55;}
.unnw *{box-sizing:border-box;}
.unnw a{color:inherit;text-decoration:none;}
.unnw-wrap{max-width:1060px;margin:0 auto;padding:0 20px;}

/* logo */
.unnw-brand{display:inline-flex;align-items:baseline;line-height:1;white-space:nowrap;font-weight:900;font-family:'Nunito',sans-serif;}
.unnw-brand .u{color:#fff;font-weight:700;} .unnw-brand .nnw{color:#fff;}
.unnw-brand .pl{color:var(--unnw-on-page-2);font-weight:700;font-size:.66em;margin-left:.02em;}
.unnw-brand.dark .u,.unnw-brand.dark .nnw{color:#0F766E;} .unnw-brand.dark .pl{color:#78716C;}
.unnw-n1{position:relative;display:inline-block;}
.unnw-n1 svg{position:absolute;width:1.02em;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);}

/* przyciski */
.unnw-btn{font-family:inherit;font-weight:900;border-radius:26px;padding:12px 22px;cursor:pointer;border:none;font-size:15px;display:inline-block;text-align:center;}
/* UWAGA: selektory musza byc bardziej szczegolowe niz `.unnw a{color:inherit}` (0,1,1),
   inaczej przyciski dziedzicza jasny kolor tekstu strony zamiast wlasnego. */
.unnw .unnw-btn-amber, a.unnw-btn-amber, button.unnw-btn-amber{background:var(--unnw-amber);color:var(--unnw-amber-ink);}
.unnw .unnw-btn-ghost, a.unnw-btn-ghost, button.unnw-btn-ghost{background:transparent;color:#fff;border:2px solid var(--unnw-brand);}
.unnw-btn-sm{padding:8px 14px;font-size:13px;border-radius:20px;white-space:nowrap;}

/* sekcje */
.unnw-sec{padding:52px 0;}
.unnw-eyebrow{color:var(--unnw-amber);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;}
.unnw h2.unnw-h2{font-size:30px;font-weight:900;margin:0 0 8px;letter-spacing:-.3px;color:var(--unnw-on-page);}
.unnw-sub{color:var(--unnw-on-page-2);margin:0 0 28px;font-size:16px;}

/* hero */
.unnw-hero{background:var(--unnw-hero);border-radius:0 0 28px 28px;}
.unnw-hero .unnw-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;padding:56px 20px 60px;}
.unnw-hero h1{font-size:44px;line-height:1.12;font-weight:900;margin:0 0 14px;letter-spacing:-.5px;color:#fff;}
.unnw-hero h1 .hl{color:var(--unnw-brand);}
.unnw-lead{font-size:18px;color:var(--unnw-on-page-2);margin:0 0 24px;}
.unnw-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.unnw-trust{font-size:13px;color:var(--unnw-on-page-2);display:flex;gap:14px;flex-wrap:wrap;}
.unnw-trust b{color:#fff;}
.unnw-card{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:20px;padding:22px;box-shadow:var(--unnw-shadow);color:var(--unnw-on-surface);}
.unnw-cap{font-size:13px;color:var(--unnw-on-surface-2);margin-bottom:12px;}
.unnw-chips{display:flex;gap:12px;}
.unnw-chip{flex:1;background:var(--unnw-chip);border-radius:14px;padding:14px;text-align:center;}
.unnw-chip .lbl{font-size:12px;color:var(--unnw-on-surface-2);}
.unnw-chip .amt{font-size:28px;font-weight:900;}
.unnw-chip.weak .amt{color:var(--unnw-on-surface-2);} .unnw-chip.strong .amt{color:var(--unnw-amber);}
.unnw-note{font-size:12px;color:var(--unnw-on-surface-2);margin-top:12px;text-align:center;}

/* kroki */
.unnw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.unnw-step{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:18px;padding:22px;color:#fff;box-shadow:var(--unnw-shadow);}
.unnw-step .num{width:34px;height:34px;border-radius:50%;background:var(--unnw-amber);color:var(--unnw-amber-ink);font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.unnw-step h3{margin:0 0 6px;font-size:18px;font-weight:900;}
.unnw-step p{margin:0;color:var(--unnw-on-surface-2);font-size:14px;}

/* scenariusze */
.unnw-scenario{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:22px;padding:26px;box-shadow:var(--unnw-shadow);color:#fff;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;margin-bottom:14px;}
.unnw-scenario h3{margin:0 0 8px;font-size:20px;font-weight:900;}
.unnw-scenario p{margin:0;color:var(--unnw-on-surface-2);font-size:14.5px;}
.unnw-payouts{display:flex;gap:14px;}
.unnw-pay{background:var(--unnw-chip);border-radius:14px;padding:16px 20px;text-align:center;min-width:130px;}
.unnw-pay .lbl{font-size:12px;color:var(--unnw-on-surface-2);} .unnw-pay .amt{font-size:26px;font-weight:900;}
.unnw-pay.a .amt{color:var(--unnw-on-surface-2);} .unnw-pay.b .amt{color:var(--unnw-amber);}

/* podia */
.unnw-segs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.unnw-segcard{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:18px;padding:18px 20px;color:#fff;box-shadow:var(--unnw-shadow);}
.unnw-segcard h3{margin:0 0 10px;font-size:16.5px;font-weight:900;}
.unnw-pod{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--unnw-border);}
.unnw-pod:last-of-type{border-bottom:none;}
.unnw-pod .medal{font-size:17px;}
.unnw-pod b{font-size:14px;}
.unnw-pod span{display:block;font-size:12px;color:var(--unnw-on-surface-2);font-weight:700;}
.unnw-seglink{display:inline-block;margin-top:10px;font-size:13px;font-weight:900;color:var(--unnw-brand);text-decoration:underline;cursor:pointer;}

/* kafle */
.unnw-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.unnw-tile{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:18px;padding:20px;color:#fff;box-shadow:var(--unnw-shadow);}
.unnw-tile .ico{font-size:26px;line-height:1;margin-bottom:4px;}
/* ikony marki: SVG kontur, siatka 24, zaokraglone konce; kolor dziedziczy z .ico */
.unnw-ico{display:block;width:38px;height:38px;color:var(--unnw-brand);}
.unnw-ico-sm{display:inline-block;width:22px;height:22px;vertical-align:-4px;color:var(--unnw-brand);} .unnw-tile h3{margin:8px 0 4px;font-size:16px;font-weight:900;} .unnw-tile p{margin:0;font-size:13px;color:var(--unnw-on-surface-2);}

/* FAQ akordeon */
.unnw-faq details{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:14px;margin-bottom:10px;color:#fff;}
.unnw-faq summary{cursor:pointer;font-weight:900;padding:14px 20px;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:15px;}
.unnw-faq summary::-webkit-details-marker{display:none;}
/* strzalka FAQ: bursztynowy krazek z chevronem, obrot przy otwarciu (czytelna z daleka) */
.unnw-faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--unnw-amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378350F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center/15px no-repeat;transition:transform .2s ease;}
.unnw-faq details[open] summary::after{transform:rotate(180deg);}
.unnw-faq summary:hover::after{filter:brightness(1.08);}
.unnw-faq details p{margin:0;padding:0 20px 14px;color:var(--unnw-on-surface-2);font-size:14px;}

/* CTA koncowe */
.unnw-cta-final{background:#0C6157;border:1px solid var(--unnw-border);color:#fff;border-radius:24px;padding:40px;text-align:center;}
.unnw-cta-final h2{font-size:28px;font-weight:900;margin:0 0 8px;color:#fff;}
.unnw-cta-final p{margin:0 0 20px;color:#D9F2EE;}

/* RANKING: akordeon + porownywarka */
.unnw-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.unnw-filters .lbl{font-size:13px;font-weight:900;color:var(--unnw-on-page-2);text-transform:uppercase;letter-spacing:.05em;}
.unnw-fchip{font-family:inherit;font-size:14px;font-weight:700;border:1px solid var(--unnw-border);background:var(--unnw-surface);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;}
.unnw-fchip.active{background:var(--unnw-amber);color:var(--unnw-amber-ink);border-color:var(--unnw-amber);}
.unnw-hint{font-size:13px;color:var(--unnw-on-page-2);margin:0 0 16px;} .unnw-hint b{color:var(--unnw-on-page);}
.unnw-acc{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:18px;box-shadow:var(--unnw-shadow);color:#fff;overflow:hidden;}
.unnw-arow{border-bottom:1px solid var(--unnw-border);}
.unnw-arow:last-child{border-bottom:none;}
.unnw-arow.dim{opacity:.35;}
.unnw-ahead{display:grid;grid-template-columns:auto 1.1fr .9fr .9fr 1.5fr auto auto;gap:10px;align-items:center;padding:13px 16px;cursor:pointer;}
.unnw-cmpbox{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:900;color:var(--unnw-on-surface-2);cursor:pointer;}
.unnw-cmpbox input{width:16px;height:16px;accent-color:#F59E0B;cursor:pointer;}
.unnw-ahead .tu{font-weight:900;font-size:15.5px;}
.unnw-ahead .tu span{display:block;font-size:11px;color:var(--unnw-on-surface-2);font-weight:700;}
.unnw-ahead .val{font-weight:900;font-size:13.5px;}
.unnw-ahead .val span{display:block;font-size:10.5px;color:var(--unnw-on-surface-2);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.unnw-badges{display:flex;gap:6px;flex-wrap:wrap;}
.unnw-bdg{font-size:11px;font-weight:900;background:var(--unnw-chip);border-radius:10px;padding:3px 9px;}
.unnw-expand{display:inline-flex;align-items:center;gap:6px;background:var(--unnw-chip);border:2px solid var(--unnw-amber);color:#fff;font-weight:900;font-size:12.5px;border-radius:18px;padding:7px 14px;white-space:nowrap;}
.unnw-expand::after{content:"rozwin \25BC";}
.unnw-arow.open .unnw-expand::after{content:"zwin \25B2";}
.unnw-abody{display:none;padding:0 18px 16px;background:var(--unnw-chip);}
.unnw-arow.open .unnw-abody{display:block;}
.unnw-grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;padding:12px 0 6px;font-size:13px;}
.unnw-grid2 > div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--unnw-border);}
.unnw-grid2 dt{color:var(--unnw-on-surface-2);font-weight:700;} .unnw-grid2 dd{margin:0;font-weight:900;text-align:right;}
.unnw-pmrow{font-size:12.5px;padding:8px 0 10px;} .unnw-pmrow span{display:block;margin-bottom:3px;font-weight:700;}
.unnw-p{color:var(--unnw-plus);} .unnw-m{color:var(--unnw-minus);}
.unnw-cmpbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0C6157;border-top:1px solid var(--unnw-border);color:#fff;display:none;}
.unnw-cmpbar.show{display:block;}
.unnw-cmpbar .unnw-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;}
.unnw-cmpbar .who{font-weight:900;font-size:14px;}
.unnw-cmpsec{display:none;background:var(--unnw-surface);border:2px solid var(--unnw-amber);border-radius:18px;box-shadow:var(--unnw-shadow);color:#fff;padding:18px;margin-bottom:18px;}
.unnw-cmpsec.show{display:block;}
.unnw-cmpsec h3{margin:0 0 10px;font-size:18px;font-weight:900;display:flex;justify-content:space-between;}
.unnw-cmpsec .x{cursor:pointer;color:var(--unnw-on-surface-2);}
.unnw-tblwrap{overflow-x:auto;}
table.unnw-tB{border-collapse:collapse;width:100%;min-width:620px;background:var(--unnw-surface);color:#fff;}
.unnw-tB th,.unnw-tB td{padding:10px 12px;border-bottom:1px solid var(--unnw-border);font-size:13px;text-align:left;vertical-align:top;}
.unnw-tB thead th{background:var(--unnw-chip);font-size:12px;text-transform:uppercase;color:var(--unnw-on-surface-2);}
.unnw-tB th.crit{font-weight:900;color:#fff;background:var(--unnw-chip);min-width:150px;}
.unnw-tB td{font-weight:700;}
.unnw-legend{margin-top:14px;font-size:12px;color:var(--unnw-on-page-2);}
.unnw-methods{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:16px;padding:18px 22px;color:var(--unnw-on-surface-2);font-size:13px;box-shadow:var(--unnw-shadow);}
.unnw-methods b{color:#fff;}

/* QUIZ */
.unnw-qcard{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:22px;box-shadow:var(--unnw-shadow);color:#fff;padding:28px;margin:26px 0 40px;}
.unnw-progress{height:8px;background:var(--unnw-chip);border-radius:8px;overflow:hidden;margin-bottom:18px;}
.unnw-progress i{display:block;height:100%;background:var(--unnw-amber);width:0;transition:width .3s;}
.unnw-qnum{font-size:13px;color:var(--unnw-on-surface-2);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.unnw-qcard h2{font-size:24px;font-weight:900;margin:0 0 16px;color:#fff;}
.unnw-opts{display:grid;gap:10px;}
.unnw-opt{font-family:inherit;text-align:left;font-size:15px;font-weight:700;background:var(--unnw-chip);color:#fff;border:2px solid transparent;border-radius:14px;padding:14px 18px;cursor:pointer;}
.unnw-opt:hover{border-color:var(--unnw-amber);}
.unnw-opt.sel{border-color:var(--unnw-amber);background:var(--unnw-surface);}
.unnw-opt .note{display:block;font-size:12.5px;font-weight:700;color:var(--unnw-on-surface-2);}
.unnw-qfoot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;color:var(--unnw-on-surface-2);}
.unnw-qfoot .back{cursor:pointer;text-decoration:underline;}
.unnw-privacy{display:flex;gap:14px;align-items:center;margin-top:18px;background:var(--unnw-chip);border:2px solid var(--unnw-brand);border-radius:16px;padding:16px 18px;font-size:15px;line-height:1.5;color:#fff;font-weight:700;}
.unnw-privacy .ic{font-size:28px;line-height:1;} .unnw-privacy b{font-weight:900;}
.unnw-privacy.inline{margin:0 0 16px;}
.unnw-win{border:2px solid var(--unnw-amber);border-radius:18px;padding:20px;margin-bottom:14px;position:relative;}
.unnw-win .tag{position:absolute;top:-12px;left:18px;background:var(--unnw-amber);color:var(--unnw-amber-ink);font-size:12px;font-weight:900;border-radius:12px;padding:2px 12px;}
.unnw-win h3{margin:4px 0 6px;font-size:22px;font-weight:900;}
.unnw-win.second{border-color:var(--unnw-border);}
.unnw-mailbox{background:var(--unnw-chip);border-radius:14px;padding:16px;margin-top:16px;font-size:14px;}
.unnw-mailbox input{font-family:inherit;padding:10px 14px;border-radius:10px;border:1px solid var(--unnw-border);width:60%;}

/* ARTYKUL */
.unnw-article{max-width:760px;margin:0 auto;}
.unnw-answer{background:var(--unnw-surface);border-left:6px solid var(--unnw-amber);border-radius:14px;padding:18px 22px;color:#fff;box-shadow:var(--unnw-shadow);margin-bottom:26px;}
.unnw-answer p{margin:0;font-size:16.5px;}
.unnw-warnbox{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:16px;padding:18px 22px;color:#fff;margin:16px 0;}
.unnw-warnbox h3{margin:0 0 8px;font-size:16px;font-weight:900;}
.unnw-warnbox li{font-size:14.5px;color:var(--unnw-on-surface-2);margin-bottom:6px;}
.unnw-tabnote{font-size:12px;color:var(--unnw-on-page-2);margin:6px 0 0;}

/* STOPKA / NAGLOWEK */
.unnw-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px;}
.unnw-nav{display:flex;gap:20px;align-items:center;font-weight:700;font-size:15px;}
.unnw-foot{background:var(--unnw-hero);padding:34px 0;color:var(--unnw-on-page);}
.unnw-fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;}
.unnw-fcols h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--unnw-on-page-2);margin:0 0 10px;}
.unnw-fcols a{display:block;color:var(--unnw-on-page);font-size:14px;padding:3px 0;font-weight:700;}
.unnw-disc{margin-top:24px;padding-top:18px;border-top:1px solid var(--unnw-border);font-size:12px;color:var(--unnw-on-page-2);}

@media(max-width:820px){
  .unnw-hero .unnw-wrap{grid-template-columns:1fr;} .unnw-hero h1{font-size:32px;}
  .unnw-steps,.unnw-segs{grid-template-columns:1fr;} .unnw-tiles{grid-template-columns:1fr 1fr;}
  .unnw-scenario{grid-template-columns:1fr;} .unnw-fcols{grid-template-columns:1fr 1fr;} .unnw-nav{display:none;}
  .unnw-ahead{grid-template-columns:auto 1fr auto;} .unnw-ahead .unnw-badges,.unnw-ahead .val{display:none;}
  .unnw-grid2{grid-template-columns:1fr;}
}

/* QUIZ — naglowek strony i elementy wyniku */
.unnw-qwrap{max-width:860px;margin:0 auto;padding:0 20px;}
.unnw-qhead{text-align:center;padding:38px 0 4px;}
.unnw-qhead h1{font-size:34px;font-weight:900;margin:0 0 10px;letter-spacing:-.4px;color:var(--unnw-on-page);}
.unnw-qhead p{color:var(--unnw-on-page-2);margin:0 auto 8px;max-width:580px;font-size:16.5px;}
.unnw-qhead .unnw-trust{justify-content:center;}
.unnw-reasons{margin:0 0 14px;padding-left:20px;}
.unnw-reasons li{font-size:14.5px;margin-bottom:6px;color:var(--unnw-on-surface-2);}
.unnw-reasons li::marker{color:var(--unnw-amber);}
.unnw-uwagi{background:var(--unnw-chip);border-radius:14px;padding:4px 18px;margin-top:14px;}
.unnw-uwagi p{font-size:13.5px;color:var(--unnw-on-surface-2);margin:12px 0;}
@media(max-width:640px){.unnw-qhead h1{font-size:26px;}}

/* STRONY TEMATYCZNE "ile dostane" */
.unnw-artheader{display:flex;gap:16px;align-items:center;margin-bottom:18px;}
.unnw-ico-big{width:54px;height:54px;flex:none;color:var(--unnw-brand);}
.unnw h1.unnw-h1{font-size:36px;font-weight:900;margin:0;letter-spacing:-.5px;line-height:1.15;color:var(--unnw-on-page);}
.unnw-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.unnw-podcard{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:18px;padding:18px 20px;color:#fff;box-shadow:var(--unnw-shadow);display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.unnw-podtop{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;}
.unnw-podtop .medal{font-size:22px;}
.unnw-podcard p{margin:0;font-size:13.5px;color:var(--unnw-on-surface-2);flex:1;}
.unnw-brak{font-size:12px;color:var(--unnw-on-surface-2);font-weight:700;font-style:italic;}
.unnw-info{cursor:help;color:var(--unnw-amber);font-weight:900;}
.unnw-warnbox ul{margin:0;padding-left:20px;}
.unnw-warnbox li::marker{color:var(--unnw-amber);}
.unnw-tB td{vertical-align:top;}
@media(max-width:820px){.unnw-podium{grid-template-columns:1fr;}.unnw h1.unnw-h1{font-size:27px;}.unnw-ico-big{width:40px;height:40px;}}

/* tabele: dlugie tresci lamia sie w komorce, szerokie tabele przewijaja sie WEWNATRZ ramki */
.unnw-tB td,.unnw-tB th{overflow-wrap:anywhere;}
.unnw-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.unnw img,.unnw svg{max-width:100%;}

/* SZABLON WPISU (Theme Builder) — tytul ma trzymac te sama kolumne co tresc */
.elementor-widget-theme-post-title .elementor-heading-title{max-width:760px;margin:0 auto;padding:0 20px;font-size:36px;font-weight:900;line-height:1.18;letter-spacing:-.5px;color:var(--unnw-on-page);}
.elementor-widget-theme-post-content{padding-bottom:24px;}

/* PORADNIK — rozdroze klastrow */
.unnw-klastry{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.unnw-klaster{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:18px;padding:20px;color:#fff;box-shadow:var(--unnw-shadow);}
.unnw .unnw-klaster h2{font-size:17px;font-weight:900;margin:10px 0 6px;color:#fff;}
.unnw-klaster > p{margin:0 0 10px;font-size:13.5px;color:var(--unnw-on-surface-2);}
.unnw-klinki{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--unnw-border);padding-top:10px;}
.unnw-klinki a{font-size:13.5px;font-weight:700;color:var(--unnw-brand);text-decoration:underline;}
.unnw-wkrotce{margin:0;font-size:12.5px;font-style:italic;color:var(--unnw-on-surface-2);border-top:1px dashed var(--unnw-border);padding-top:10px;}

/* powiazane teksty pod artykulem */
.unnw-powiazane{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:16px;padding:18px 22px;margin-top:26px;color:#fff;}
.unnw-powiazane h3{margin:0 0 10px;font-size:16px;font-weight:900;}
.unnw-powiazane a{display:block;padding:5px 0;font-size:14.5px;font-weight:700;color:var(--unnw-brand);text-decoration:underline;}

/* typografia artykulu */
.unnw-article p{font-size:16px;margin:0 0 14px;}
.unnw-article h2.unnw-h2{font-size:24px;margin-top:30px;}
.unnw-article h3{font-size:18px;font-weight:900;}
.unnw-article .unnw-tblwrap{margin-bottom:16px;}
@media(max-width:820px){.unnw-klastry{grid-template-columns:1fr;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:27px;}}

/* PRZELACZNIK TEMATOW — uwaga: `.unnw a{color:inherit}` to (0,1,1), chip musi byc (0,2,0) */
.unnw-przelacznik{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;}
.unnw-przelacznik .lbl{font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--unnw-on-page-2);margin-right:4px;}
.unnw .unnw-chip-t{display:inline-flex;align-items:center;gap:7px;background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:22px;padding:8px 15px;font-size:14px;font-weight:900;color:#fff;white-space:nowrap;transition:border-color .15s;}
.unnw .unnw-chip-t .unnw-ico-sm{width:19px;height:19px;color:var(--unnw-brand);flex:none;}
.unnw .unnw-chip-t:hover{border-color:var(--unnw-amber);}
.unnw .unnw-chip-t.active{background:var(--unnw-amber);color:var(--unnw-amber-ink);border-color:var(--unnw-amber);}
.unnw .unnw-chip-t.active .unnw-ico-sm{color:var(--unnw-amber-ink);}
@media(max-width:640px){.unnw-przelacznik .lbl{width:100%;margin:0 0 2px;}.unnw .unnw-chip-t{font-size:13px;padding:7px 12px;}}

/* POPRAWKA MOBILNA QUIZU — <button> w siatce ma min-width:auto i nie kurczy się
   poniżej szerokości treści, przez co odpowiedzi wychodziły poza kartę i tekst się ucinał */
.unnw-opts{min-width:0;}
.unnw .unnw-opt{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;}
.unnw .unnw-opt .note{white-space:normal;overflow-wrap:anywhere;}
@media(max-width:640px){
  .unnw-qcard{padding:18px;}
  .unnw .unnw-opt{font-size:14.5px;padding:13px 15px;}
  .unnw-qcard h2{font-size:20px;}
  .unnw-privacy{padding:13px 14px;font-size:14px;gap:10px;}
  .unnw-privacy .ic{font-size:22px;}
}

/* STRONA KONTAKTU */
.unnw-kontakt{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;}
.unnw .unnw-mail{display:inline-block;font-size:19px;font-weight:900;color:var(--unnw-brand);text-decoration:underline;word-break:break-all;}
.unnw-krok{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;}
.unnw-krok .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--unnw-amber);color:var(--unnw-amber-ink);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;}
.unnw-krok b{display:block;font-size:15px;margin-bottom:2px;}
.unnw-krok p{margin:0;font-size:13.5px;color:var(--unnw-on-surface-2);}
@media(max-width:820px){.unnw-kontakt{grid-template-columns:1fr;}}

/* NAGLOWEK NA WASKIM EKRANIE — logo ma font-size:26px wpisane inline w szablonie,
   wiec razem z CTA wypychalo strone poza viewport (poziomy scroll na kazdej podstronie).
   !important jest tu konieczne, bo styl inline ma wyzszy priorytet niz arkusz. */
@media(max-width:640px){
  .unnw-head{padding:12px 14px;gap:10px;}
  .unnw-head .unnw-brand{font-size:19px !important;}
  .unnw-head .unnw-btn{padding:9px 14px;font-size:13.5px;}
}
@media(max-width:380px){
  .unnw-head .unnw-brand{font-size:17px !important;}
  .unnw-head .unnw-btn{padding:8px 12px;font-size:13px;}
}

/* ikona w panelu prywatnosci kurczyla sie do 5px — flex bez flex:none sciska dziecko */
.unnw-privacy .ic{flex:none;display:flex;align-items:center;}
.unnw-privacy .ic svg{width:26px;height:26px;}

/* KARTY SCENARIUSZA NA MOBILE — .unnw-payouts bez flex-wrap: 3 karty min-width 130px
   wystawaly poza kontener (zrzut uzytkownika 19.07, TUZ uciety) */
.unnw-payouts{flex-wrap:wrap;}
@media(max-width:640px){
  .unnw-payouts{width:100%;}
  .unnw-pay{flex:1 1 calc(50% - 7px);min-width:0;}
}

/* MENU v2 — hover dropdowns + ramka rankingu + hamburger (decyzje 19.07) */
.unnw-nav{gap:4px;}
.unnw-nav > a,.unnw-poz > a{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:9px;font-weight:700;font-size:15px;white-space:nowrap;}
.unnw-nav > a:hover,.unnw-poz > a:hover{background:rgba(255,255,255,.08);}
.unnw .unnw-nav-rank{border:2px solid var(--unnw-brand);border-radius:20px;padding:6px 14px;}
.unnw .unnw-nav-rank:hover{background:var(--unnw-brand);color:#06312C;}
.unnw-poz{position:relative;}
.unnw-arr{font-size:10px;color:var(--unnw-amber);}
.unnw-drop{display:none;position:absolute;top:100%;left:0;padding-top:8px;z-index:80;}
.unnw-drop-in{min-width:252px;background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:14px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.4);}
.unnw-poz:hover .unnw-drop{display:block;}
.unnw .unnw-drop a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:700;color:#fff;}
.unnw .unnw-drop a:hover{background:var(--unnw-chip);}
.unnw-burger{display:none;}
.unnw-mmenu{display:none;background:var(--unnw-hero);border-top:1px solid var(--unnw-border);padding:10px 16px 20px;}
@media(min-width:821px){.unnw-mmenu{display:none !important;}}
@media(max-width:820px){
  .unnw-burger{display:flex;flex-direction:column;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:9px;margin-left:auto;}
  .unnw-burger span{display:block;width:23px;height:2.5px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s;}
  .unnw-burger.x span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  .unnw-burger.x span:nth-child(2){opacity:0;}
  .unnw-burger.x span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
  .unnw-mmenu.open{display:block;}
}
.unnw .unnw-mmenu a{display:block;padding:11px 13px;border-radius:10px;background:var(--unnw-surface);margin-bottom:6px;font-weight:700;font-size:15px;color:#fff;}
.unnw .unnw-mmenu a.wyr{border:2px solid var(--unnw-brand);}
.unnw-mmenu .tyt{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--unnw-amber);font-weight:900;padding:10px 4px 5px;}

/* PORADNIK HUB v2 — wzorzec insokl/baza-wiedzy */
.unnw .unnw-featured{display:block;background:var(--unnw-surface);border:2px solid var(--unnw-amber);border-radius:20px;padding:24px 26px;margin:26px 0 26px;box-shadow:var(--unnw-shadow);color:#fff;position:relative;}
.unnw .unnw-featured .tag{position:absolute;top:-12px;left:20px;background:var(--unnw-amber);color:var(--unnw-amber-ink);font-size:12px;font-weight:900;border-radius:12px;padding:2px 12px;}
.unnw .unnw-featured h2{margin:6px 0 8px;font-size:23px;font-weight:900;color:#fff;}
.unnw .unnw-featured p{margin:0 0 12px;font-size:14.5px;color:var(--unnw-on-surface-2);}
.unnw .unnw-featured .czytaj,.unnw .unnw-artkarta .czytaj{font-size:14px;font-weight:900;color:var(--unnw-brand);text-decoration:underline;}
.unnw-katfiltry{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.unnw-artlista{display:flex;flex-direction:column;gap:14px;}
.unnw .unnw-artkarta{display:block;background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:16px;padding:18px 22px;box-shadow:var(--unnw-shadow);color:#fff;transition:border-color .15s;}
.unnw .unnw-artkarta:hover{border-color:var(--unnw-amber);}
.unnw-artkarta .gora{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;}
.unnw-artkarta .tag{font-size:11px;font-weight:900;background:var(--unnw-chip);border-radius:10px;padding:3px 10px;text-transform:uppercase;letter-spacing:.04em;color:var(--unnw-brand);}
.unnw-artkarta .data{font-size:12px;color:var(--unnw-on-surface-2);}
.unnw .unnw-artkarta h3{margin:0 0 6px;font-size:18.5px;font-weight:900;color:#fff;}
.unnw .unnw-artkarta p{margin:0 0 10px;font-size:14px;color:var(--unnw-on-surface-2);}
@media(max-width:640px){.unnw .unnw-featured{padding:20px;} .unnw .unnw-artkarta{padding:16px 18px;} .unnw-artkarta .gora{flex-wrap:wrap;}}

/* FORMULARZ ELEMENTOR (kontakt) — dopasowanie do motywu */
.elementor-widget-form .elementor-field-group{margin-bottom:14px;}
.elementor-widget-form .elementor-field-label{color:var(--unnw-on-page);font-weight:900;font-size:14px;margin-bottom:5px;}
.elementor-widget-form .elementor-field-textual{background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:12px;color:#fff;font-family:inherit;font-size:15px;padding:12px 14px;}
.elementor-widget-form .elementor-field-textual::placeholder{color:var(--unnw-on-surface-2);opacity:.8;}
.elementor-widget-form .elementor-field-textual:focus{border-color:var(--unnw-amber);outline:none;}
.elementor-widget-form .elementor-field-type-acceptance label{color:var(--unnw-on-page-2);font-size:12.5px;line-height:1.5;}
.elementor-widget-form .elementor-button{background:var(--unnw-amber);color:var(--unnw-amber-ink);font-family:inherit;font-weight:900;font-size:15px;border-radius:26px;padding:13px 24px;border:none;}
.elementor-widget-form .elementor-button:hover{filter:brightness(1.06);background:var(--unnw-amber);color:var(--unnw-amber-ink);}
.elementor-message-success{color:var(--unnw-plus);font-weight:900;}
.elementor-message-danger{color:var(--unnw-minus);font-weight:700;}

/* PODSTRONY TU — kolumny plus/minus */
.unnw-pmkol{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.unnw-pmlista{margin:0;padding-left:18px;}
.unnw-pmlista li{font-size:14px;margin-bottom:8px;}
@media(max-width:700px){.unnw-pmkol{grid-template-columns:1fr;}}

/* FORMULARZ — naprawa czytelnosci 20.07: pola sa biale, wiec tekst musi byc ciemny */
.elementor-widget-form .elementor-field-label{color:#eaf5f3 !important;font-weight:900;font-size:14.5px;margin-bottom:6px;}
.elementor-widget-form .elementor-field-textual,
.elementor-widget-form input.elementor-field,
.elementor-widget-form textarea.elementor-field{background:#fff !important;color:#0d2f2b !important;border:1px solid #cfe0dd !important;border-radius:12px;font-family:inherit;font-size:15.5px;padding:13px 15px;}
.elementor-widget-form .elementor-field-textual::placeholder,
.elementor-widget-form textarea::placeholder{color:#55706c !important;opacity:1;}
.elementor-widget-form .elementor-field-textual:focus{border-color:var(--unnw-amber) !important;outline:2px solid rgba(245,158,11,.35);outline-offset:1px;}
.elementor-widget-form .elementor-field-type-acceptance label,
.elementor-widget-form .elementor-field-option label{color:#dcebe9 !important;font-size:13.5px;line-height:1.55;}
.elementor-widget-form .elementor-field-type-acceptance input[type=checkbox]{width:19px;height:19px;accent-color:var(--unnw-amber);margin-right:9px;vertical-align:-3px;flex:none;}
.elementor-widget-form .elementor-field-required .elementor-field-label:after{content:" *";color:var(--unnw-amber);}
.elementor-widget-form .elementor-field-type-acceptance .elementor-field-subgroup{display:flex;align-items:flex-start;gap:2px;}

/* POLE AUTORA - E-E-A-T, wpisy */
.unnw-autor{display:flex;gap:16px;align-items:flex-start;margin:38px 0 8px;padding:20px 22px;background:var(--unnw-surface);border:1px solid var(--unnw-border);border-radius:16px;}
.unnw-autor-ava{flex:none;width:52px;height:52px;border-radius:50%;background:var(--unnw-amber);color:var(--unnw-amber-ink);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;}
.unnw-autor-tresc{min-width:0;}
.unnw-autor-nazwa{margin:0 0 2px;font-size:17px;font-weight:900;color:#fff;}
.unnw-autor-rola{margin:0 0 9px;font-size:13.5px;font-weight:900;color:var(--unnw-amber);}
.unnw-autor-opis{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--unnw-on-surface-2);}
.unnw-autor-data{margin:0;font-size:12.5px;color:var(--unnw-on-surface-2);opacity:.8;}
@media(max-width:560px){.unnw-autor{flex-direction:column;gap:12px;padding:18px;}}

/* TABELA SPORTOWA - 5 kolumn, stale szerokosci 20.07 */
.unnw-tSport{table-layout:fixed;min-width:820px;}
.unnw-tSport th{hyphens:auto;-webkit-hyphens:auto;}
.unnw-tSport th:nth-child(1),.unnw-tSport td:nth-child(1){width:13%;}
.unnw-tSport th:nth-child(2),.unnw-tSport td:nth-child(2){width:12%;text-align:center;}
.unnw-tSport th:nth-child(3),.unnw-tSport td:nth-child(3){width:23.5%;}
.unnw-tSport th:nth-child(4),.unnw-tSport td:nth-child(4){width:28.5%;}
.unnw-tSport th:nth-child(5),.unnw-tSport td:nth-child(5){width:23%;}
.unnw-tSport td,.unnw-tSport th{overflow-wrap:break-word;word-break:normal;vertical-align:top;}

/* POLE AUTORA - zdjecie i szerokosc 20.07 */
.unnw-autor{max-width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;}
.unnw-autor-foto{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--unnw-amber);display:block;}
@media(max-width:560px){.unnw-autor-foto{width:56px;height:56px;}}

.unnw-autor-blad{margin:0 0 8px;font-size:13px;line-height:1.55;color:var(--unnw-on-surface-2);opacity:.92;}
.unnw-autor-blad a{color:var(--unnw-amber);text-decoration:underline;}

/* czytelnosc hero 20.07 - podpisy i nota mialy 4.4:1, ponizej progu AA */
.unnw .unnw-cap{color:#fff;font-size:14px;font-weight:700;letter-spacing:.005em;opacity:1;}
.unnw .unnw-note{color:#fff;font-size:13px;font-weight:700;line-height:1.65;opacity:1;}
@media(max-width:640px){.unnw .unnw-cap{font-size:13.5px;}.unnw .unnw-note{font-size:12.5px;}}

/* ===== AUDYT DOSTEPNOSCI 20.07 - kontrast WCAG AA, cel 4.8:1 ===== */
/* 1. tekst drugorzedny na powierzchni: bylo 4.40 -> 4.80 */
:root{--unnw-on-surface-2:#def5f2;}
/* 2. bursztyn jako TEKST na ciemnym tle: bylo 4.09 -> 4.81 (kolor tla przyciskow bez zmian) */
.unnw .unnw-eyebrow{color:#f7b340;}
.unnw .unnw-arr{color:#f7b340;}
/* 3. ikona info na jasniejszej karcie: bylo 3.42 -> 4.81 */
.unnw .unnw-info{color:#faca79;}
/* 4. tekst na bursztynowym przycisku: bylo 4.22 -> 4.81 */
:root{--unnw-amber-ink:#6b2f0d;}
.unnw .unnw-btn-amber,a.unnw-btn-amber,button.unnw-btn-amber,.unnw .num,.unnw .unnw-chip-t.active{color:#6b2f0d;}
.elementor-widget-form .elementor-button{color:#6b2f0d;}
/* 5. czerwony minus w rankingu: bylo 3.86 -> 4.81 */
.unnw .unnw-m{color:#fdc3c3;}
/* 6. nic ponizej 12px - drobny druk czytelny */
.unnw .tyt,.unnw .unnw-cmpbox,.unnw .unnw-bdg{font-size:12px;}
.unnw .unnw-arr{font-size:11px;}
.unnw span[style*="font-size:10"],.unnw span[style*="font-size:11"]{font-size:12px !important;}
/* 7. skip link - widoczny przy fokusie klawiatury */
.skip-link.screen-reader-text:focus{position:fixed !important;top:10px;left:10px;z-index:99999;width:auto !important;height:auto !important;clip:auto !important;clip-path:none !important;padding:12px 20px;background:#fff;color:#0d2f2b !important;font-weight:900;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.35);outline:3px solid #f59e0b;}
/* 8. widoczny fokus na wszystkich elementach interaktywnych */
.unnw a:focus-visible,.unnw button:focus-visible,.unnw summary:focus-visible{outline:3px solid #f7b340;outline-offset:2px;border-radius:4px;}

/* stopka: h4 -> h2 dla poprawnej hierarchii, wyglad bez zmian */
.unnw-foot-tyt{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:#def5f2;}

/* ===== AUDYT DOSTEPNOSCI 20.07 - runda 2 ===== */
/* eyebrow w kartach: bursztyn na jasniejszej powierzchni dawal 2.99.
   83% rozjasnienia zabiloby bursztyn, wiec hierarchie niesie tu wersalik i odstep liter */
.unnw .unnw-scenario .unnw-eyebrow,.unnw .unnw-segcard .unnw-eyebrow,.unnw .unnw-card .unnw-eyebrow{color:#def5f2;}
/* pole autora: bursztyn na powierzchni 2.55 -> jasny + podkreslenie linku */
.unnw-autor-rola{color:#def5f2 !important;}
.unnw-autor-blad a{color:#def5f2 !important;text-decoration:underline;text-underline-offset:2px;}
/* przycisk formularza: bialy tekst na bursztynie dawal 2.15 */
.elementor-widget-form .elementor-button,.elementor-widget-form .elementor-button-text,.elementor-widget-form .elementor-button-content-wrapper{color:#6b2f0d !important;}
/* link mailowy: mieta na powierzchni 3.70 -> 4.80 */
.unnw .unnw-mail{color:#cef9f2;}
/* skip link poza fokusem - zeby narzedzia nie zglaszaly ukrytego elementu */
.skip-link.screen-reader-text{color:#fff;}
/* strzalka menu jest dekoracyjna - chowana przed czytnikami w JS nagowka */
.unnw .unnw-arr{font-size:12px;}

/* ===== AUDYT DOSTEPNOSCI 20.07 - runda 3 ===== */
/* mieta --unnw-brand jako TEKST na powierzchni dawala 3.70.
   Tokenu nie ruszamy (to tez kolor ramek, tam prog 3:1 spelniony) - osobny wariant tekstowy */
:root{--unnw-brand-text:#CEF9F2;}
.unnw .czytaj,.unnw .unnw-featured .czytaj,.unnw .unnw-artkarta .czytaj,.unnw-powiazane a,.unnw .unnw-artkarta a,.unnw .unnw-featured a{color:var(--unnw-brand-text);}
/* nic ponizej 12px */
.unnw .tag,.unnw .unnw-artkarta .tag{font-size:12px;}
.unnw [style*="font-size:10.5px"],.unnw [style*="font-size:11px"],.unnw [style*="font-size:10px"]{font-size:12px !important;}

/* ===== AUDYT 20.07 - runda 4 ===== */
/* ikona info: bursztyn nie osiaga 4.5 na jasniejszych kartach - jasny odcien */
.unnw .unnw-info{color:#def5f2;}
/* drobne spany w rankingu ustawiane inline - dociagniecie do 12px */
.unnw-rank span,.unnw-tbl span,.unnw-cmp span{font-size:inherit;}
.unnw [style*='font-size:10'],.unnw [style*='font-size: 10'],.unnw [style*='font-size:11'],.unnw [style*='font-size: 11']{font-size:12px !important;}

/* ===== AUDYT 20.07 - runda 5: drobne podpisy w rankingu ===== */
.unnw .tu span,.unnw .val span{font-size:12px;}

/* ===== TABELE: przypieta kolumna kryterium + widoczne przewijanie (20.07) ===== */
.unnw-tblwrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
/* 1. pierwsza kolumna przyklejona do lewej krawedzi przy przewijaniu w bok */
.unnw-tB th.crit{position:sticky;left:0;z-index:2;background:var(--unnw-chip);}
.unnw-tB thead th.crit{z-index:3;}
/* cien odcinajacy przypieta kolumne od przewijanej tresci */
.unnw-tB th.crit::after{content:"";position:absolute;top:0;right:0;bottom:0;width:10px;transform:translateX(100%);pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent);opacity:0;transition:opacity .18s;}
.unnw-tblwrap.przewiniete .unnw-tB th.crit::after{opacity:1;}
/* 2. sygnal, ze tabele mozna przesunac w bok */
.unnw-swipe{display:none;align-items:center;gap:7px;margin:0 0 8px;font-size:12.5px;font-weight:700;color:#def5f2;}
.unnw-swipe span{display:inline-block;animation:unnwSwipe 1.7s ease-in-out infinite;}
@keyframes unnwSwipe{0%,100%{transform:translateX(0);}50%{transform:translateX(7px);}}
.unnw-tblwrap.przewijalna .unnw-swipe{display:flex;}
/* wygaszenie po pierwszym przewinieciu */
.unnw-tblwrap.przewiniete .unnw-swipe{opacity:.45;}
/* 3. gradient na prawej krawedzi - pokazuje, ze tresc trwa dalej */
.unnw-tblwrap.przewijalna::after{content:"";position:absolute;top:0;right:0;bottom:0;width:34px;pointer-events:none;background:linear-gradient(270deg,var(--unnw-page),transparent);opacity:.9;transition:opacity .2s;}
.unnw-tblwrap.koniec::after{opacity:0;}
@media(prefers-reduced-motion:reduce){.unnw-swipe span{animation:none;}}

/* stopka: pas ubezpieczycieli */
.unnw-tupas{grid-column:1/-1;margin-top:22px;padding-top:18px;border-top:1px solid var(--unnw-border);}
.unnw-tupas-linki{display:flex;flex-wrap:wrap;gap:8px 18px;}
.unnw-tupas-linki a{font-size:13px;color:#def5f2;text-decoration:none;}
.unnw-tupas-linki a:hover{text-decoration:underline;}

/* ===== Wybor wariantu u ubezpieczyciela (PZU: 3 linki po 3 warianty) ===== */
.unnw-wybor{position:relative;display:inline-block;}
.unnw-wybor-btn{display:inline-flex;align-items:center;gap:8px;}
.unnw-wybor-btn .strz{transition:transform .18s;font-size:12px;}
.unnw-wybor[data-otwarte="1"] .unnw-wybor-btn .strz{transform:rotate(180deg);}
.unnw-wybor-lista{display:none;margin-top:8px;border:1px solid var(--unnw-border);border-radius:12px;overflow:hidden;background:var(--unnw-chip);min-width:280px;}
.unnw-wybor[data-otwarte="1"] .unnw-wybor-lista{display:block;}
.unnw-wybor-lista a{display:block;padding:11px 14px;text-decoration:none;border-bottom:1px solid var(--unnw-border);}
.unnw-wybor-lista a:last-child{border-bottom:none;}
.unnw-wybor-lista a:hover,.unnw-wybor-lista a:focus-visible{background:rgba(245,158,11,.14);}
.unnw-wybor-lista b{display:block;font-size:13.5px;color:#fff;font-weight:900;}
.unnw-wybor-lista span{display:block;font-size:12px;color:#def5f2;margin-top:2px;}
@media(max-width:560px){.unnw-wybor,.unnw-wybor-btn{display:block;width:100%;text-align:center;justify-content:center;}.unnw-wybor-lista{min-width:0;width:100%;}}


/* ===== ODSTEP PO H1 (20.07.2026) =====
   Blad zgloszony ze zrzutu: naglowek stykal sie ze streszczeniem w hero podstron TU.
   Przyczyna: .unnw-h1 ma margin:0, a .unnw-answer/.unnw-sub/.unnw-lead maja margin-top:0.
   Zmierzony odstep H1 -> streszczenie wynosil 0 px; widoczny przeswit dawal wylacznie
   wewnetrzny padding ramki. Dotyczylo WSZYSTKICH typow stron, nie tylko podstron TU.
   Odstep dokladamy na elemencie NASTEPUJACYM po H1, nie na samym H1 - inaczej powstalby
   pusty margines tam, gdzie H1 zamyka sekcje (np. /ile-za-zlamanie-nogi/). */
.unnw h1 + .unnw-answer,
.unnw h1 + .unnw-sub,
.unnw h1 + .unnw-lead{margin-top:18px;}

/* ===== TABELA NA TELEFONIE: ODPIETA KOLUMNA + BURSZTYNOWY SUWAK (20.07) =====
   Decyzja uzytkownika: przypieta kolumna kryterium zjada za duzo z 375 px.
   Odpinamy ja ponizej 760 px, ale zostawiamy wyrazny suwak do przesuwania. */
@media(max-width:760px){
  .unnw-tB th.crit{position:static;min-width:118px;}
  .unnw-tB th.crit::after,
  .unnw-tblwrap.przewiniete .unnw-tB th.crit::after{display:none;opacity:0;}
}
/* natywny pasek - bursztyn (desktop, Firefox) */
.unnw-tblwrap{scrollbar-width:thin;scrollbar-color:var(--unnw-amber) rgba(255,255,255,.14);}
.unnw-tblwrap::-webkit-scrollbar{height:10px;}
.unnw-tblwrap::-webkit-scrollbar-track{background:rgba(255,255,255,.14);border-radius:999px;}
.unnw-tblwrap::-webkit-scrollbar-thumb{background:var(--unnw-amber);border-radius:999px;}
.unnw-tblwrap::-webkit-scrollbar-thumb:hover{background:#f7b340;}
/* wlasny suwak - zawsze widoczny, przeciagalny (telefon ukrywa natywny) */
.unnw-suwak{position:relative;height:12px;margin:10px 0 4px;border-radius:999px;
  background:rgba(255,255,255,.16);cursor:grab;touch-action:none;}
.unnw-suwak:active{cursor:grabbing;}
.unnw-suwak > span{position:absolute;top:0;bottom:0;left:0;min-width:38px;border-radius:999px;
  background:var(--unnw-amber);transition:background .15s;pointer-events:none;}
.unnw-suwak:hover > span{background:#f7b340;}
.unnw .unnw-eyebrow{margin-bottom:12px;}
@media(max-width:640px){
  .unnw h1 + .unnw-answer,
  .unnw h1 + .unnw-sub,
  .unnw h1 + .unnw-lead{margin-top:14px;}
  .unnw .unnw-eyebrow{margin-bottom:10px;}
}

/* ===== WARIANTY W BURSZTYNIE (20.07) =====
   Decyzja uzytkownika: pola wyboru wariantu maja byc bursztynowe, nie ciemne.
   Tekst: --unnw-amber-ink na --unnw-amber = kontrast 4,80 (AA dla tekstu zwyklego). */
.unnw-wybor-lista{border-color:var(--unnw-amber);background:transparent;}
.unnw-wybor-lista a{background:var(--unnw-amber);border-bottom:2px solid rgba(107,47,13,.30);}
.unnw-wybor-lista a:last-child{border-bottom:0;}
.unnw-wybor-lista a:hover,.unnw-wybor-lista a:focus-visible{background:#f7b340;}
.unnw-wybor-lista b{color:var(--unnw-amber-ink);}
.unnw-wybor-lista span{color:var(--unnw-amber-ink);}

/* ===== ODDECH MIEDZY SEKCJAMI (20.07) =====
   Blad zgloszony ze zrzutow: naglowki "Tabela decyzyjna", "Czeste pytania" i "Najlepsze trzy oferty"
   stykaly sie z blokiem nad nimi. Przyczyna: .unnw-h2 mial margin:0 0 8px, a bloki (podium, lista,
   tabela) nie maja marginesu dolnego. Zmierzony odstep: 0 px.
   Margines gorny jest tu bezpieczny, bo H2 zawsze OTWIERA sekcje - zerujemy go tylko dla
   pierwszego naglowka w kontenerze, zeby nie odpychal tresci od hero. */
.unnw h2.unnw-h2{margin-top:46px;margin-bottom:16px;}
.unnw h2.unnw-h2:first-child{margin-top:0;}
/* wpisy blogowe mialy juz wlasny rytm - zostawiamy im wezszy odstep */
.unnw .unnw-article h2.unnw-h2{margin-top:38px;margin-bottom:14px;}
.unnw .unnw-article h2.unnw-h2:first-child{margin-top:0;}
/* bloki, ktore koncza sekcje - domykamy je od dolu, zeby odstep nie zalezal tylko od naglowka */
.unnw .unnw-podium,
.unnw .unnw-segs,
.unnw .unnw-faq{margin-bottom:6px;}
.unnw .unnw-lista{margin-bottom:10px;}
/* podtytuly wewnatrz sekcji */
.unnw h3.unnw-h3{margin-top:28px;margin-bottom:10px;}
.unnw h3.unnw-h3:first-child{margin-top:0;}
@media(max-width:820px){
  .unnw h2.unnw-h2{margin-top:34px;margin-bottom:13px;}
  .unnw .unnw-article h2.unnw-h2{margin-top:30px;}
  .unnw h3.unnw-h3{margin-top:22px;}
}

/* =========================================================================
   KOMPONENTY ARTYKULU (20.07) — zestaw do wpisow blogowych.
   Prefiks a- jak na insokl.pl, zeby byl jeden model w glowie dla obu marek.
   Wszystko scope'owane pod .unnw, wiec nie koliduje z .unnw-note (podpis tabeli)
   ani z .unnw-steps (siatka na stronie glownej).
   Kontrast liczony wg zasady: maly tekst na powierzchni = --unnw-on-surface-2,
   bursztyn wylacznie jako tlo plakietki z ciemnym tekstem.
   ========================================================================= */

/* --- 1. Najwazniejsze w skrocie --- */
.unnw .a-key{background:var(--unnw-surface);border:1px solid var(--unnw-border);
  border-radius:16px;padding:20px 24px;margin:24px 0;box-shadow:var(--unnw-shadow);}
.unnw .a-key__label{display:inline-block;background:var(--unnw-amber);color:var(--unnw-amber-ink);
  font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 11px;border-radius:5px;margin-bottom:14px;}
.unnw .a-key ul{list-style:none;margin:0;padding:0;}
.unnw .a-key li{position:relative;padding:7px 0 7px 30px;color:var(--unnw-on-surface-2);
  font-size:15.5px;line-height:1.55;border-bottom:1px solid rgba(255,255,255,.10);}
.unnw .a-key li:last-child{border-bottom:0;}
.unnw .a-key li::before{content:"✓";position:absolute;left:2px;top:7px;
  color:var(--unnw-brand);font-weight:900;font-size:16px;}

/* --- 2. Zapamietaj / Uwaga --- */
.unnw .a-note{background:var(--unnw-chip);border-left:4px solid var(--unnw-amber);
  border-radius:0 14px 14px 0;padding:16px 20px;margin:22px 0;}
.unnw .a-note__label{display:block;font-size:11.5px;font-weight:900;letter-spacing:.12em;
  text-transform:uppercase;color:var(--unnw-brand-text);margin-bottom:6px;}
.unnw .a-note p{margin:0;color:var(--unnw-on-surface-2);font-size:15.5px;line-height:1.6;}
.unnw .a-note p + p{margin-top:9px;}

/* --- 3. Kroki (numery generuja sie same) --- */
.unnw ol.a-steps,.unnw ul.a-steps{list-style:none;counter-reset:krok;margin:22px 0;padding:0;
  display:block;}
.unnw .a-steps > li{counter-increment:krok;position:relative;padding:0 0 20px 52px;}
.unnw .a-steps > li::before{content:counter(krok);position:absolute;left:0;top:0;
  width:34px;height:34px;border-radius:50%;background:var(--unnw-amber);color:var(--unnw-amber-ink);
  font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;}
.unnw .a-steps > li::after{content:"";position:absolute;left:17px;top:38px;bottom:4px;width:2px;
  background:var(--unnw-border);}
.unnw .a-steps > li:last-child{padding-bottom:0;}
.unnw .a-steps > li:last-child::after{display:none;}
.unnw .a-steps h3{margin:5px 0 5px;font-size:17px;font-weight:900;color:var(--unnw-on-page);}
.unnw .a-steps p{margin:0;color:var(--unnw-on-page-2);font-size:15.5px;}

/* --- 4. Bledy / minusy — czerwony krzyzyk --- */
.unnw ul.a-warn{list-style:none;margin:20px 0;padding:0;}
.unnw ul.a-warn li{position:relative;padding:9px 0 9px 32px;font-size:15.5px;line-height:1.6;
  border-bottom:1px solid rgba(252,165,165,.22);}
.unnw ul.a-warn li:last-child{border-bottom:0;}
.unnw ul.a-warn li::before{content:"✕";position:absolute;left:4px;top:9px;
  color:var(--unnw-minus);font-weight:900;font-size:15px;}
.unnw ul.a-warn strong{color:#fff;}

/* --- 5. Plusy — zielona fajka --- */
.unnw ul.a-plus{list-style:none;margin:20px 0;padding:0;}
.unnw ul.a-plus li{position:relative;padding:9px 0 9px 32px;font-size:15.5px;line-height:1.6;
  border-bottom:1px solid rgba(134,239,172,.22);}
.unnw ul.a-plus li:last-child{border-bottom:0;}
.unnw ul.a-plus li::before{content:"✓";position:absolute;left:3px;top:9px;
  color:var(--unnw-plus);font-weight:900;font-size:16px;}
.unnw ul.a-plus strong{color:#fff;}

/* --- 5b. Plusy i minusy obok siebie --- */
.unnw .a-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;}
.unnw .a-vs > div{background:var(--unnw-chip);border:1px solid var(--unnw-border);
  border-radius:14px;padding:16px 18px;}
.unnw .a-vs h3{margin:0 0 8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:900;}
.unnw .a-vs .za h3{color:var(--unnw-plus);}
.unnw .a-vs .przeciw h3{color:var(--unnw-minus);}
.unnw .a-vs ul{margin:0;}
.unnw .a-vs li{border-bottom-color:rgba(255,255,255,.10);}

/* --- 6. Lista kontrolna — neutralna --- */
.unnw ul.a-check{list-style:none;margin:18px 0;padding:0;}
.unnw ul.a-check li{position:relative;padding:7px 0 7px 26px;font-size:15.5px;line-height:1.6;}
.unnw ul.a-check li::before{content:"▸";position:absolute;left:4px;top:7px;
  color:var(--unnw-brand);font-weight:900;}

/* --- 7. Podstawa z OWU — wyroznik marki --- */
.unnw .a-owu{background:var(--unnw-hero);border:1px solid var(--unnw-border);
  border-radius:14px;padding:15px 18px;margin:20px 0;}
.unnw .a-owu__zrodlo{display:inline-block;font-family:ui-monospace,Consolas,monospace;
  font-size:12px;background:var(--unnw-chip);border:1px solid var(--unnw-border);
  color:var(--unnw-brand-text);padding:3px 9px;border-radius:5px;margin-bottom:8px;}
.unnw .a-owu p{margin:0;font-size:15px;line-height:1.6;color:var(--unnw-on-surface-2);font-style:italic;}
.unnw .a-owu cite{display:block;margin-top:8px;font-size:12.5px;font-style:normal;
  color:var(--unnw-on-page-2);}

/* --- 8. Kwota — nasz znak rozpoznawczy --- */
.unnw .a-kwota{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0;}
.unnw .a-kwota > div{flex:1 1 150px;background:var(--unnw-chip);border:1px solid var(--unnw-border);
  border-radius:14px;padding:14px 16px;text-align:center;}
.unnw .a-kwota b{display:block;font-size:27px;font-weight:900;color:var(--unnw-amber);line-height:1.15;}
.unnw .a-kwota span{display:block;font-size:12.5px;color:var(--unnw-on-surface-2);margin-top:4px;}

/* --- 9. Cytat --- */
.unnw .unnw-article blockquote{margin:26px 0;padding:4px 0 4px 22px;
  border-left:4px solid var(--unnw-brand);}
.unnw .unnw-article blockquote p{font-size:19px;line-height:1.5;font-weight:700;
  color:var(--unnw-brand-text);margin:0;}
.unnw .unnw-article blockquote cite{display:block;margin-top:10px;font-size:13.5px;
  font-style:normal;color:var(--unnw-on-page-2);}

/* --- 10. CTA w srodku artykulu --- */
.unnw .a-cta{background:var(--unnw-hero);border:2px solid var(--unnw-brand);border-radius:18px;
  padding:22px 24px;margin:28px 0;text-align:center;}
.unnw .a-cta h3{margin:0 0 7px;font-size:20px;font-weight:900;color:#fff;}
.unnw .a-cta p{margin:0 0 14px;color:var(--unnw-on-page-2);font-size:15px;}

/* --- 11. Tematy --- */
.unnw .a-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:30px 0 0;
  padding-top:18px;border-top:1px solid var(--unnw-border);}
.unnw .a-tags > span{font-size:12.5px;color:var(--unnw-on-page-2);}
.unnw .a-tags a{font-size:13px;background:var(--unnw-chip);border:1px solid var(--unnw-border);
  border-radius:18px;padding:5px 13px;color:var(--unnw-brand-text);}
.unnw .a-tags a:hover{border-color:var(--unnw-brand);}

@media(max-width:640px){
  .unnw .a-vs,.unnw .a-kwota{grid-template-columns:1fr;display:block;}
  .unnw .a-vs > div,.unnw .a-kwota > div{margin-bottom:12px;}
  .unnw .a-key,.unnw .a-note{padding:15px 17px;}
  .unnw .a-steps > li{padding-left:44px;}
  .unnw .a-steps > li::before{width:30px;height:30px;font-size:14px;}
  .unnw .a-steps > li::after{left:15px;top:34px;}
}

/* --- korekty kontrastu komponentow (zmierzone na podgladzie 32) ---
   --unnw-minus na tle --unnw-chip dawal 3,86 przy tekscie 14 px (prog 4,5).
   --unnw-brand jako ptaszek na --unnw-surface dawal 3,70.
   Wartosci ponizej przechodza na obu tlach: page i chip. */
.unnw ul.a-warn li::before{color:#FDBDBD;}
.unnw .a-vs .przeciw h3{color:#FDBDBD;}
.unnw .a-vs .za h3{color:#B9F6CE;}
.unnw .a-key li::before{color:var(--unnw-brand-text);}

/* cztery podia na stronie glownej: 2x2 zamiast 3+1 z sierota */
.unnw .unnw-segs.cztery{grid-template-columns:1fr 1fr;}
@media(max-width:820px){.unnw .unnw-segs.cztery{grid-template-columns:1fr;}}

/* linki na nazwach towarzystw w rankingu — kolor z otoczenia, podkreślenie zamiast błękitu */
.unnw-arow .tu a,.unnw-tB thead th a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.unnw-arow .tu a:hover,.unnw-tB thead th a:hover{text-decoration-thickness:2px;}

/* wynik quizu — przejście na podstronę towarzystwa obok przycisku afiliacyjnego */
/* Link „Szczegóły oferty" pod przyciskiem afiliacyjnym w wyniku quizu.
   Poprzednia wersja miała inline-block, więc lądowała OBOK dużego przycisku
   i rozjeżdżała kartę. Selektor musi też być (0,2,0), bo `.unnw a{text-decoration:none}`
   to (0,1,1) i wygrywało z jednoklasowym `.unnw-res-wiecej`. */
.unnw .unnw-res-wiecej{display:block;width:fit-content;margin:14px 0 0;font-size:13.5px;font-weight:700;
  color:var(--unnw-on-surface-2);text-decoration:underline;text-decoration-thickness:2px;
  text-underline-offset:3px;text-decoration-color:var(--unnw-amber);}
.unnw .unnw-res-wiecej:hover{color:var(--unnw-amber);text-decoration-thickness:3px;}

/* nagłówek listy zalet w kafelku wyniku — dokumentuje, czemu padł ten wybór */
.unnw-why-label{margin:2px 0 6px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--unnw-amber);}
/* widełki składki przy wyniku quizu — pod zaletami, zachowujemy transparentność ceny */
.unnw-win-cena{margin:10px 0 4px;font-size:14px;color:var(--unnw-on-surface-2);}
.unnw-win-cena b{color:#fff;}

/* karta „Rozwiąż quiz" jest klikalna — wygląda jak reszta, ale prowadzi do quizu */
a.unnw-step{text-decoration:none;transition:border-color .15s,transform .15s;}
a.unnw-step:hover{border-color:var(--unnw-amber);transform:translateY(-2px);}
a.unnw-step .go{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:800;color:var(--unnw-amber);}

/* oddech nad ramką scenariusza i pod nią — dotąd był tylko margines dolny 14px */
.unnw .unnw-scenario{margin-top:30px;margin-bottom:30px;}

/* LINKI W TEKSCIE BIEGNACYM
   .unnw a{color:inherit;text-decoration:none} z gory pliku zdejmowalo im caly wyglad,
   wiec w akapitach byly nie do odroznienia od zwyklego tekstu. Selektor celuje tylko
   w linki BEZ klasy, wiec przyciski (.unnw-btn, .btn) i karty zostaja nietkniete.
   Kolor zostaje odziedziczony — bursztyn tylko jako podkreslenie i na hover,
   bo jako maly tekst na jasnym tle nie przechodzi kontrastu. */
.unnw p a:not([class]),.unnw li a:not([class]),.unnw td a:not([class]),.unnw th a:not([class]),.unnw dd a:not([class]){font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--unnw-amber);}
.unnw p a:not([class]):hover,.unnw li a:not([class]):hover,.unnw td a:not([class]):hover,.unnw th a:not([class]):hover,.unnw dd a:not([class]):hover{color:var(--unnw-amber);text-decoration-thickness:3px;}