/* Poradnik: artykuły, aktualności i indeks. Wygląd jak strona główna (wersja-5/index.html), generuje narzedzia/buduj.py. */
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f7f6fb;--bg-alt:#fff;--ink:#201b36;--muted:#645d75;--brand:#1F1B3E;--brand-2:#EA561F;--line:#e8e4ee;--card:#fff;--shadow:0 16px 42px rgba(31,27,62,.075);--radius:20px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Poppins",Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.wrap{width:min(1160px,calc(100% - 32px));margin:0 auto}
.skip{position:absolute;left:-9999px} .skip:focus{left:13px;top:13px;z-index:89;padding:13px;min-height:44px;background:#fff;border-radius:10px}
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid #eee9f0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}
.brand{display:flex;flex-direction:column;gap:2px} .brand strong{font-size:18px;color:var(--brand);letter-spacing:-.02em} .brand small{font-size:12px;color:#6d647e}
.nav{display:flex;gap:16px;align-items:center} .nav a{font-weight:600;color:#3d3655;font-size:13.5px;padding:4px 0} .nav a:hover,.nav a:focus-visible,.nav a[aria-current]{color:#C94616}
.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:700;min-height:44px;font-family:inherit}
.eyebrow{display:inline-block;background:#fff1e8;color:#a63f17;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;border:1px solid transparent;font-weight:800;transition:.18s ease;max-width:100%;text-align:center;white-space:normal}
.button.primary{background:#C2410C;color:#fff;box-shadow:0 10px 22px rgba(180,58,17,.18)} .button.primary:hover{background:#A8380B}
.button.outline{color:var(--brand);border-color:#c9bfd4;background:transparent} .button.outline:hover{border-color:var(--brand);background:#f6f3fa}
.section{padding:76px 0} .section.alt{background:#faf9fc}
.section h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.03em;margin:14px 0 16px}
.intro{max-width:820px;color:#4a5168;font-size:18px}
.panel{background:#fff;border:1px solid #eee8f2;border-radius:20px;box-shadow:0 8px 28px rgba(33,26,67,.025);padding:24px}
.number{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#C64A1B}
.grid3{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)} .subtle{color:#616780;font-size:14px}
.cta-panel{background:linear-gradient(120deg,#1F1B3E,#3B275C);border-radius:24px;color:#fff;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:34px}
.cta-panel h2{color:#fff;margin:0 0 13px} .cta-panel p{color:#e2deee;max-width:630px;margin:0}
.button.inverse{background:#fff;color:#1F1B3E;white-space:nowrap;flex:none} .button.inverse:hover{background:#fff1e8}
.footer{padding:22px 0;background:#17132c;color:#dbd7e4} .footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center} .footer a{color:#fff}
.foot-links{display:flex;flex-wrap:wrap;column-gap:13px} .mobilebar{display:none}
.foot-links a,.crumbs a{display:inline-flex;align-items:center;min-height:44px}
:focus-visible{outline:3px solid #EA561F;outline-offset:3px}
h1{font-size:clamp(40px,6vw,66px);line-height:1.03;letter-spacing:-.04em;margin:18px 0}

/* artykuł */
.article{padding:34px 0 55px;background:#fff}
.article .wrap{max-width:780px}
.article h1{font-size:clamp(30px,4.4vw,44px);line-height:1.12;letter-spacing:-.03em;margin:8px 0 13px}
.article h2{font-size:clamp(23px,2.8vw,30px);line-height:1.2;letter-spacing:-.02em;margin:48px 0 13px}
.article h3{margin:32px 0 8px}
.article p,.article li{color:#3a3450}
.article ul,.article ol{padding-left:24px;margin:0 0 16px}
.article li{margin-bottom:8px}
.article p a,.article li a,.article td a{text-decoration:underline;color:#C64A1B}
.article table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15px}
.article th,.article td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}
.article th{background:#faf9fc;font-weight:600}
.article address{font-style:normal}
.tablewrap{overflow-x:auto}
.crumbs{font-size:14px;color:var(--muted)}
.crumbs a{color:#3d3655;font-weight:600}
.meta{font-size:14px;color:var(--muted);margin:0 0 8px}
.tldr{background:#fff7f2;padding:21px 24px;border-left:3px solid #EA561F;border-radius:0 13px 13px 0;margin:24px 0 32px}
.tldr p{color:#3a3450}
.tldr p:last-child{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;border:1px solid transparent;font-weight:800;max-width:100%;text-align:center;text-decoration:none!important}
.btn-main{background:#C2410C;color:#fff!important} .btn-main:hover{background:#A8380B}
.btn-line{border-color:#c9bfd4;color:var(--brand)!important} .btn-line:hover{border-color:var(--brand);background:#f6f3fa}
.btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:21px}
.cta-box{margin-top:48px;padding:34px;background:linear-gradient(120deg,#1F1B3E,#3B275C);color:#fff;border-radius:24px}
.cta-box h2{color:#fff;margin-top:0}
.cta-box p{color:#e2deee}
.cta-box .btn-line{border-color:#fff;color:#fff!important} .cta-box .btn-line:hover{background:#fff;color:var(--brand)!important}
.zrodlo{font-size:14px;color:var(--muted)}
.autor{margin-top:34px;padding:21px 24px;background:#faf9fc;border:1px solid #eee8f2;border-radius:20px}
.autor p{margin:0;font-size:15px}

/* listy tekstów: Powiązane, indeks, blok na stronie głównej */
.poradnik-lista,.article .poradnik-lista{list-style:none;margin:0;padding:0}
.poradnik-lista li,.article .poradnik-lista li{margin:0}
.article .poradnik-lista a{text-decoration:none}
.poradnik-lista a.panel{display:flex;flex-direction:column;gap:8px;height:100%;color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease}
.poradnik-lista a.panel:hover,.poradnik-lista a.panel:focus-visible{border-color:#EA561F;box-shadow:var(--shadow)}
.poradnik-lista h3{margin:0;font-size:18px;line-height:1.3}
.poradnik-lista p{margin:0;color:#616780;font-size:14px}
.poradnik-lista .dalej{margin-top:auto;font-weight:800;color:#C64A1B;font-size:14px}
.powiazane{padding:55px 0;background:#faf9fc}
.powiazane h2{font-size:clamp(23px,2.8vw,30px);margin:0 0 21px;letter-spacing:-.02em}
.cta-sekcja{padding:55px 0}
.indeks h1{margin-top:13px}
.indeks h2{font-size:clamp(23px,2.8vw,30px);margin:48px 0 21px;letter-spacing:-.02em}

@media(max-width:1100px){.nav{gap:13px} .nav a{font-size:13px}}
@media(max-width:980px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:18px 16px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0} .nav.open{display:flex} .nav a{font-size:15px;padding:8px 0;min-height:44px;display:flex;align-items:center} .menu-btn{display:inline-flex}}
@media(max-width:760px){.grid3{grid-template-columns:1fr} .section{padding:62px 0} .mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;gap:10px;padding:12px 16px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:60} .mobilebar .button{flex:1} body{padding-bottom:88px} .cta-panel{padding:34px 21px;display:block} .cta-panel .button{margin-top:21px} .article th,.article td{padding:8px} .cta-box{padding:24px 21px}}