/*
Theme Name: WWTF Platforma
Template: generatepress
Description: Motyw potomny platformy wiedzy WWTF (wariant A: ink + czerwień na jasnym). Źródło: repo platforma/.
Version: 0.1.0
Text Domain: wwtf-platforma
*/
@font-face{font-family:Poppins;font-weight:800;src:url(Poppins-ExtraBold.ttf) format('truetype');font-display:swap}
@font-face{font-family:Poppins;font-weight:600;src:url(Poppins-SemiBold.ttf) format('truetype');font-display:swap}
:root{--ink:#0B0B0C;--ink2:#17171A;--red:#E0242B;--grey:#8A8A90;--mist:#F1F2F4;--line:#D9DADD;--cream:#FFF6EB;--amber:#E0A030;--amberd:#8A5A12}
body{background:var(--mist);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.site-header,.main-navigation,.main-navigation ul ul{background:var(--ink)}
.site-header .main-title a,.main-navigation .main-nav ul li a,.menu-toggle{color:#fff;font-family:Poppins,sans-serif;font-weight:600}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li[class*=current-menu-]>a{color:var(--red);background:transparent}
.site-header .main-title a{font-weight:800;letter-spacing:.5px}
.site-footer,.site-info{background:var(--ink);color:var(--grey)}
a{color:var(--red)}
.wwtf{max-width:760px;margin:0 auto;padding:12px 16px 40px}
.wwtf--wide{max-width:1040px}
.wwtf h1{font:800 26px/1.2 Poppins,sans-serif;margin:6px 0 14px}
.wwtf-crumb{font-size:13px;color:var(--grey);margin:8px 0}
.wwtf-crumb a{color:var(--grey);text-decoration:none}
.wwtf-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.wwtf-badge{font:600 10px Poppins,sans-serif;letter-spacing:.8px;text-transform:uppercase;padding:5px 9px;border-radius:3px;background:var(--ink);color:#fff;text-decoration:none;display:inline-block}
.wwtf-badge:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;background:var(--bc,var(--red))}
.wwtf-video{aspect-ratio:16/9;background:var(--ink);border-radius:8px;overflow:hidden;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px}
.wwtf-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wwtf-lbl{font:600 11px Poppins,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--red);margin:26px 0 8px}
.wwtf-lbl:before{content:"● "}
.wwtf-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 14px}
.wwtf-steps{list-style:none;padding:0;margin:0;counter-reset:s}
.wwtf-steps li{counter-increment:s;display:flex;gap:10px;padding:12px 0;font-size:16px;line-height:1.45;border-bottom:1px solid var(--mist);margin:0}
.wwtf-steps li:last-child{border:0}
.wwtf-steps li:before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font:600 13px/26px Poppins,sans-serif;text-align:center}
.wwtf-btn{display:block;text-align:center;padding:15px;border-radius:6px;font:600 15px Poppins,sans-serif;margin:8px 0;text-decoration:none;background:var(--red);color:#fff}
.wwtf-btn:hover{background:var(--ink);color:#fff}
.wwtf-btn--dark{background:var(--ink)}
.wwtf-btn--dark:hover{background:var(--red)}
.wwtf-note{font-size:14px;color:#555;margin:6px 0}
.wwtf-src{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--mist);font-size:15px}
.wwtf-src:last-child{border:0}
.wwtf-src a{font-weight:bold;text-decoration:none}
.wwtf-calc{background:var(--ink);color:#fff;border-radius:8px;padding:16px}
.wwtf-calc a{color:#fff;font-weight:bold}
.wwtf-box{padding:12px 14px;border-radius:4px;font-size:14px;line-height:1.45;margin-top:22px;background:var(--cream);border-left:4px solid var(--amber);color:var(--amberd)}
.wwtf-box--ok{background:#e6f6ea;border-color:#22C55E;color:#14532d}
.wwtf-foot{font-size:12px;color:var(--grey);margin-top:22px;line-height:1.5}
.wwtf-body{margin-top:18px;line-height:1.55}
/* biblioteka */
.wwtf-filters{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin:12px 0 18px;display:grid;gap:10px}
.wwtf-filters label{font:600 11px Poppins,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--grey);display:block;margin-bottom:4px}
.wwtf-filters input,.wwtf-filters select{width:100%;padding:12px;font-size:16px;border:1px solid var(--line);border-radius:6px;background:#fff;box-sizing:border-box}
.wwtf-filters .row{display:grid;gap:10px}
.wwtf-filters button{background:var(--red);color:#fff;border:0;border-radius:6px;padding:14px;font:600 15px Poppins,sans-serif;cursor:pointer}
.wwtf-reset{font-size:14px;text-align:center}
.wwtf-grid{display:grid;gap:12px}
.wwtf-tile{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;text-decoration:none;color:var(--ink);display:block}
.wwtf-tile:hover{border-color:var(--red)}
.wwtf-tile h2{font:600 17px/1.3 Poppins,sans-serif;margin:8px 0 0;color:var(--ink)}
.wwtf-count{font-size:14px;color:var(--grey)}
.wwtf-pager{display:flex;gap:10px;justify-content:center;margin-top:20px}
@media(min-width:700px){.wwtf-filters .row{grid-template-columns:1fr 1fr 1fr}.wwtf-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.wwtf-grid{grid-template-columns:1fr 1fr 1fr}}

/* start platformy */
.wwtf-search{grid-template-columns:1fr}
.wwtf-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wwtf-topic{border-top:4px solid var(--c,var(--red));display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 14px;min-height:92px;text-decoration:none;color:var(--ink);font:600 16px/1.25 Poppins,sans-serif}
.wwtf-topic:hover{border-color:var(--red);color:var(--ink)}
.wwtf-topic__ico{font-size:26px}
@media(min-width:700px){.wwtf-tiles{grid-template-columns:repeat(4,1fr)}}
/* kalkulatory */
.wwtf-kalk{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0}
.wwtf-kalk__pole{margin-bottom:12px}
.wwtf-kalk__pole label{font:600 13px Poppins,sans-serif;display:block;margin-bottom:4px}
.wwtf-kalk__pole input{width:100%;padding:12px;font-size:18px;border:1px solid var(--line);border-radius:6px;box-sizing:border-box}
.wwtf-kalk__pole small{display:block;color:var(--grey);margin-top:3px}
.wwtf-kalk__wynik{background:var(--ink);color:#fff;border-radius:8px;padding:14px;margin-top:6px}
.wwtf-kalk__glowny{font:600 17px/1.4 Poppins,sans-serif}
.wwtf-kalk__wynik table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.wwtf-kalk__wynik td{padding:8px 0;border-top:1px solid #333;color:#fff;background:transparent;border-left:0;border-right:0}
.wwtf-kalk__wynik td:last-child{text-align:right;font-weight:bold}
.wwtf-kalk__uwaga{font-size:13px;color:#c9c9cd;margin:10px 0 0}
.wwtf-kalk__stawki{font-size:13px;margin-top:10px}
.wwtf-kalk__stawki summary{cursor:pointer}

/* pytania, webinary */
.wwtf-qa__w{padding:12px 0;border-bottom:1px solid var(--mist);font-size:15px;line-height:1.45}
.wwtf-qa__w:last-child{border:0}
.wwtf-qa__odp{margin-left:14px;padding-left:12px;border-left:3px solid var(--red)}
.wwtf-faq{border-bottom:1px solid var(--mist);padding:10px 0}
.wwtf-faq summary{font-weight:bold;cursor:pointer}
.wwtf-faq div{margin-top:8px;line-height:1.5}
#respond textarea{width:100%;padding:12px;font-size:16px;border:1px solid var(--line);border-radius:6px;box-sizing:border-box}
#respond .submit{background:var(--red);color:#fff;border:0;border-radius:6px;padding:14px;font:600 15px Poppins,sans-serif;width:100%;cursor:pointer}
#reply-title{font:600 16px Poppins,sans-serif}
.wwtf-event{padding:14px}
.wwtf-event h2{font:600 18px/1.3 Poppins,sans-serif;margin:6px 0}
.wwtf-event h2 a{color:var(--ink);text-decoration:none}
.wwtf-event__data{font:600 12px Poppins,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--red)}
@media(min-width:700px){.wwtf-filters .row--4{grid-template-columns:repeat(4,1fr)}}

/* YouTube / miniatury */
.wwtf-video--pion{aspect-ratio:9/16;max-width:360px;margin:0 auto}
.wwtf-thumb{width:100%;height:150px;object-fit:cover;border-radius:6px;display:block;margin-bottom:8px}
.wwtf-vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wwtf-vthumb{position:relative;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--ink);cursor:pointer;aspect-ratio:16/9}
.wwtf-vthumb--pion{aspect-ratio:9/16}
.wwtf-vthumb img{width:100%;height:100%;object-fit:cover;display:block}
.wwtf-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(224,36,43,.92);color:#fff;font-size:16px;line-height:44px;text-align:center}
.wwtf-vdlg{border:0;border-radius:10px;padding:10px;width:min(94vw,520px);background:var(--ink)}
.wwtf-vdlg::backdrop{background:rgba(0,0,0,.75)}
.wwtf-vclose{display:block;margin:0 0 8px auto;background:var(--red);color:#fff;border:0;border-radius:6px;padding:8px 14px;font-size:16px;cursor:pointer}
@media(min-width:700px){.wwtf-vgrid{grid-template-columns:repeat(4,1fr)}}

/* podtematy */
.wwtf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.wwtf-chip{display:inline-flex;gap:6px;align-items:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font:600 14px Poppins,sans-serif}
.wwtf-chip span{background:var(--mist);border-radius:999px;padding:1px 8px;font-size:12px;color:var(--grey)}
.wwtf-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.wwtf-chip.is-on span{background:var(--red);color:#fff}

/* kod członka, moje pytania */
.wwtf-kod{font:800 22px Poppins,sans-serif;letter-spacing:2px;background:var(--mist);padding:4px 10px;border-radius:4px;user-select:all}
.wwtf-pyt{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:10px}
.wwtf-pyt__top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;font-weight:bold}
.wwtf-st{font:600 11px Poppins,sans-serif;padding:4px 8px;border-radius:999px;background:var(--mist)}
.wwtf-st--czeka{background:var(--cream);color:var(--amberd)}
.wwtf-st--ok{background:#e6f6ea;color:#14532d}
.wwtf-qa__czeka{background:var(--cream);border-left:4px solid var(--amber);padding:10px 12px;margin-bottom:10px}

.wwtf-audio audio{width:100%;margin-top:4px}
.wwtf-speed{display:flex;gap:8px;margin-top:6px}
.wwtf-speed button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:600 13px Poppins,sans-serif;cursor:pointer}
.wwtf-speed button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}

.wwtf-topic small{font:400 12px Arial;color:var(--grey)}
/* ---------- one-page (front-page.php) ---------- */
.op{background:var(--mist);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.op a{text-decoration:none}
.op-w{max-width:1040px;margin:0 auto;padding:0 18px}
.op-top{background:var(--ink);color:#fff}
.op-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;max-width:1040px;margin:0 auto}
.op-logo{display:flex;align-items:center;gap:9px;font:800 12px Poppins,sans-serif;letter-spacing:.7px;color:#fff}
.op-logo img{height:32px;width:32px}.op-logo b{color:var(--red)}
.op-login{border:1px solid #fff;color:#fff;padding:9px 14px;border-radius:6px;font:600 13px Poppins,sans-serif}
.op-hero{padding:34px 18px 40px;max-width:1040px;margin:0 auto}
.op-hero h1{font:800 30px/1.15 Poppins,sans-serif;margin:8px 0 14px;color:#fff}
.op-hero p{color:#c9c9cd;font-size:16px;line-height:1.5;max-width:560px}
.op-lbl{font:600 11px Poppins,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--red)}
.op-lbl:before{content:"● "}
.op-btn{display:block;text-align:center;padding:15px;border-radius:7px;font:600 15px Poppins,sans-serif;background:var(--red);color:#fff;margin:12px 0}
.op-btn:hover{background:#fff;color:var(--ink)}
.op-btn--o{background:transparent;border:1px solid #fff}
.op-btn--d{background:var(--ink)}.op-btn--d:hover{background:var(--red);color:#fff}
.op-sec{padding:34px 0}
.op-sec--w{background:#fff}.op-sec--d{background:var(--ink);color:#fff}
.op h2{font:800 24px/1.2 Poppins,sans-serif;margin:6px 0 14px}
.op p{line-height:1.55;font-size:16px;margin:0 0 12px}
.op-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.op-tile{background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:10px;padding:14px;font:600 15px/1.25 Poppins,sans-serif;color:var(--ink);display:flex;flex-direction:column;gap:6px}
.op-tile span{font:400 12px Arial;color:var(--grey)}
.op-steps{display:grid;gap:14px}
.op-step{display:flex;gap:12px}.op-num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font:600 14px/32px Poppins,sans-serif;text-align:center}
.op-step h3{font:600 16px Poppins,sans-serif;margin:0 0 2px}.op-step p{margin:0;font-size:15px}
.op-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.op-feat div{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;padding:13px;font:600 14px/1.3 Poppins,sans-serif}
.op-feat span{display:block;font:400 13px Arial;color:#555;margin-top:3px}
.op-price{background:var(--ink2);border-top:5px solid var(--red);border-radius:12px;padding:22px;text-align:center}
.op-price .big{font:800 34px Poppins,sans-serif}
.op-faq details{border-bottom:1px solid var(--line);padding:12px 0}.op-faq summary{font-weight:bold;cursor:pointer}
.op-faq details p{margin:8px 0 0;font-size:15px}
.op-note{font-size:12px;color:var(--grey);line-height:1.5}
.op-foot{background:var(--ink);color:#8A8A90;padding:28px 18px;font-size:12px}
.op-sec--d .op-note{color:#8A8A90}
@media(min-width:760px){.op-hero h1{font-size:46px;max-width:760px}.op-tiles{grid-template-columns:repeat(3,1fr)}.op-steps{grid-template-columns:repeat(3,1fr)}.op-feat{grid-template-columns:repeat(3,1fr)}.op-btns{display:flex;gap:12px}.op-btns .op-btn{min-width:260px}}
/* hover na ciemnym tle: nie wolno zmieniać koloru napisów na ciemny (GeneratePress ustawia a:hover) */
.op-logo:hover,.op-logo:focus,.op-logo:hover b{color:#fff}
.op-logo:hover b{color:var(--red)}
.op-login:hover,.op-login:focus{background:#fff;color:var(--ink)}
.site-header .main-title a:hover,.site-header .main-title a:focus,.site-branding a:hover{color:#fff}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li a:focus{color:var(--red)}

/* okładki, kontynuuj, nagłówek z logo */
.wwtf-cover{height:110px;border-radius:6px;margin-bottom:8px;background:linear-gradient(135deg,var(--ink) 0%,var(--ink2) 100%);border-bottom:5px solid var(--c);display:flex;align-items:flex-end;padding:10px 12px}
.wwtf-cover span{font:800 15px Poppins,sans-serif;color:#fff;letter-spacing:.5px;text-transform:uppercase}
.wwtf-cover span:before{content:"";display:inline-block;width:9px;height:9px;background:var(--c);margin-right:8px}
.wwtf--karta{border-top:5px solid var(--c);border-radius:0 0 8px 8px}
.wwtf-cont h2{margin-top:4px}
.wwtf-mini{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin-top:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:bold}
.wwtf-mini i{flex:none;width:9px;height:9px}.wwtf-mini--q{align-items:flex-start;flex-direction:column;gap:6px}
.site-header .main-title a:before{content:"";display:inline-block;width:30px;height:30px;background:url(pierscien-bialy.png) center/contain no-repeat;vertical-align:middle;margin-right:9px}
.site-header .main-title{text-transform:uppercase;letter-spacing:.6px}

.wwtf-bar{height:6px;background:var(--mist);border-radius:3px;margin-top:10px;overflow:hidden}.wwtf-bar i{display:block;height:100%;background:var(--red)}
.wwtf-done{display:inline-block;margin-top:8px;font:600 12px Poppins,sans-serif;color:#14532d;background:#e6f6ea;padding:4px 9px;border-radius:999px}

.wwtf-page{line-height:1.55}.wwtf-page>*:first-child{margin-top:0}
.wwtf-page .wwtf-kalk,.wwtf-page .wwtf-card,.wwtf-page .wwtf-event{max-width:760px}

/* kafelki tematów na Starcie: kolorowa ramka (wcześniej border:1px nadpisywał border-top) */
.wwtf-topic{border:1px solid var(--line);border-top:5px solid var(--c,var(--red));gap:3px;min-height:104px}
.wwtf-topic em{font:400 12px/1.3 Arial;color:#555;font-style:normal}
.wwtf-topic small{margin-top:auto;font:600 11px Poppins,sans-serif;color:var(--c,var(--grey))}
.wwtf-topic:hover{border-color:var(--c,var(--red));box-shadow:0 2px 10px rgba(0,0,0,.08)}
.wwtf-mini{justify-content:flex-start}.wwtf-mini--q{justify-content:flex-start}
.op-foot a,.site-info a{color:#c9c9cd;text-decoration:underline}.op-foot a:hover,.site-info a:hover{color:#fff}

/* sponsorzy */
.wwtf-sp{background:#fff;border:1px dashed var(--line);border-radius:8px;padding:12px 14px;margin-top:24px}
.wwtf-sp__lbl{font:600 10px Poppins,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
.wwtf-sp__row{display:flex;gap:14px;align-items:center}.wwtf-sp__row p{margin:2px 0 6px;font-size:14px}
.wwtf-sp__logo img{max-width:90px;height:auto;display:block}
.wwtf-sp__note{font-size:11px;color:var(--grey);margin:8px 0 0}
.wwtf-sp--pasek{text-align:center}.wwtf-sp__logos{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center;margin:6px 0}
.wwtf-sp__logos img{max-height:36px;width:auto}.wwtf-sp__logos a{color:var(--ink);font-weight:bold}

.wwtf-sp{border:1px solid var(--line);border-left:4px solid var(--amber);background:#fff}
.wwtf-sp__logo img{max-width:120px}
.wwtf-sp__logos img{max-height:52px}
.wwtf-sp--pasek{margin:22px 0}

/* karta bez wideo */
.wwtf-cover-img img{display:block;width:100%;height:auto;border-radius:8px}
.wwtf-thumb--okl{height:auto;aspect-ratio:16/9;object-fit:cover}
.wwtf-prose{line-height:1.6;font-size:16px}
.wwtf-prose p{margin:0 0 12px}.wwtf-prose ul,.wwtf-prose ol{margin:0 0 12px 1.2em}.wwtf-prose h3{font:600 16px Poppins,sans-serif;margin:16px 0 6px}
.wwtf-prose table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px}.wwtf-prose th{background:var(--ink);color:#fff;text-align:left;padding:8px}.wwtf-prose td{border:1px solid var(--line);padding:8px;background:#fff}
.wwtf-prose--box{background:#fff;border:1px solid var(--line);border-left:5px solid var(--c,var(--red));border-radius:8px;padding:14px 16px}
.wwtf-prose--ex{background:var(--mist);border-radius:8px;padding:12px 14px}
.wwtf-prose--warn{background:var(--cream);border-left:4px solid var(--amber);border-radius:4px;padding:12px 14px;color:#4b3a14}
.wwtf-box--info{background:var(--mist);border-color:var(--grey);color:#333}
.wwtf-ai__p{background:var(--ink);color:#fff;border-radius:8px;padding:12px 14px;margin-bottom:10px}
.wwtf-ai pre{white-space:pre-wrap;word-break:break-word;font:14px/1.5 Arial,sans-serif;margin:0 0 10px;color:#fff;background:transparent;padding:0}
.wwtf-copy{background:var(--red);color:#fff;border:0;border-radius:6px;padding:9px 16px;font:600 13px Poppins,sans-serif;cursor:pointer}
.wwtf-q{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:10px}
.wwtf-q__t{font-weight:bold;margin:0 0 8px}.wwtf-q__o{display:grid;gap:8px}
.wwtf-q__o button{text-align:left;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:15px;cursor:pointer}
.wwtf-q__o button.is-ok{background:#e6f6ea;border-color:#22C55E}.wwtf-q__o button.is-bad{background:#fde8e8;border-color:var(--red)}
.wwtf-q__w{font-size:14px;color:#444;margin:8px 0 0}.wwtf-q__r{font:600 16px Poppins,sans-serif;text-align:center}
.wwtf-ebook{margin-top:18px}
/* beta: Zgłoś uwagę */
.wwtf-uwaga-btn{position:fixed;right:14px;bottom:14px;z-index:99;background:var(--ink);color:#fff;border:2px solid var(--red);border-radius:999px;padding:12px 18px;font:600 13px Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.wwtf-uwaga-btn:hover{background:var(--red)}

/* poradniki */
.wwtf-por{font-size:13px;margin:0 0 8px;color:#555}.wwtf-por a{font-weight:bold}
.wwtf-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wwtf-por-tile{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:10px;padding:12px;text-decoration:none;color:var(--ink)}
.wwtf-por-tile img{width:100%;height:150px;object-fit:contain;background:var(--mist);border-radius:6px}
.wwtf-por-tile__cv{height:150px;border-radius:6px;background:var(--ink);color:#fff;font:800 15px/1.25 Poppins,sans-serif;padding:12px;display:flex;align-items:flex-end;border-bottom:4px solid var(--c)}
.wwtf-por-tile b{font:600 14px/1.25 Poppins,sans-serif}.wwtf-por-tile small{color:var(--grey);font:600 11px Poppins,sans-serif}
@media(min-width:700px){.wwtf-pgrid{grid-template-columns:repeat(4,1fr)}.wwtf-filters .row--5{grid-template-columns:repeat(5,1fr)}}

/* ---------- Karta zmiany 008 (2026-10-30): UX karty tekstowej i biblioteki ---------- */
.wwtf--karta h1{font-size:22px;line-height:1.25}
.wwtf-sub{font-size:14px;color:#5C5C62;margin:-6px 0 12px;line-height:1.4}
.wwtf-tile h2{font-size:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.wwtf-tile .wwtf-badges{margin:0 0 6px}
.wwtf-thumb--mini{width:96px;height:54px;object-fit:cover;border-radius:4px;float:right;margin:0 0 6px 10px}
.wwtf-badge{font-size:12px}
.wwtf-jump{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.wwtf-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;font:600 14px Poppins,sans-serif}
.wwtf-jump a:hover{border-color:var(--red)}
.wwtf-lbl[id]{scroll-margin-top:70px}
.wwtf-note--steps{border-top:1px solid var(--mist);padding:10px 14px 4px;margin:0}
a.wwtf-kod{font:inherit;font-weight:700;letter-spacing:0;padding:1px 5px;border-radius:3px;white-space:nowrap;user-select:auto}
.wwtf-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 14px;background:linear-gradient(to left,rgba(0,0,0,.12),transparent 14px) right/14px 100% no-repeat}
.wwtf-tbl table{min-width:520px;margin:0}
.wwtf-tbl th:first-child,.wwtf-tbl td:first-child{position:sticky;left:0;z-index:1}
.wwtf-tbl td:first-child{background:#fafafa;font-weight:bold}
.wwtf-copy{width:100%;min-height:48px;font-size:15px}
.wwtf-copy__st{display:block;font-size:13px;color:#ddd;margin-top:6px;min-height:1em}
a.wwtf-src--link{min-height:48px;align-items:center;text-decoration:none;color:var(--ink)}
a.wwtf-src--link span:first-child{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.wwtf-src__go{font-weight:bold;color:var(--red);flex:0 0 auto}
.wwtf-q__n{font:600 12px Poppins,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#5C5C62;margin:0 0 4px}
.wwtf-q__again{margin-top:10px;min-height:48px;padding:0 18px;border:1px solid var(--ink);background:#fff;border-radius:6px;font:600 14px Poppins,sans-serif;cursor:pointer}
.wwtf-next{display:block;margin:22px 0 6px;padding:14px 16px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;min-height:48px}
.wwtf-next small{display:block;font:600 11px Poppins,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#bbb;margin-bottom:4px}
.wwtf-next b{font:600 16px/1.3 Poppins,sans-serif}
.wwtf-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 14px Poppins,sans-serif;color:var(--ink)}
.wwtf-more .row{margin-top:8px}
@media(min-width:700px){.wwtf-filters .row--3{grid-template-columns:repeat(3,1fr)}.wwtf--karta h1{font-size:26px}}