/* podstrony – uzupełnienie site.css (generowane przez build_podstrony.py); świat „E-papier” */
.hero.hero-sub{padding-block:22px 8px}
.hero.hero-sub .wrap{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 40px);max-width:1280px;background:var(--panel);border:var(--b) solid var(--frame);padding:22px 32px 30px}
:where(.hero.hero-sub .wrap>*){order:4}.hero.hero-sub .crumb{order:0;align-self:stretch}.hero.hero-sub h1{order:1;max-width:1000px}.hero.hero-sub .eyebrow{order:2;margin-top:16px}.hero.hero-sub .lead{order:3;max-width:820px}
.hero.hero-sub .wrap>.btn,.hero.hero-sub .wrap>.cta{margin-top:24px}
.crumb{font:500 11.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--mute);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line)}.crumb a{color:var(--mute);text-decoration:none}.crumb a:hover{color:var(--acc-text)}
.article-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tag{display:inline-block;padding:6px 9px;border:1px solid var(--frame);color:var(--ink);font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.03em}
.article-body>*{max-width:860px}.article-body h2{margin-top:48px;margin-bottom:14px}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{font-size:18px;color:var(--ink2)}.article-body p{margin-top:12px}.article-body ul,.article-body ol{padding-left:24px;margin-top:12px}.article-body li::marker{color:var(--ink)}
.seo-note{border:var(--b) solid var(--frame);padding:22px 22px 18px;background:var(--panel);margin:28px 0}
.seo-kicker{margin-bottom:0}
main section>.wrap>h2{margin-bottom:24px}main section>.wrap>p{color:var(--ink2);font-size:18px;max-width:860px;margin-top:12px}main section>.wrap>h2+p{margin-top:-10px}
a.card{display:block;text-decoration:none;color:var(--ink);transition:background-color .12s steps(2),color .12s steps(2)}a.card:hover{background:var(--ink);color:var(--panel)}a.card:hover p{color:inherit}a.card:hover strong{color:inherit}
.card strong{display:inline-block;margin-top:14px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.card .btn{margin-top:14px}
.related{background:var(--panel2);border-block:var(--b) solid var(--frame)}
.dark{background:var(--navy2);color:#E9E9E2;--panel:#161615;--ink:#E9E9E2;--ink2:#C4C4BC;--mute:#9A9A93;--line:#3D3D3A;--frame:#E9E9E2}.dark h2{color:#E9E9E2}.dark p,.dark li{color:#C4C4BC}.dark .wrap>p{color:#C4C4BC}
.cta-box{background:var(--acc);color:var(--acc-ink);padding:34px 32px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-box h2{margin:0;color:var(--acc-ink)}.cta-box p{color:var(--acc-ink);margin-top:10px;opacity:.92}
.cta-box .btn,.cta-box .btn-acc{background:var(--ink);border-color:var(--ink);color:var(--panel);flex:0 0 auto}.cta-box .btn:hover{background:var(--panel);border-color:var(--panel);color:var(--ink)}
.faq details{margin-top:0}
.policy{max-width:900px}.policy h1{font-size:clamp(36px,5vw,58px);margin:6px 0 12px}.policy h2{font-size:30px;margin:34px 0 10px}.policy p,.policy li{color:var(--ink2);margin-top:8px}.policy table{border-collapse:collapse;width:100%;min-width:0;font-size:15px;margin:8px 0 16px;border:var(--b) solid var(--frame)}.policy th,.policy td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}.policy .meta{color:var(--mute);font:500 12px/1.5 var(--mono);margin-top:30px;border-top:1px solid var(--line);padding-top:12px}
@media (max-width:820px){.hero.hero-sub .wrap{padding:18px 18px 24px}.cta-box{display:block;padding:26px 20px}.cta-box .btn{margin-top:16px}.article-body p,.article-body li{font-size:17px}}
main section>.wrap>h2+.eyebrow{align-self:stretch;border-top:var(--b) solid var(--frame);border-bottom:1px solid var(--line);padding:9px 0;margin:-8px 0 28px;text-transform:uppercase;letter-spacing:.03em;font-size:12px}
main section>.wrap>h2+.eyebrow::before{flex-basis:64px;height:12px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 4px,currentColor 4px 5px,transparent 5px 8px,currentColor 8px 10px,transparent 10px 11px)}
.panel-mock{background:var(--panel)!important;border:var(--b) solid var(--frame)!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;margin-top:0!important}
.panel-mock .mono{font-size:12.5px}
.chip{display:inline-block;justify-self:start;align-self:center;padding:3px 7px;font:600 11.5px/1.2 var(--mono);background:var(--ink);color:var(--panel)}
.chip-acc{background:var(--acc);color:var(--acc-ink)}
.cb{display:inline-block;width:14px;height:14px;border:var(--b) solid var(--frame);align-self:center}.cb.on{background:var(--ink);box-shadow:inset 0 0 0 2px var(--panel)}
/* hero podstrony z makietą: liczby jako czerwona etykieta obok makiety */
.hero.hero-sub .wrap:has(>.panel-mock){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:var(--gap);align-items:start}
.hero.hero-sub .wrap:has(>.panel-mock)>*{grid-column:1/-1}
.hero.hero-sub .wrap:has(>.panel-mock)>.crumb{grid-row:1}.hero.hero-sub .wrap:has(>.panel-mock)>h1{grid-row:2}.hero.hero-sub .wrap:has(>.panel-mock)>.eyebrow{grid-row:3}.hero.hero-sub .wrap:has(>.panel-mock)>.lead{grid-row:4}.hero.hero-sub .wrap:has(>.panel-mock)>.cta-row{grid-row:5;margin-bottom:30px}
.hero.hero-sub .wrap:has(>.panel-mock)>.panel-mock{grid-column:1;grid-row:6}
.hero.hero-sub .wrap:has(>.panel-mock)>.facts{grid-column:2;grid-row:6;align-self:stretch;margin:0;background:var(--acc);color:var(--acc-ink);border:0;grid-template-columns:1fr 1fr}
.hero-sub .facts>div{border-left:1px solid color-mix(in srgb,var(--acc-ink) 35%,var(--acc));padding:14px 16px}
.hero-sub .facts>div:nth-child(odd){border-left:0}.hero-sub .facts>div:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--acc-ink) 35%,var(--acc))}
.hero-sub .facts b{color:var(--acc-ink);font-size:46px}
@media (max-width:900px){.hero.hero-sub .wrap:has(>.panel-mock){display:flex}.hero.hero-sub .wrap:has(>.panel-mock)>.facts{order:5;align-self:stretch;margin-bottom:var(--gap)}.hero.hero-sub .wrap:has(>.panel-mock)>.panel-mock{order:6;overflow-x:auto;align-self:stretch;min-width:0;max-width:100%!important}.panel-mock>div{min-width:640px}}