/* wf.css – składane przez bin/css-z-makiety.py z makieta/serwis.css, feed.css i motyw.css. Nie edytuj ręcznie. */
*{box-sizing:border-box}html,body{margin:0}body{background:#fff}
.wf-strona{font-family:var(--body);color:var(--ink);font-size:16px;line-height:1.55;background:#fff}
.wf-strona a{color:inherit;text-decoration:none}.wf-strona img{display:block;max-width:100%;height:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wf-kopia{display:inline-block;margin:0 0 8px;font-size:12px;font-weight:700;color:#7a4b00;background:#FFF1D6;border-radius:4px;padding:1px 7px}
/* ── Tokeny kierunków ──────────────────────────────────────────────────────── */
[data-k=a]{--bg:#F6F7F5;--surface:#fff;--ink:#121417;--mute:#5A6068;--line:#DADDD8;--accent:#C81E25;--accent-ink:#fff;--soft:#ECEEEA;--mast-bg:#F6F7F5;--mast-ink:#121417;--mark:#C81E25;--head:"Source Serif 4",Georgia,serif;--body:"IBM Plex Sans",system-ui,sans-serif;--hw:700;--radius:2px;--lead-size:29px;--h-track:-.012em}
[data-k=b]{--bg:#FFFFFF;--surface:#fff;--ink:#0D1B33;--mute:#56627A;--line:#E0E5EE;--accent:#2341C8;--accent-ink:#fff;--soft:#F1F4FA;--mast-bg:#FFFFFF;--mast-ink:#0D1B33;--mark:#13A15A;--head:"Schibsted Grotesk",system-ui,sans-serif;--body:"Public Sans",system-ui,sans-serif;--hw:800;--radius:6px;--lead-size:28px;--h-track:-.022em}
[data-k=c]{--bg:#FBFBF9;--surface:#fff;--ink:#17201C;--mute:#5B6660;--line:#DFE3DF;--accent:#0F3D33;--accent-ink:#fff;--soft:#EEF2EF;--mast-bg:#0F3D33;--mast-ink:#FFFFFF;--mark:#E39B2A;--head:"Literata",Georgia,serif;--body:"Public Sans",system-ui,sans-serif;--hw:650;--radius:0px;--lead-size:28px;--h-track:-.01em}

/* ── Serwis ────────────────────────────────────────────────────────────────── */

.wf-strona a{color:inherit;text-decoration:none}
.wf-strona img{display:block;width:100%;height:auto;background:var(--soft)}
.s-mast{position:sticky;top:0;z-index:5;background:var(--mast-bg);color:var(--mast-ink);border-bottom:1px solid var(--line)}
[data-k=c] .s-mast{border-bottom:0}
.s-mast-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px}
.s-brand{display:flex;align-items:center;gap:9px;font-family:var(--head);font-weight:var(--hw);font-size:21px;letter-spacing:var(--h-track);line-height:1}
.s-brand small{font-family:var(--body);font-weight:500;font-size:12px;color:var(--mute);letter-spacing:0}
[data-k=c] .s-brand small{color:rgba(255,255,255,.65)}
.s-icons{display:flex;gap:4px}
.s-ibtn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:inherit;cursor:pointer}
.s-nav{display:flex;gap:18px;overflow-x:auto;padding:0 16px;scrollbar-width:none;font-size:14.5px;font-weight:500;white-space:nowrap}
.s-nav::-webkit-scrollbar{display:none}
.s-nav a{padding:9px 0 11px;border-bottom:2px solid transparent;color:var(--mute)}
[data-k=c] .s-nav a{color:rgba(255,255,255,.72)}
.s-nav a.on{color:var(--mast-ink);border-color:var(--mark)}
.s-today{font-size:12.5px;color:var(--mute);padding:10px 16px 0}
.s-lead{padding:6px 16px 22px;border-bottom:1px solid var(--line)}
.s-lead img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin:0 -16px 14px;width:calc(100% + 32px);border-radius:0}
.s-kat{font-size:13px;font-weight:600;color:var(--accent);display:inline-block;margin-bottom:4px}
[data-k=c] .s-kat{color:#8A5A0F}
.s-lead h2{font-family:var(--head);font-weight:var(--hw);font-size:var(--lead-size);line-height:1.13;letter-spacing:var(--h-track);margin:0 0 10px}
.s-lead p{margin:0 0 10px;color:#333;font-size:15.5px}
.s-meta{font-size:12.8px;color:var(--mute)}
.s-meta time{font-variant-numeric:tabular-nums}
.s-sec{padding:20px 16px 8px}
.s-sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 6px}
.s-sec-h h3{font-family:var(--head);font-weight:var(--hw);font-size:20px;letter-spacing:var(--h-track);margin:0}
.s-sec-h a{font-size:13.5px;color:var(--accent);font-weight:600}
[data-k=c] .s-sec-h a{color:#0F3D33}
.s-river{list-style:none;margin:0;padding:0}
.s-river li{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.s-river li:first-child{border-top:0}
.s-river .t{font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums;padding-top:2px}
.s-river h4{margin:0;font-family:var(--head);font-weight:var(--hw);font-size:17px;line-height:1.25;letter-spacing:var(--h-track)}
.s-river .k{font-size:12.5px;color:var(--mute);margin-top:3px}
.s-pair{display:grid;grid-template-columns:1fr 104px;gap:12px;padding:13px 0;border-top:1px solid var(--line);align-items:start}
.s-pair:first-of-type{border-top:0}
.s-pair img{aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius)}
.s-pair h4{margin:0 0 4px;font-family:var(--head);font-weight:var(--hw);font-size:17px;line-height:1.25;letter-spacing:var(--h-track)}
.s-wide{margin:6px 0 4px}
.s-wide img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin-bottom:9px}
.s-wide h4{margin:0 0 4px;font-family:var(--head);font-weight:var(--hw);font-size:19px;line-height:1.2;letter-spacing:var(--h-track)}
.s-alert{margin:16px 16px 0;padding:12px 14px;background:var(--soft);border-radius:var(--radius);font-size:14px}
.s-alert b{display:block;font-size:13px;color:var(--accent);margin-bottom:2px}
[data-k=c] .s-alert b{color:#8A5A0F}
.s-more{display:block;margin:10px 16px 0;padding:13px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);font-weight:600;font-size:14.5px}
.s-foot{margin-top:28px;padding:22px 16px 34px;background:var(--soft);font-size:14px}
[data-k=c] .s-foot{background:#0F3D33;color:#E6EEE9}
.s-foot .s-brand{margin-bottom:10px}
.s-foot p{margin:0 0 12px;color:var(--mute);font-size:13.5px}
[data-k=c] .s-foot p{color:rgba(255,255,255,.7)}
.s-foot ul{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.s-foot li a{display:block;padding:7px 0}
.s-foot small{color:var(--mute);font-size:12.5px}
[data-k=c] .s-foot small{color:rgba(255,255,255,.6)}

/* artykuł */
.a-crumb{font-size:13px;color:var(--mute);padding:12px 16px 0}
.a-crumb a{color:var(--accent);font-weight:600}
[data-k=c] .a-crumb a{color:#0F3D33}
.a-h1{font-family:var(--head);font-weight:var(--hw);font-size:28px;line-height:1.14;letter-spacing:var(--h-track);margin:8px 16px 12px}
.a-lead{margin:0 16px 14px;font-size:17px;line-height:1.5;color:#2a2f35}
.a-by{margin:0 16px 14px;display:flex;gap:10px;align-items:center;font-size:13px;color:var(--mute);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.a-by .av{width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:0 0 auto}
.a-by b{color:var(--ink);font-weight:600}
.a-by a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.a-fig{margin:0 0 16px}
.a-fig figcaption{font-size:12.5px;color:var(--mute);padding:6px 16px 0}
.a-body{padding:0 16px;font-size:17px;line-height:1.68}
.a-body p{margin:0 0 1em}
.a-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
[data-k=c] .a-body a{color:#0F3D33}
.a-body sup{font-size:.7em;line-height:0}
.a-src{margin:6px 16px 0;padding:14px;background:var(--soft);border-radius:var(--radius);font-size:14px}
.a-src b{display:block;margin-bottom:3px}
.a-share{display:flex;gap:8px;margin:16px 16px 0}
.a-share button{flex:1;font:inherit;font-size:14px;font-weight:600;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}
.a-gnews{margin:16px 16px 0;display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);font-size:14px}

/* wyszukiwarka */
.q-bar{position:sticky;top:0;z-index:6;background:var(--surface);padding:10px 12px 10px;border-bottom:1px solid var(--line)}
.q-row{display:flex;gap:6px;align-items:center}
.q-field{flex:1;display:flex;align-items:center;gap:6px;background:var(--soft);border-radius:999px;padding:0 6px 0 12px;border:1.5px solid transparent}
.q-field:focus-within{border-color:var(--accent);background:var(--surface)}
.q-field input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:11px 0;color:var(--ink);outline:none}
.q-x{border:0;background:transparent;width:36px;height:36px;border-radius:50%;cursor:pointer;color:var(--mute);font-size:20px;line-height:1}
.q-cancel{border:0;background:transparent;font:inherit;font-size:15px;color:var(--accent);font-weight:600;padding:8px 4px;cursor:pointer}
[data-k=c] .q-cancel{color:#0F3D33}
.q-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}
.q-chips::-webkit-scrollbar{display:none}
.q-chip{flex:0 0 auto;font:inherit;font-size:13.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}
.q-chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.q-chip i{font-style:normal;color:var(--mute);margin-left:4px;font-size:12px}
.q-chip[aria-pressed=true] i{color:inherit;opacity:.7}
.q-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 4px;font-size:13px;color:var(--mute)}
.q-info select{font:inherit;font-size:13px;border:0;background:transparent;color:var(--ink);font-weight:600}
.q-list{list-style:none;margin:0;padding:0 16px}
.q-list li{padding:13px 0;border-top:1px solid var(--line)}
.q-list li:first-child{border-top:0}
.q-list h4{margin:0 0 4px;font-family:var(--head);font-weight:var(--hw);font-size:16.5px;line-height:1.27;letter-spacing:var(--h-track)}
.q-list p{margin:0 0 5px;font-size:14px;color:#3a4048;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.q-list mark{background:color-mix(in srgb,var(--mark) 26%,transparent);color:inherit;border-radius:2px;padding:0 1px}
.q-sec{padding:16px 16px 4px}
.q-sec h5{margin:0 0 8px;font-size:13px;color:var(--mute);font-weight:600}
.q-tags{display:flex;flex-wrap:wrap;gap:6px}
.q-empty{padding:28px 16px;font-size:15px}
.q-empty b{display:block;font-family:var(--head);font-size:19px;margin-bottom:6px}
.q-hint{padding:6px 16px 0;font-size:13px;color:var(--mute)}
.q-recent li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.q-recent{list-style:none;margin:0;padding:0}
.q-load{display:block;width:calc(100% - 32px);margin:8px 16px 24px;padding:12px;font:inherit;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);cursor:pointer}

/* ── Komputer: reguły zależne od szerokości ramki, nie okna ─────────────────── */
.wf-strona{container-type:inline-size;min-height:100vh}
.s-qdesk{display:none}
.s-rail{margin-top:8px}
.a-body h2{font-family:var(--head);font-weight:var(--hw);font-size:21px;line-height:1.25;letter-spacing:var(--h-track);margin:1.4em 0 .5em}
.a-box{background:var(--soft);border-radius:var(--radius);padding:14px 16px;margin:1.2em 0;font-size:16px;line-height:1.6}
.a-box b{display:block;font-family:var(--head);font-size:17px;margin-bottom:4px}
.a-box p{margin:0}
.a-src ol{margin:6px 0 8px;padding-left:20px}
.a-src li{margin:2px 0}
/* B · Recepta: dopracowanie z 08.10.2026 */
[data-k=b] .s-alert{background:var(--ink);color:#fff}
[data-k=b] .s-alert b{color:#8FE3B5}
[data-k=b] .s-kat,[data-k=b] .a-crumb a{color:var(--accent)}
[data-k=b] .s-lead h2,[data-k=b] .a-h1{font-weight:750}
[data-k=b] .s-river h4,[data-k=b] .s-pair h4,[data-k=b] .q-list h4{font-weight:700}
[data-k=b] .s-nav a.on{border-bottom-width:3px}
.s-tylko-k{display:none}
@container (min-width:900px){
  .s-mast-row,.s-nav,.s-today{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}
  .s-mast-row{padding-top:18px;padding-bottom:14px}
  .s-brand{font-size:30px}.s-brand svg{width:38px;height:38px}
  .s-nav{justify-content:space-between;font-size:15px}
  .s-today{padding-top:16px}
  .s-home{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:44px;align-items:start}
  .g-lead{grid-column:1;grid-row:1/3;border-bottom:0;padding:10px 0 0}
  .g-lead img{margin:0 0 16px;width:100%;border-radius:var(--radius)}
  .g-lead h2{font-size:42px;line-height:1.08}
  .g-lead p{font-size:18px;max-width:62ch}
  .g-river{grid-column:2;grid-row:1;padding:10px 0 0}
  .g-alert{grid-column:2;grid-row:2;margin:16px 0 0}
  .g-bez{grid-column:1/-1;padding:34px 0 0;border-top:1px solid var(--line);margin-top:30px}
  .g-bez-in{display:grid;grid-template-columns:1.25fr 1fr;gap:32px}
  .g-bez .s-wide h4{font-size:24px}
  .g-ref{grid-column:1;padding:34px 0 0}
  .g-szc{grid-column:2;padding:34px 0 0}
  .s-more{max-width:1124px;margin:24px auto 0}
  .s-kol{max-width:740px;margin:0 auto;padding-top:14px}
  .s-kol .a-h1{font-size:44px;line-height:1.08}
  .s-kol .a-lead{font-size:20px}
  .s-kol .a-fig figcaption{padding-left:16px}
  .s-kol-q{max-width:760px;margin-left:auto;margin-right:auto}
  .s-tylko-k{display:block}
  .s-qdesk{display:flex;align-items:center;gap:8px;flex:0 1 340px;margin-left:auto;margin-right:12px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--mute);font-size:14px;cursor:text;background:var(--surface)}
  .s-qmob{display:none}
  .s-art{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,740px) 320px;gap:56px;justify-content:center}
  .s-art .s-kol{margin:0;max-width:none}
  .s-rail{margin-top:56px;position:sticky;top:90px;align-self:start}
  .s-rail .s-sec{padding:0}
  .q-bar{padding:16px 28px;position:static;border-bottom:0}
  .q-cancel{display:none}
  .s-foot{margin-top:48px}
  .s-foot-in{max-width:1180px;margin:0 auto;padding:0 28px}
  .s-foot ul{grid-template-columns:repeat(4,1fr);max-width:760px}
}

/* ── Feed wfartuchu.pl (kierunek B) ─────────────────────────────────────────── */
.fd{--card:#fff;--feedbg:#F3F5F9;background:var(--feedbg);min-height:100%;font-family:var(--body);color:var(--ink)}
.fd a{color:inherit;text-decoration:none}
.fd button{font:inherit;color:inherit}
.fd-top{position:sticky;top:0;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.fd-top-row{display:flex;align-items:center;gap:6px;padding:10px 12px 8px 16px}
.fd-top .s-brand{font-size:22px;margin-right:auto}
.fd-ib{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;cursor:pointer;position:relative}
.fd-ib .dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--mark);box-shadow:0 0 0 2px #fff}
.fd-tabs{display:flex;padding:0 8px}
.fd-tabs button{flex:1;border:0;background:none;padding:10px 4px 11px;font-size:14.5px;font-weight:600;color:var(--mute);border-bottom:3px solid transparent;cursor:pointer}
.fd-tabs button.on{color:var(--ink);border-color:var(--ink)}

/* relacje */
.fd-st{display:flex;gap:14px;overflow-x:auto;padding:14px 16px 12px;scrollbar-width:none;background:#fff;border-bottom:1px solid var(--line)}
.fd-st::-webkit-scrollbar{display:none}
.fd-st button{flex:0 0 auto;width:70px;border:0;background:none;padding:0;cursor:pointer;text-align:center}
.fd-ring{width:66px;height:66px;border-radius:50%;padding:3px;border:2.5px solid var(--accent);margin:0 auto 5px;display:block}
.fd-st button.seen .fd-ring{border-color:#C9D0DC}
.fd-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.fd-st small{display:block;font-size:11.5px;line-height:1.25;color:var(--ink);font-weight:500}
.fd-st .ile{display:block;font-size:10.5px;color:var(--mute);font-weight:400}

/* dzień */
.fd-day{display:flex;justify-content:center;padding:10px 0 4px;pointer-events:none}
.fd-day span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;color:var(--mute)}

/* post */
.fd-list{padding:0 0 90px}
.p{background:var(--card);margin:8px 0 0;padding:14px 16px 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.p-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.p-av{width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--ink);display:grid;place-items:center;flex:0 0 auto}
.p-av.pilne{background:var(--ink);color:#fff}
.p-who{flex:1;min-width:0;font-size:13.5px;line-height:1.3}
.p-who b{font-weight:700;display:block}
.p-who span{color:var(--mute)}
.p-pil{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:700;color:#fff;background:#0D1B33;border-radius:4px;padding:1px 6px;vertical-align:1px}
.p-t{display:block;font-family:var(--head);font-weight:750;font-size:19px;line-height:1.24;letter-spacing:-.018em;margin:0 0 8px}
.p-s p{margin:0 0 7px;font-size:15px;line-height:1.55;color:#283246}
.p-img{display:block;margin:10px 0 8px;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--soft)}
.p-img img{width:100%;height:100%;object-fit:cover}
.p-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.p-tags a{font-size:13px;font-weight:600;color:var(--accent);background:#EEF1FC;border-radius:999px;padding:4px 10px}
.p-tags a i{font-style:normal;opacity:.55;margin-right:1px}
.p-act{display:flex;align-items:center;gap:2px;margin:4px -8px 0}
.p-act button{display:flex;align-items:center;gap:6px;border:0;background:none;padding:9px 8px;border-radius:8px;font-size:13.5px;color:var(--mute);cursor:pointer}
.p-act button:hover{background:var(--soft)}
.p-act button.on{color:var(--accent)}
.p-act .read{margin-left:auto;color:var(--ink);font-weight:600}

/* szkielet ładowania */
.p.sk .bar{height:12px;border-radius:6px;background:linear-gradient(90deg,#EEF1F6,#F7F8FB,#EEF1F6);background-size:200% 100%;animation:sk 1.1s infinite linear;margin:8px 0}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.p.sk .bar{animation:none}}
.fd-end{text-align:center;color:var(--mute);font-size:13.5px;padding:22px 16px}

/* dolny pasek */
.fd-bot{position:sticky;bottom:0;z-index:9;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);padding:6px 4px 16px}
.fd-bot button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--mute);padding:4px 0;cursor:pointer}
.fd-bot button.on{color:var(--ink)}
.fd-bot button.on svg{stroke-width:2.3}

/* nagłówek tagu */
.fd-tagh{background:#fff;padding:16px 16px 14px;border-bottom:1px solid var(--line)}
.fd-tagh h1{font-family:var(--head);font-weight:800;font-size:27px;letter-spacing:-.02em;margin:0 0 4px}
.fd-tagh h1 i{font-style:normal;color:var(--accent)}
.fd-tagh p{margin:0 0 12px;color:var(--mute);font-size:14px}
.fd-follow{border:0;border-radius:999px;background:var(--ink);color:#fff!important;font-weight:700;padding:9px 18px;cursor:pointer;font-size:14px}
.fd-follow.on{background:var(--soft);color:var(--ink)!important}
.fd-rel{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.fd-rel a{font-size:13px;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px 10px}

/* tematy */
.fd-tem{padding:12px 16px 90px}
.fd-tem h2{font-family:var(--head);font-size:22px;letter-spacing:-.02em;margin:8px 0 4px}
.fd-tem p{color:var(--mute);font-size:14px;margin:0 0 12px}
.fd-tem ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:12px}
.fd-tem li{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line)}
.fd-tem li:first-child{border-top:0}
.fd-tem li a{flex:1;font-weight:600}
.fd-tem li small{color:var(--mute);font-size:12.5px;display:block;font-weight:400}
.fd-tem li button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.fd-tem li button.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* relacja na pełnym ekranie */
.sv{position:absolute;inset:0;background:#0B1324;color:#fff;display:flex;flex-direction:column;z-index:20}
.sv-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42}
.sv-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,19,36,.55) 0%,rgba(11,19,36,.15) 35%,rgba(11,19,36,.92) 75%)}
.sv-bars{position:relative;display:flex;gap:4px;padding:12px 12px 0}
.sv-bars span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.sv-bars span i{display:block;height:100%;width:0;background:#fff}
.sv-bars span.done i{width:100%}
.sv-bars span.now i{animation:svp 6s linear forwards}
@keyframes svp{to{width:100%}}
.sv-head{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px}
.sv-head b{font-size:14px}.sv-head span{font-size:12.5px;opacity:.75}
.sv-head button{margin-left:auto;border:0;background:none;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.sv-body{position:relative;margin-top:auto;padding:0 20px 26px}
.sv-body .k{font-size:13px;font-weight:600;color:#8FE3B5}
.sv-body h2{font-family:var(--head);font-size:27px;line-height:1.15;letter-spacing:-.02em;margin:6px 0 12px}
.sv-body p{font-size:16px;line-height:1.5;margin:0 0 18px;opacity:.92}
.sv-body a{display:block;text-align:center;background:#fff;color:#0D1B33;border-radius:999px;padding:13px;font-weight:700}
.sv-tap{position:absolute;top:80px;bottom:160px;width:40%;z-index:2;border:0;background:transparent;cursor:pointer}
.sv-tap.l{left:0}.sv-tap.r{right:0}

/* ── komputer: trzy kolumny ─────────────────────────────────────────────────── */
.fd-side,.fd-rail{display:none}
@container (min-width:900px){
  .fd-bot{display:none}
  .fd-top-row{max-width:1240px;margin:0 auto;padding:12px 24px}
  .fd-top .s-brand{font-size:28px}
  .fd-top .fd-search{display:flex}
  .fd-grid{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:230px minmax(0,640px) 300px;gap:28px;justify-content:center}
  .fd-side{display:block;position:sticky;top:76px;align-self:start;padding-top:18px}
  .fd-side a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:15px}
  .fd-side a.on{background:#fff}
  .fd-side h4{font-size:12.5px;color:var(--mute);margin:18px 12px 6px;font-weight:600}
  .fd-side .kat a{font-weight:500;font-size:14px;padding:7px 12px}
  .fd-main{padding-top:14px}
  .fd-main .fd-st,.fd-main .p,.fd-main .fd-tagh{border:0;border-radius:16px}
  .fd-main .fd-st{margin-bottom:10px}
  .fd-main .fd-tabs-wrap{background:#fff;border-radius:16px;position:sticky;top:69px;z-index:6}
  .fd-main .p{margin:10px 0 0;padding:16px 20px 8px}
  .p-t{font-size:21px}
  .fd-rail{display:block;position:sticky;top:76px;align-self:start;padding-top:14px}
  .fd-box{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:12px;font-size:14px}
  .fd-box h4{margin:0 0 10px;font-family:var(--head);font-size:16.5px;letter-spacing:-.01em}
  .fd-box ol{margin:0;padding:0;list-style:none;counter-reset:n}
  .fd-box ol li{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
  .fd-box ol li:first-child{border-top:0}
  .fd-box ol li b{color:var(--accent);min-width:1.2em}
  .fd-box .p-tags{margin:0}
  .fd-box small{color:var(--mute)}
  .fd-legal{font-size:12.5px;color:var(--mute);padding:4px 4px 30px;line-height:1.7}
  .fd-legal a{margin-right:10px;white-space:nowrap}
  .fd-tem{padding:14px 0 40px}
}
.fd-search{display:none;align-items:center;gap:8px;width:300px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--mute);font-size:14px;cursor:text;margin-right:8px;background:#fff}

/* podbijanie */
.p-act .boost{font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 9px;margin-right:4px}
.p-act .boost.on{background:#0D1B33;color:#fff;border-color:#0D1B33}
.p-act .boost b{font-variant-numeric:tabular-nums}
/* mem */
.mem-av{background:#0D1B33;color:#fff}
.mem-img{position:relative;border-radius:12px;overflow:hidden;background:#0B1324;margin:2px 0 8px}
.mem-img img{width:100%;aspect-ratio:1/1;object-fit:cover;opacity:.92}
.mem-t,.mem-d{position:absolute;left:10px;right:10px;text-align:center;font-family:"Anton",Impact,sans-serif;font-size:27px;line-height:1.08;color:#fff;text-transform:uppercase;-webkit-text-stroke:1.4px #000;paint-order:stroke fill;text-shadow:0 2px 0 #000}
.mem-t{top:12px}.mem-d{bottom:14px}
.mem-pod{margin:0 0 4px;font-size:15px;color:#283246}
/* dodawanie */
.fd-bot{grid-template-columns:repeat(5,1fr)}
.fd-add span{width:46px;height:34px;border-radius:12px;background:#0D1B33;color:#fff;display:grid;place-items:center;margin-top:-2px}
.fd-add{color:var(--ink)!important}
.fd-add-k{background:#0D1B33;color:#fff!important;margin-top:10px}
.fd-form{background:#fff;padding:18px 16px 100px;display:flex;flex-direction:column;gap:14px}
.fd-form h2{font-family:var(--head);font-size:24px;letter-spacing:-.02em;margin:0}
.fd-form label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:14px}
.fd-form label span{font-weight:400;color:var(--mute)}
.fd-form input[type=text]{font:inherit;font-weight:400;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}
.fd-typ{display:flex;gap:6px;flex-wrap:wrap}
.fd-typ label{flex-direction:row;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-weight:600}
.fd-drop{align-items:center;justify-content:center;text-align:center;border:1.5px dashed #B8C2D6;border-radius:14px;padding:26px 12px;cursor:pointer;color:var(--ink)}
.fd-drop span{font-size:13px}
.fd-note{font-size:13px;color:var(--mute);margin:0}
@container (min-width:900px){.fd-form{border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-top:0}}

/* reklama */
.miejsce{margin:8px 0 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 16px 14px}
.miejsce small{display:block;font-size:11.5px;color:var(--mute);margin-bottom:6px}
.miejsce-box{aspect-ratio:300/250;max-width:300px;margin:0 auto;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#56627A;font-size:13px;background:repeating-linear-gradient(135deg,#F1F4FA 0 12px,#E8ECF4 12px 24px)}
.miejsce-box b{font-size:18px;color:#0D1B33}
.miejsce-bok{display:none}
@container (min-width:900px){
  .miejsce-feed{display:none}
  .miejsce-bok{display:block;border:0;border-radius:16px;margin:0 0 12px;padding:10px 0 0}
  .miejsce-bok small{padding:0 12px}
  .miejsce-bok .miejsce-box{border-radius:0 0 13px 13px;max-width:none}
  .fd-tabs button{font-size:15px}
}

/* pasek akcji jak w serwisach z memami */
.p-act{flex-wrap:nowrap;gap:0}
.p-act .sp{flex:1}
.vote{display:inline-flex;align-items:center;gap:0;margin-right:4px}
.vote button{padding:8px 6px!important}
.vote b{min-width:2.2em;text-align:center;font-variant-numeric:tabular-nums;font-size:14.5px;color:var(--ink)}
.vote.up b,.vote.up [data-vote="1"]{color:var(--accent)}
.vote.down b,.vote.down [data-vote="-1"]{color:#B4232A}
.vote [aria-pressed=true] svg{stroke-width:2.8}
.p-act .share span{display:none}
@container (min-width:900px){.p-act .share span{display:inline}}

/* wybór typu wpisu jako przełącznik segmentowy zamiast kółek formularza */
.fd-typ{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--soft);border-radius:12px;padding:3px}
.fd-typ label{border:0!important;border-radius:9px!important;justify-content:center;padding:9px 4px!important;font-size:13.5px;cursor:pointer}
.fd-typ input{position:absolute;opacity:0;pointer-events:none}
.fd-typ label:has(input:checked){background:#fff;box-shadow:0 1px 3px rgba(13,27,51,.12)}
.fd-form label>span{display:inline}
@container (min-width:900px){.fd-form{border:0!important;border-radius:16px}}

.fd-list{padding-bottom:0}
.fd-more{padding:18px 16px 22px;text-align:center}
.fd-more button{width:100%;font-weight:700;font-size:15px;padding:13px;border-radius:12px;border:1px solid #CFD6E3;background:#fff;cursor:pointer}
.fd-more small{display:block;font-size:12.5px;color:var(--mute);margin-top:7px}
.fd-foot{background:#fff;padding:22px 16px 100px;border-top:1px solid var(--line);font-size:14px}
.fd-foot .s-brand{font-size:21px}
.fd-foot-o{color:var(--mute);margin:8px 0 12px}
.fd-foot-l{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.fd-foot-l a{padding:7px 0}
.fd-foot>small{color:var(--mute);display:block;margin-top:10px}
.fd-grp{background:#0D1B33;color:#fff;border-radius:16px;padding:18px 16px;margin:-6px 0 22px}
.fd-grp-h{display:flex;gap:12px;align-items:center}.fd-grp-h b{display:block;font-family:var(--head);font-size:18px}.fd-grp-h small{color:#9FB0CC;font-size:13px}
.fd-grp p{color:#E4EAF5;margin:12px 0}
.fd-grp-btn{display:block;text-align:center;background:#fff;color:#0D1B33!important;font-weight:700;border-radius:12px;padding:12px}
@container (min-width:900px){.fd-foot{display:none}}

/* ── Odróżnienie od konkurencji (08.10.2026): białe tło, bez kart, „w/…” zamiast kółek ── */
.fd{--feedbg:#fff;background:#fff}
.p{margin:0;border-top:0;border-bottom:1px solid var(--line);padding:14px 16px 6px}
.p-h{gap:8px;margin-bottom:6px}
.p-who{flex:0 1 auto;font-size:13.5px;color:var(--mute)}
.wk{font-weight:700;color:var(--ink)}
.wk i{font-style:normal;color:var(--mark);font-weight:800;margin-right:1px}
.p-pil{margin-left:auto}
.mem-img{border-radius:10px}
.p-img{border-radius:10px}
.fd-spol{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 16px;border-bottom:1px solid var(--line)}
.fd-spol::-webkit-scrollbar{display:none}
.fd-spol a{flex:0 0 auto;font-size:14px;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.fd-tabs{padding:0 16px;gap:22px;border-bottom:1px solid var(--line)}
.fd-tabs button{flex:0 0 auto;padding:12px 0 11px;font-size:16px;font-weight:700;border-bottom:0;color:#9AA4B6}
.fd-tabs button.on{color:var(--ink)}
.fd-day{justify-content:flex-start;padding:16px 16px 6px;border-bottom:1px solid var(--line)}
.fd-day span{background:none;border:0;padding:0;font-size:13px;color:var(--ink);font-weight:700}
.miejsce{border-top:0}
@container (min-width:900px){
  .fd-grid{grid-template-columns:220px minmax(0,620px) 300px;gap:0}
  .fd-main{padding-top:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}
  .fd-main .fd-st,.fd-main .p,.fd-main .fd-tagh{border:0;border-bottom:1px solid var(--line);border-radius:0}
  .fd-main .p{margin:0;padding:16px 22px 8px}
  .fd-main .fd-tabs-wrap{border-radius:0;border-bottom:0;top:65px;background:rgba(255,255,255,.97)}
  .fd-side{padding-right:20px}
  .fd-side a.on{background:var(--soft)}
  .fd-rail{padding-left:24px}
  .fd-box{background:none;border-radius:0;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
  .miejsce-bok{border-radius:0;margin:14px 0}
  .miejsce-bok small{padding:0}
  .miejsce-bok .miejsce-box{border-radius:8px}
  .fd-spol{padding:14px 22px}
}

.fd-inl{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fd-fb{font-weight:700;color:var(--accent)!important;grid-column:1/-1}

/* ── tylko motyw (elementy, których makieta nie miała w tej postaci) ── */
.fd-tabs a{flex:0 0 auto;padding:12px 0 11px;font-size:16px;font-weight:700;color:#9AA4B6}
.fd-tabs a.on{color:var(--ink)}
.fd-bot a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--mute);padding:4px 0}
.fd-bot a.on{color:var(--ink)}
.fd-bot a.fd-add{color:var(--ink)}
.fd-bot{position:fixed;left:0;right:0}
.fd-ib{color:inherit}
.p-t-h{margin:0;font:inherit}
.p-act a{display:flex;align-items:center;padding:9px 8px;border-radius:8px;color:var(--mute)}
.p-act a:hover{background:var(--soft)}
.fd-more{padding:18px 16px 22px;text-align:center}
.fd-more-a{display:block;font-weight:700;font-size:15px;padding:13px;border-radius:12px;border:1px solid #CFD6E3;background:#fff}
.fd-end{padding:22px 16px;color:var(--mute);text-align:center}
.wf-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#0D1B33;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:99;max-width:90vw;text-align:center}
.wf-toast.on{opacity:1;transform:translate(-50%,0)}
.wf-wpis{padding-bottom:6px;border-bottom:1px solid var(--line)}
.wf-wpis .p-act{padding:4px 16px 8px}
.wf-wpis .p-tags{padding:0 16px}
.wf-wpis .s-meta{padding:0 16px}
.wf-wiecej-h{font-family:var(--head);font-size:19px;letter-spacing:-.01em;margin:22px 16px 6px}
.mem-duzy{margin:0 16px 12px}
.mem-duzy img{aspect-ratio:auto}
.q-h{font-size:13px;color:var(--mute);font-weight:600;margin:0 0 8px}
.q-list h3{margin:0 0 4px;font-family:var(--head);font-weight:700;font-size:16.5px;line-height:1.27;letter-spacing:var(--h-track)}
.fd-form h1{font-family:var(--head);font-size:24px;letter-spacing:-.02em;margin:0}
.fd-form input[type=url],.fd-form input[type=email]{font:inherit;font-weight:400;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}
.fd-note.ok{color:#0b7a3e;font-weight:600}
.fd-tagh h1 i{font-style:normal;color:var(--mark)}
.fd-foot{padding-bottom:110px}
.s-brand{display:flex;align-items:center;gap:8px;font-size:22px;line-height:1;color:var(--ink)}
.fd-top-row>a:first-child{margin-right:auto}
.fd-side .kat a.wk{gap:0;display:block}
.fd-legal a{display:inline-block}
@container (min-width:900px){
  .fd-ib-szukaj{display:none}
  .fd-bot{display:none}
  .fd-foot{display:none}
  .wf-toast{bottom:30px}
}
.fd-form [hidden]{display:none!important}

/* Turnstile: okno przy pierwszym głosie i miejsce w formularzu Wrzuć. */
.wf-czl{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(13,27,51,.45);padding:16px}
.wf-czl-in{font-family:"Public Sans",system-ui,sans-serif;background:#fff;border-radius:14px;padding:18px 18px 14px;max-width:340px;width:100%;box-shadow:0 12px 40px rgba(13,27,51,.25)}
.wf-czl-in b{display:block;font:700 18px "Schibsted Grotesk",sans-serif;color:var(--ink,#0D1B33)}
.wf-czl-in p{margin:6px 0 12px;font-size:14px;color:#56627A}
.wf-czl-w{min-height:65px}
.wf-czl-x{margin-top:10px;background:none;border:0;color:#2341C8;font:600 14px "Public Sans",sans-serif;cursor:pointer;padding:4px 0}
.wf-ts{min-height:65px;margin:4px 0 10px}

/* Konto: ikonka w nagłówku i strona /zaloguj/. */
.fd-ib-konto{flex:0 0 auto}
.fd-inicjal{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent,#2341C8);color:#fff;font:700 14px "Public Sans",sans-serif}
.wf-logowanie .wf-google{margin:16px 0}

/* Prawa kolumna: ramka społeczności W fartuchu (09.10.2026). Tło jaśniejsze o kilka procent zamiast obwódki. */
.wf-spol{background:#EEF8F2;border-radius:14px;padding:16px 16px 14px;margin:14px 0 4px}
.wf-spol h4{margin:0;font:700 17px/1.3 "Schibsted Grotesk",sans-serif;letter-spacing:-.01em;color:var(--ink,#0D1B33)}
.wf-spol-n{margin:10px 0 12px;font-size:15px;color:#3a4458}
.wf-spol-n b{display:block;font:800 34px/1.05 "Schibsted Grotesk",sans-serif;letter-spacing:-.03em;color:#0b7a43}
.wf-spol-fb{display:block;text-align:center;background:#13A15A;color:#fff!important;font-weight:700;font-size:15px;border-radius:999px;padding:10px 14px;text-decoration:none}
.wf-spol-fb:hover{background:#0f8a4c}
.wf-spol small{display:block;margin-top:10px;font-size:13px;color:#56627A;line-height:1.45}
.wf-spol small a{color:inherit;text-decoration:underline}

/* Linki w treści (artykuły i strony redakcji): `.fd a{color:inherit}` ma tę samą wagę i stoi później, więc treść dostaje wyższą. */
.fd .a-body a,.fd .a-src a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}
.fd .a-body a:hover,.fd .a-src a:hover{text-decoration-thickness:2px}
.fd .a-body a[href^="mailto:"]{white-space:nowrap}
.wf-strona-meta{padding:0 16px}

/* Menu udostępniania (wzór opieka.farm). */
.sh{position:relative}
.sh-pop{position:absolute;right:0;bottom:calc(100% + 6px);z-index:30;min-width:210px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 10px 32px rgba(13,27,51,.18),0 0 0 1px rgba(13,27,51,.06)}
.sh-pop[hidden]{display:none}
.fd .sh-i{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;border-radius:8px;font:500 14.5px "Public Sans",sans-serif;color:var(--ink);text-align:left;cursor:pointer;text-decoration:none}
.fd .sh-i:hover{background:var(--soft)}
.sh-i svg{width:20px;height:20px;flex:0 0 20px}
.tel-only{display:none!important}
@media (hover:none) and (pointer:coarse){.tel-only{display:flex!important}}

/* /zaloguj/: rejestracja imię + e-mail pod przyciskiem Google. */
.wf-albo{display:flex;align-items:center;gap:12px;margin:18px 0 6px;color:#56627A;font-size:13px}
.wf-albo::before,.wf-albo::after{content:"";flex:1;height:1px;background:var(--line,#E0E5EE)}
.wf-rej label span{font-weight:400;color:#56627A}
.fd-form .wf-rej-zgoda{display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.45}
.wf-rej-zgoda input{width:18px;height:18px;margin:2px 0 0;flex:0 0 18px}
.wf-rej .cf-turnstile{min-height:65px;margin:4px 0 10px}
.wf-rej-blad{background:#FDEEEE;color:#8a1c22;border-radius:10px;padding:10px 12px;font-size:14px}
#wf-rej-wynik.ok{color:#0b6b37;font-weight:600}
.wf-et{font-weight:inherit}.wf-et span{display:inline}
.fd-form .wf-rej-zgoda .wf-et{font-weight:400}
.wf-rej-zgoda a{color:var(--accent)!important;text-decoration:underline!important;text-underline-offset:3px}

/* Miejsce na pasek przewijania zawsze zarezerwowane: krótka strona (np. /szukaj/) nie przesuwa układu względem długiej. */
html{scrollbar-gutter:stable}

/* Komputer: symetria (decyzja użytkownika 09.10.2026) – boczne kolumny po 300 px treści (baner 300×250 w lewej),
   środek z artykułami jak dotąd 620 px. Na węższych ekranach boczne się ścieśniają, środek nie schodzi poniżej 480 px. */
@container (min-width:900px){
  .fd-top-row{max-width:1316px}
  .fd-grid{max-width:1316px;grid-template-columns:minmax(0,1fr) minmax(480px,620px) minmax(0,1fr)}
  .fd-side{padding-right:24px}
  .fd-rail{padding-left:24px}
  .fd-side .miejsce{margin:18px 0 8px}
  /* Z banerem lewa kolumna jest wyższa niż ekran: przyklejona nie pokazałaby dołu banera, więc przewija się ze stroną. */
  .fd-side{position:static}
}
@container (min-width:900px) and (max-width:1239px){
  .fd-grid{grid-template-columns:220px minmax(0,620px) 270px}
}

/* Podpis „Reklama” z AdsManager3PG w stylu serwisu (mały, szary). */
.miejsce .p3g-m-etykieta{display:block;font:500 11.5px/1.4 var(--body,"Public Sans",sans-serif);color:var(--mute,#56627A);margin:0 0 6px;letter-spacing:.02em}

/* ── Poprawki po audycie mobilnym 09.10.2026 (skill mobile-audit, raport show-me-mobile-audit-wfartuchu.html) ── */
/* Pasek akcji artykułu: ujemny margines z karty feedu (feed.css) wypychał go 8 px za ekran, telefon oddalał cały artykuł (398 px przy 390). */
.wf-wpis .p-act{margin:4px 0 0}
/* Źródło jako przycisk: link 79×16 px na końcu tekstu był za mały, a wyjście na opieka.farm to cel wariantu B. */
.fd .a-src a.a-src-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;margin-top:10px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:15px}
.fd .a-src a.a-src-btn:hover{background:#1c2c4a;text-decoration:none}
/* /zaloguj/: formularz był blokiem w .fd-form, więc pola stykały się z etykietą następnego pola (0 px). */
.wf-rej{display:flex;flex-direction:column;gap:14px}
.wf-rej .cf-turnstile{margin:0}
.wf-rej .fd-follow,#wf-wrzuc .fd-follow{width:100%;min-height:48px;font-size:16px}
/* Zgoda: cała etykieta to cel ≥ 44 px, bez linku w środku (na iPhonie środek etykiety trafiał w link). */
.fd-form .wf-rej-zgoda{min-height:44px;align-items:center}
.wf-rej-zgoda input{width:22px;height:22px;margin:0;flex:0 0 22px}
/* Błędy przy polach i komunikat serwera nad przyciskiem (role=alert), tekst pomocy pod przyciskiem zostaje. */
.fd-form .wf-pole-blad{display:block;margin:2px 0 0;color:#B4232A;font-size:14px;font-weight:600}  /* .wf-rej label span ustawiało szary */
.fd-form [aria-invalid=true]{border-color:#B4232A!important;box-shadow:0 0 0 1px #B4232A}
.fd-drop[aria-invalid=true]{border-color:#B4232A}
.wf-alert{margin:0;background:#FDEEEE;color:#8a1c22;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600}
.wf-alert[hidden]{display:none}
/* Przycisk „na górę” na długich artykułach i stronach redakcji (wzór .wf-do-gory z motywu WF, bez bibliotek). */
.wf-do-gory{position:fixed;right:16px;bottom:16px;z-index:55;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:0;border-radius:999px;background:var(--ink,#0D1B33);color:#fff;font:600 14px var(--body,"Public Sans",sans-serif);box-shadow:0 6px 20px rgba(13,27,51,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.wf-do-gory.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media print{.wf-do-gory{display:none}}
/* Tło pod arkuszem udostępniania (telefon). */
.sh-tlo{position:fixed;inset:0;z-index:69;background:rgba(13,27,51,.45)}
.sh-tlo[hidden]{display:none}
@container (max-width:899px){
  /* Cele dotykowe ≥ 44 px pod każdym wpisem: ↑ ↓ (34×38), zapisz, WhatsApp, Messenger, Udostępnij (38×40), tagi (28), link działu (16). */
  .p-act button,.p-act a,.vote button{min-width:44px;min-height:44px;justify-content:center}
  .p-tags a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px}
  .p-who a.wk,.a-crumb a.wk{display:inline-block;padding:14px 0;margin:-14px 0}
  /* Zajawki 16 px (były 15). */
  .p-s p{font-size:16px}
  /* Nagłówek, działy, podpowiedzi szukania, segment typu wpisu. */
  .fd-ib{width:44px;height:44px}
  .fd-spol a{display:flex;align-items:center;min-height:44px;padding:0 14px}
  .q-chip{min-height:44px}
  .fd-typ label{min-height:44px}
  /* Niższy dolny pasek: margines tylko tam, gdzie telefon ma pasek gestów. */
  .fd-bot{padding-bottom:max(6px,env(safe-area-inset-bottom))}
  /* Mniejsze pole obrazka na /wrzuc/: przycisk wysyłki bliżej pierwszego ekranu. */
  .fd-drop{padding:14px 12px}
  /* Udostępnij na telefonie: arkusz od dołu, pozycje 48 px, tło przyciemnione (desktop bez zmian). */
  .sh-pop{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;min-width:0;border-radius:16px 16px 0 0;padding:8px 8px max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 32px rgba(13,27,51,.18)}
  .fd .sh-i{min-height:48px;font-size:16px;padding:0 12px;justify-content:flex-start}
}

/* Pisanie na telefonie (audyt mobilny 09.10.2026, „Wejdź” pod klawiaturą): przy fokusie pola formularza wf.js dokłada body.wf-pisze,
   nagłówek przestaje być przyklejony, a dolny pasek znika (na Androidzie stawał nad klawiaturą), więc pole i przycisk mieszczą się razem. */
body.wf-pisze .fd-top{position:static}
body.wf-pisze .fd-bot{display:none}
@container (max-width:899px){
  .wf-rej{gap:10px}
  #wf-wrzuc{gap:10px}
}

/* Link „Ustawienia cookies” w stopce wygląda jak pozostałe linki. */
.wf-ccb-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.wf-ccb-link:hover{text-decoration:underline}

/* Obserwowanie działów i powiadomienia push (09.10.2026): przyciski w nagłówku działu i lista działów na /obserwowane/. */
.fd-follow-row{display:flex;flex-wrap:wrap;gap:8px}
.fd-push{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:700;padding:8px 16px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.fd-push::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") center/contain no-repeat}
.fd-push.on{background:var(--soft);border-color:var(--soft)}
.fd-push[hidden]{display:none}
.fd-push-info{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--ink);background:var(--soft);border-radius:8px;padding:10px 12px}
.fd-push-info[hidden]{display:none}
.fd-push-stan p{margin:0 0 8px;font-size:14px;color:var(--mute)}
.fd-push-off{border:0;background:none;padding:0 0 10px;font:inherit;font-size:14px;color:var(--accent);text-decoration:underline;cursor:pointer}
.fd-dzialy{list-style:none;margin:0;padding:0}
.fd-dzialy li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.fd-dzialy li>span{display:flex;flex-wrap:wrap;gap:6px}
.fd-dzialy .wk{font-weight:700}
.fd-dzialy .wk i{font-style:normal;color:var(--accent)}
.fd-dzialy .fd-follow,.fd-dzialy .fd-push{padding:7px 14px;font-size:13.5px}
@container (max-width:899px){
  .fd-follow,.fd-push{min-height:44px}
  .fd-dzialy .wk{display:inline-flex;align-items:center;min-height:44px}
}

/* Baner w prawej kolumnie pod ramką społeczności. */
@container (min-width:900px){.fd-rail .miejsce{margin:16px 0 4px;padding:0;border:0;background:none}}

/* Podpis REKLAMA: wersaliki, delikatnie szary (decyzja użytkownika 09.10.2026). */
.miejsce .p3g-m-etykieta,.miejsce small{text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2;font-size:11px;font-weight:600}
/* Delikatna szara ramka wokół banera. */
.miejsce p3g-baner{display:block;border:1px solid #e3e7ee;border-radius:6px;overflow:hidden;line-height:0}