:root{--blue-900:#C41820;--blue-700:#C41820;--blue-600:#E31C23;--blue-100:#fecdd3;--blue-050:#fef2f2;--navy:#0b2545;--muted:#5a7599;--white:#ffffff;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.7;color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased}
a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline} a.brand:hover,a.brand:focus,.brand span,.wordmark span{text-decoration:none!important}a.brand:hover,a.footer-logo:hover,.brand:hover,.brand span:hover,.wordmark:hover{text-decoration:none!important}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:720px;margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--blue-100)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon{width:36px;height:36px;border-radius:10px;background: #E31C23;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}
.wordmark{font-size:22px;font-weight:800;color:var(--navy)}.wordmark span{color:#E31C23}
.nav{display:flex;gap:26px}.nav a{color:var(--muted);font-size:15px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--blue-600)}

.article-hero{padding:48px 0 32px;background:linear-gradient(180deg,var(--blue-050),var(--white));text-align:center}
.article-hero .illu{width:120px;height:90px;margin:0 auto 24px;border-radius:20px;background:var(--blue-100);display:grid;place-items:center}
.article-hero h1{margin:0 0 14px;font-size:clamp(26px,4.5vw,38px);font-weight:800;letter-spacing:-.9px;line-height:1.2;max-width:700px;margin-left:auto;margin-right:auto}
.article-hero .meta{color:var(--muted);font-size:15px}
.article-body{padding:20px 0 64px}.article-body h2{font-size:24px;font-weight:800;margin:40px 0 14px}
.article-body h3{font-size:18.5px;font-weight:700;margin:28px 0 10px}
.article-body p{margin:0 0 16px}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:1.4em}.article-body li{margin-bottom:8px}
.article-body .lead{font-size:18.5px;color:var(--muted);margin-bottom:24px}
.table-wrap{overflow-x:auto;margin:24px 0;border-radius:14px;border:1px solid var(--blue-100)}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--blue-100)}
th{background:var(--blue-050);font-weight:700}tr:last-child td{border-bottom:none}td{color:var(--muted)}td:first-child{color:var(--navy);font-weight:600}
.cta-box{margin:36px 0;padding:28px;border-radius:18px;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid var(--blue-100);text-align:center}
.cta-box p{margin:0 0 16px;font-weight:600}
.btn{display:inline-flex;font-family:inherit;font-weight:700;font-size:16px;padding:14px 28px;border-radius:12px;background:var(--blue-600);color:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(227,28,35,.35)}.btn:hover{background:var(--blue-700);color:#fff;text-decoration:none}
.tip{margin:24px 0;padding:16px 18px;border-radius:12px;background:#e7f8ee;border-left:4px solid #0e6b3c;font-size:15.5px}
.site-footer{background:#0b2545;color:#a8bdd4;font-size:14.5px}.footer-main{padding:40px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:36px}@media(max-width:760px){.footer-grid{grid-template-columns:1fr}}
.footer-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-bottom:12px}.footer-logo-icon{width:32px;height:32px;border-radius:8px;background: #E31C23;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
.footer-logo-text{font-size:18px;font-weight:800}.footer-logo-text span{color:#E31C23}.footer-desc{margin:0;color:#8fa8c4;font-size:14px;max-width:260px}
.footer-col h4{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#f87171}
.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:9px}.footer-col a{color:#c5d4e8;text-decoration:none;font-size:14px}.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;font-size:13px;color:#6b849e}.footer-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:8px}.breadcrumb a{color:var(--muted)}

html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,svg{max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.nav-toggle{display:none;width:44px;height:44px;border:none;background:transparent;border-radius:10px;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;gap:5px}
.nav-toggle span{display:block;height:2px;background:var(--ink,#122238);border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:720px){
.nav-toggle{display:flex}
.site-header .wrap{position:relative}
.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #f1e5e7;box-shadow:0 12px 28px rgba(11,37,69,.1);padding:8px 0 12px;z-index:60}
.nav.open{display:flex}
.nav a{padding:14px 20px;font-size:16px;border-bottom:1px solid #f0f4fa}
.wrap{padding-left:16px;padding-right:16px}
}
@media(max-width:560px){
.posts,.post-grid,.cards{grid-template-columns:1fr!important}
.site-footer .cols,.footer-grid{grid-template-columns:1fr!important}
.hero h1{font-size:1.6rem}
.article{font-size:16px}
.table-wrap{margin-left:-4px;margin-right:-4px}
}


.use-card{
 transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
 cursor: default;
}
.use-card:hover{
 transform: translateY(-4px);
 box-shadow: 0 12px 28px rgba(227,28,35,.12);
 border-color: #E31C23;
 background: #fff;
}
.cta-box{
 transition: transform .3s ease, box-shadow .3s ease;
 position: relative;
 overflow: hidden;
}
.cta-box::after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);
 transform:translateX(-100%);
 transition:transform .6s ease;
 pointer-events:none;
}
.cta-box:hover{
 transform:translateY(-3px);
 box-shadow:0 16px 40px rgba(227,28,35,.18);
}
.cta-box:hover::after{transform:translateX(100%)}
.cta-box .btn{transition:transform .2s ease, box-shadow .2s ease}
.cta-box:hover .btn{transform:scale(1.03);box-shadow:0 6px 18px rgba(227,28,35,.35)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
@media(max-width:600px){.stat-grid{grid-template-columns:1fr}}
.stat-card{
 text-align:center;padding:22px 16px;border-radius:16px;
 background:linear-gradient(160deg,#fef2f2,#fff);
 border:1px solid #fecdd3;
 transition:transform .25s ease, box-shadow .25s ease;
}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(227,28,35,.12)}
.stat-card .num{font-size:1.85rem;font-weight:800;color:#E31C23;letter-spacing:-1px;line-height:1.1}
.stat-card .lbl{font-size:13.5px;color:#5a7599;margin-top:6px;font-weight:500}
.fact{
 margin:28px 0;padding:18px 20px 18px 22px;border-radius:14px;
 background:#fff7ed;border-left:4px solid #f59e0b;font-size:15.5px;
}
.fact strong{color:#9a3412}
.snippet{
 margin:24px 0;padding:18px 20px;border-radius:12px;
 background:#0b2545;color:#f1f6ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
 font-size:14px;line-height:1.6;overflow-x:auto;
}
.steps-ol{counter-reset:s;list-style:none;padding:0;margin:20px 0}
.steps-ol li{
 counter-increment:s;position:relative;padding:14px 16px 14px 56px;
 margin-bottom:10px;border-radius:12px;background:#fef2f2;border:1px solid #fecdd3;
}
.steps-ol li::before{
 content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);
 width:28px;height:28px;border-radius:50%;background:#E31C23;color:#fff;
 font-weight:800;font-size:13px;display:grid;place-items:center;
}


a.brand, a.brand:hover, a.brand:focus, a.brand:active,
a.footer-logo, a.footer-logo:hover, a.footer-logo:focus,
.brandline, .brandline a {
 text-decoration: none !important;
 border-bottom: none !important;
 box-shadow: none !important;
}
.brand span, .wordmark, .wordmark span, .tld, .footer-logo-text, .footer-logo-text span, .brandline span {
 text-decoration: none !important;
}



.download-card{
  margin:20px 0 28px;padding:18px 20px;border-radius:14px;border:1px solid var(--blue-100);
  background:linear-gradient(160deg,#fef2f2,#fff);display:flex;flex-wrap:wrap;gap:12px 20px;
  align-items:center;justify-content:space-between;
}
.download-card p{margin:0;flex:1;min-width:200px;font-size:15px;color:var(--muted)}
.download-card strong{color:var(--navy);display:block;margin-bottom:4px;font-size:16px}
.btn-dl{
  display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;
  background:#E31C23;color:#fff!important;font-weight:700;font-size:14.5px;text-decoration:none!important;
  transition:transform .2s,box-shadow .2s;
}
.btn-dl:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(227,28,35,.3);text-decoration:none!important}


.faq-list{margin:24px 0 8px}
.faq-item{border-bottom:1px solid #fecdd3;padding:4px 0}
.faq-q{width:100%;text-align:left;background:none;border:0;font:inherit;font-weight:700;font-size:16.5px;padding:14px 32px 14px 0;cursor:pointer;color:var(--navy,#0b2545);position:relative}
.faq-q::after{content:"+";position:absolute;right:0;top:14px;color:#E31C23;font-weight:800}
.faq-item.open .faq-q::after{content:"-"}
.faq-a{display:none;padding:0 0 16px;color:#5a7599;font-size:15.5px;line-height:1.65}
.faq-item.open .faq-a{display:block}
.info-bars{margin:22px 0 28px}
.info-row{margin:0 0 12px}
.info-row .lab{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;margin-bottom:5px}
.info-row .bar{height:12px;border-radius:99px;background:#fde8ea;overflow:hidden}
.info-row .bar>i{display:block;height:100%;border-radius:99px;background:#E31C23}
.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 28px}
@media(max-width:600px){.level-grid{grid-template-columns:1fr}}
.level{border:1px solid #fecdd3;border-radius:14px;padding:14px 16px;background:#fff}
.level b{display:block;color:#E31C23;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.level p{margin:0;font-size:14.5px;color:#5a7599}
.callout{margin:22px 0;padding:16px 18px;border-radius:14px;background:#fef2f2;border:1px solid #fecdd3;font-size:15.5px}


.related{margin:32px 0 12px;padding:22px 24px;border-radius:18px;background:#fff;border:1px solid #fecdd3;box-shadow:0 8px 24px rgba(227,28,35,.05)}
.related h2{margin:0 0 6px;font-size:1.2rem;letter-spacing:-.3px}
.related .rel-lead{margin:0 0 12px;color:#5a7599;font-size:14.5px}
.related ul{margin:0;padding:0;list-style:none}
.related li{border-top:1px solid #f1e5e7}
.related li:first-child{border-top:0}
.related a{display:block;padding:11px 0;font-weight:800;color:#0b2545;text-decoration:none}
.related a:hover{color:#E31C23;text-decoration:none}
.related a span{display:block;font-weight:500;color:#5a7599;font-size:13.5px;margin-top:2px}

.steps{counter-reset:step;margin:24px 0}
.step-item{position:relative;padding-left:52px;margin-bottom:24px}
.step-item::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:10px;background:var(--blue-600);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center}
.step-item strong{display:block;margin-bottom:4px}
.warn{margin:24px 0;padding:16px 18px;border-radius:12px;background:#fff6e0;border-left:4px solid #e0a800;font-size:15.5px}
.converter{max-width:680px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(159,18,57,.14);border:1px solid #fecaca;overflow:hidden;text-align:left;
--blue-900:#9f1239;--blue-700:#be123c;--blue-600:#E31C23;--blue-500:#f43f5e;--blue-300:#fda4af;--blue-200:#fecdd3;--blue-100:#fecaca;--blue-050:#fef2f2;--blue-025:#fff5f5;--navy:#0b2545;--muted:#3d4f66;--muted-2:#3d4f66;--amber:#8a5a00;--amber-bg:#fff6e0;--radius-lg:24px}
.converter .hidden{display:none!important}
.converter{max-width: 680px;
 margin: 0 auto;
 background: var(--white);
 border-radius: var(--radius-lg);
 box-shadow: var(--shadow-lg);
 border: 1px solid var(--blue-100);
 overflow: hidden;}
.converter .dropzone{padding: 48px 28px 40px;
 text-align: center;
 cursor: pointer;
 transition: background 0.2s;
 border: 2px dashed var(--blue-200);
 border-radius: var(--radius-lg);
 margin: 12px;
 background: var(--blue-025);}
.converter .dropzone:hover,.converter .dropzone.dragover{background: var(--blue-050);
 border-color: var(--blue-500);}
.converter .dropzone-icon{width: 64px;
 height: 64px;
 margin: 0 auto 18px;
 border-radius: 18px;
 background: linear-gradient(135deg, var(--blue-600), var(--blue-500));
 display: grid;
 place-items: center;
 color: white;}
.converter .dropzone h2{margin: 0 0 8px;
 font-size: 20px;
 font-weight: 700;}
.converter .dropzone p{margin: 0 0 20px;
 color: var(--muted);
 font-size: 15px;}
.converter .btn{display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 font-family: inherit;
 font-weight: 700;
 font-size: 16px;
 border: none;
 border-radius: 12px;
 cursor: pointer;
 transition: transform 0.15s, box-shadow 0.15s, background 0.15s;}
.converter .btn:active{transform: scale(0.98);}
.converter .btn-primary{background: var(--blue-600);
 color: white;
 padding: 14px 28px;
 box-shadow: 0 4px 14px rgba(227,28,35,0.35);}
.converter .btn-primary:hover{background: var(--blue-700);
 box-shadow: 0 6px 20px rgba(227,28,35,0.4);}
.converter .btn-secondary{background: var(--blue-050);
 color: var(--blue-700);
 padding: 12px 20px;
 border: 1px solid var(--blue-100);}
.converter .btn-secondary:hover{background: var(--blue-100);}
.converter .btn-lg{padding: 16px 32px; font-size: 17px;}
.converter .btn:disabled{opacity: 0.55;
 cursor: not-allowed;
 transform: none;}
.converter .file-panel{display: none;
 padding: 20px 22px 24px;}
.converter .file-panel.visible{display: block;}
.converter .file-row{display: flex;
 align-items: center;
 gap: 14px;
 padding: 14px 16px;
 background: var(--blue-025);
 border-radius: 14px;
 border: 1px solid var(--blue-100);
 margin-bottom: 20px;}
.converter .file-icon{width: 48px;
 height: 48px;
 border-radius: 12px;
 background: #e74c3c;
 color: white;
 display: grid;
 place-items: center;
 font-weight: 800;
 font-size: 13px;
 flex-shrink: 0;}
.converter .file-info{flex: 1; min-width: 0;}
.converter .file-name{font-weight: 700;
 font-size: 15px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;}
.converter .file-meta{font-size: 13px; color: var(--muted); margin-top: 2px;}
.converter .btn-x{width: 36px;
 height: 36px;
 border-radius: 10px;
 border: none;
 background: transparent;
 color: var(--muted);
 cursor: pointer;
 font-size: 20px;
 line-height: 1;}
.converter .btn-x:hover{background: var(--blue-050); color: var(--navy);}
.converter .format-label{font-size: 14px;
 font-weight: 700;
 color: var(--muted-2);
 margin-bottom: 10px;
 text-transform: uppercase;
 letter-spacing: 0.4px;}
.converter .format-grid{display: grid;
 grid-template-columns: repeat(5, 1fr);
 gap: 10px;
 margin-bottom: 22px;}
@media (max-width: 560px){.converter .format-grid{grid-template-columns: repeat(3, 1fr);}}
.converter .format-btn{display: flex;
 flex-direction: column;
 align-items: center;
 gap: 6px;
 padding: 14px 8px;
 border-radius: 12px;
 border: 2px solid var(--blue-100);
 background: var(--white);
 cursor: pointer;
 font-family: inherit;
 font-weight: 700;
 font-size: 13px;
 color: var(--navy);
 transition: border-color 0.15s, background 0.15s, transform 0.15s;}
.converter .format-btn:hover{border-color: var(--blue-300);
 background: var(--blue-025);}
.converter .format-btn.active{border-color: var(--blue-600);
 background: var(--blue-050);
 color: var(--blue-700);
 box-shadow: 0 0 0 1px var(--blue-600);}
.converter .format-btn span.ext{font-size: 11px;
 font-weight: 600;
 color: var(--muted);
 text-transform: uppercase;}
.converter .format-btn.active span.ext{color: var(--blue-600);}
.converter .progress-wrap{display: none;
 margin: 16px 0;}
.converter .progress-wrap.visible{display: block;}
.converter .progress-bar{height: 8px;
 background: var(--blue-100);
 border-radius: 99px;
 overflow: hidden;}
.converter .progress-fill{height: 100%;
 width: 0%;
 background: linear-gradient(90deg, var(--blue-600), #f87171);
 border-radius: 99px;
 transition: width 0.3s ease;}
.converter .progress-text{font-size: 13.5px;
 color: var(--muted);
 margin-top: 8px;
 text-align: center;}
.converter .done-bar{display: none;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 14px;
 margin-top: 8px;
 padding: 18px 20px;
 border-radius: 16px;
 background: linear-gradient(135deg, #fef2f2, #fecaca);
 border: 1px solid #fecdd3;}
.converter .done-bar.visible{display: flex;}
.converter .done-bar p{margin: 0; font-weight: 700; font-size: 15.5px;}
.converter .done-bar small{display: block;
 font-weight: 600;
 color: var(--muted);
 font-size: 13.5px;
 margin-top: 2px;}
.converter .done-actions{display: flex; gap: 10px; flex-wrap: wrap;}
.converter .notice{margin: 12px 0 0;
 padding: 12px 16px;
 border-radius: 12px;
 font-size: 14px;
 background: var(--amber-bg);
 color: var(--amber);
 border-left: 4px solid #e0a800;}
.converter .notice.info{background: var(--blue-050);
 color: var(--blue-700);
 border-left-color: var(--blue-600);}
.converter .notice.error{background: var(--error-bg, #fdecec);
 color: var(--error, #c62828);
 border-left-color: var(--error, #c62828);}
.converter .done-bar .rate-box{flex:1 0 100%}
.converter .rate-box{width:100%;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #fecdd3;
  text-align:center;}
.converter .rate-box .rate-title{margin:0 0 8px;font-weight:700;font-size:14.5px;color:var(--navy)}
.converter .stars{display:flex;gap:4px;justify-content:center;align-items:center}
.converter .star-btn{width:40px;height:40px;border:0;background:transparent;cursor:pointer;padding:4px;border-radius:10px;
  color:#E31C23;}
.converter .star-btn svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.6}
.converter .star-btn.on svg,.converter .star-btn:hover svg,.converter .stars:hover .star-btn.pre svg{fill:currentColor}
.converter .star-btn:focus-visible{outline:2px solid #E31C23;outline-offset:2px}
.converter .rate-msg{margin:8px 0 0;font-size:13px;color:var(--muted);font-weight:600}
.converter .cta-card .btn{background: white;
 color: var(--blue-700);
 padding: 15px 32px;
 font-size: 16.5px;
 border-radius: 999px;
 box-shadow: 0 4px 16px rgba(0,0,0,.12);}
.converter .cta-card .btn{transition: transform .2s ease, box-shadow .2s ease;}
.converter .cta-card:hover .btn{transform: scale(1.04);}
.converter .cta-card .btn:hover{background: #fef2f2;
 color: var(--blue-900);}
.converter .format-btn,.converter .btn{-webkit-tap-highlight-color: transparent; touch-action: manipulation;}
@media (max-width: 720px){.converter .dropzone{padding: 36px 18px 32px;}.converter .dropzone h2{font-size: 18px;}.converter .dropzone p{font-size: 14px;}.converter .btn-lg{width: 100%; padding: 15px 20px; font-size: 16px;}.converter .file-panel{padding: 16px 14px 20px;}.converter .file-row{padding: 12px; gap: 10px;}.converter .file-icon{width: 42px; height: 42px; font-size: 12px;}.converter .format-grid{grid-template-columns: repeat(3, 1fr); gap: 8px;}.converter .format-btn{padding: 12px 6px; font-size: 12px; min-height: 64px;}.converter .done-bar{flex-direction: column; align-items: stretch; text-align: center;}.converter .done-actions{justify-content: center; width: 100%;}.converter .done-actions .btn{flex: 1; min-width: 0; justify-content: center;}}
@media (max-width: 480px){.converter .format-grid{grid-template-columns: repeat(2, 1fr);}.converter .btn,.converter .btn-lg{min-height: 48px;}.converter .format-btn{min-height: 72px;}}
.converter .hidden{display: none !important;}
/* ===== poprawki 2026-10 ===== */
.article-body a:not(.btn):not(.dl-btn):not(.wz-card):not(.btn-dl){color:#c41820}.footer-bottom{color:#a9bcd2!important}.dl-btn.docx small{opacity:1}.dl-btn.pdf small{opacity:1}
.footer-logo-text span{color:#ff7a7f}
.footer-col-title{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#f87171}
.wordmark span{color:#d1141b}
/* hero narzedzia */
.tool-hero{position:relative;padding:44px 0 40px;background:radial-gradient(1100px 460px at 50% -140px,#fecaca 0%,rgba(255,228,230,0) 70%),linear-gradient(180deg,#fef2f2 0%,#fff 100%);text-align:center}
.tool-hero h1{margin:0 auto 12px;max-width:820px;font-size:clamp(27px,4.6vw,42px);line-height:1.15;font-weight:800;letter-spacing:-1px}
.tool-hero h1 em{font-style:normal;color:#E31C23}
.tool-hero .hero-lead{max-width:640px;margin:0 auto 28px;color:#3d4f66;font-size:17.5px;line-height:1.55}
.tool-hero .breadcrumb{margin-bottom:14px}
.tool-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px auto 0;max-width:680px}
.tool-switch a{padding:8px 14px;border-radius:999px;border:1px solid #fecdd3;background:#fff;color:#0b2545;font-size:14px;font-weight:700;text-decoration:none!important}
.tool-switch a:hover,.tool-switch a.on{border-color:#E31C23;color:#c41820}
/* autor */
.author-box{display:flex;gap:14px;align-items:flex-start;margin:28px 0 8px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #fecdd3}
.ab-avatar{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#E31C23;color:#fff;font-weight:800;display:grid;place-items:center;font-size:17px;letter-spacing:.5px}
.author-box p{margin:0 0 4px!important;font-size:14.5px;color:#5a7599}
.author-box .ab-name{font-weight:800;color:#0b2545;font-size:15.5px}
.author-box .ab-date{font-size:13.5px}
/* wzory */
.doc-hero{padding:40px 0 30px;background:linear-gradient(180deg,#fef2f2,#fff)}
.doc-hero .grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}
@media(max-width:820px){.doc-hero .grid2{grid-template-columns:1fr}.doc-hero .preview{max-width:340px;margin:0 auto}}
.doc-hero h1{margin:6px 0 12px;font-size:clamp(26px,4.2vw,38px);line-height:1.18;font-weight:800;letter-spacing:-.8px}
.doc-hero .lead{font-size:17.5px;color:#3d4f66;margin:0 0 20px}
.doc-hero .meta{font-size:14px;color:#5a7599;margin:14px 0 0}
.dl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dl-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;line-height:1.25;white-space:nowrap;border-radius:12px;font-weight:800;font-size:15.5px;text-decoration:none!important;border:2px solid #E31C23;transition:transform .15s,box-shadow .15s}
.dl-btn.pdf{background:#E31C23;color:#fff!important;box-shadow:0 6px 18px rgba(227,28,35,.3)}
.dl-btn.docx{background:#fff;color:#c41820!important}
.dl-btn.fill{background:#0b2545;border-color:#0b2545;color:#fff!important}
.dl-btn:hover{transform:translateY(-2px)}
.dl-btn small{font-weight:600;opacity:.85;font-size:12px}
.preview{display:block;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 18px 40px rgba(11,37,69,.12);background:#fff}
.preview img{display:block;width:100%;height:auto}
.checklist{list-style:none;padding:0!important;margin:18px 0 24px}
.checklist li{position:relative;padding:10px 12px 10px 40px;margin:0 0 8px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7}
.checklist li::before{content:"";position:absolute;left:13px;top:15px;width:14px;height:8px;border-left:3px solid #0e6b3c;border-bottom:3px solid #0e6b3c;transform:rotate(-45deg)}
.legal-note{margin:28px 0;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;font-size:14px;color:#475569}
.wz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 34px}
@media(max-width:860px){.wz-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wz-grid{grid-template-columns:1fr}}
.wz-card{display:flex;flex-direction:column;border:1px solid #f1e5e7;border-radius:18px;overflow:hidden;background:#fff;text-decoration:none!important;color:#0b2545;box-shadow:0 8px 22px rgba(11,37,69,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.wz-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(227,28,35,.12);border-color:#fecaca}
.wz-card .th{aspect-ratio:4/3;background:#f8fafc;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:14px 14px 0;border-bottom:1px solid #f1f5f9}
.wz-card .th img{width:78%;height:auto;box-shadow:0 6px 18px rgba(11,37,69,.15);border-radius:4px}
.wz-card .bd{padding:14px 16px 16px}
.wz-card .cat{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c41820}
.wz-card h3{margin:4px 0 6px!important;font-size:17px!important;line-height:1.3}
.wz-card p{margin:0!important;font-size:14px;color:#5a7599}
.wz-cat-h{margin-top:36px!important}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:16px 0}
.thumbs a{display:block;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.dc-thumb{flex:0 0 96px}
.dc-thumb img{display:block;width:96px;height:auto;border:1px solid #e5e7eb;border-radius:6px}
/* generator */
.gen{margin:28px 0;padding:22px;border-radius:18px;border:1px solid #fecdd3;background:linear-gradient(160deg,#fff,#fff7f7)}
.gen h2{margin-top:0!important}
.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
@media(max-width:640px){.gen-grid{grid-template-columns:1fr}}
.gen fieldset{border:0;padding:0;margin:0 0 18px}
.gen legend{font-weight:800;font-size:15px;margin:0 0 10px;color:#0b2545}
.gen label{display:block;font-size:13.5px;font-weight:700;color:#3d4f66;margin:0 0 4px}
.gen input,.gen textarea,.gen select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #cbd5e1;font:inherit;font-size:16px;color:#0b2545;background:#fff}
.gen textarea{min-height:80px;resize:vertical}
.gen input:focus,.gen textarea:focus{outline:2px solid #E31C23;border-color:#E31C23}
.gen .full{grid-column:1/-1}
.gen-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.gen-actions button{font:inherit;cursor:pointer}
.gen-msg{font-size:14px;color:#5a7599;margin:10px 0 0}
.doc-paper{margin:20px 0;padding:34px 38px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 30px rgba(11,37,69,.08);font-size:14.5px;line-height:1.6;color:#111}
.doc-paper h3{text-align:center;margin:0 0 14px!important;font-size:17px!important}
.doc-paper p{margin:0 0 10px!important}
.doc-paper .r{text-align:right}.doc-paper .c{text-align:center}
.doc-paper .sig{display:flex;justify-content:space-between;gap:20px;margin-top:34px;font-size:13px}
.doc-paper .sig div{flex:1;text-align:center;border-top:1px dotted #555;padding-top:4px}
.doc-paper table{font-size:13px}
.doc-paper .blank{color:#94a3b8;word-break:break-word}.doc-paper .blank.filled{color:#0b2545;background:#fef9c3;border-radius:3px;padding:0 2px}
.wz-related{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 26px;padding:0;list-style:none}
@media(max-width:560px){.wz-related{grid-template-columns:1fr}}
.wz-related a{display:block;padding:12px 14px;border:1px solid #fecdd3;border-radius:12px;font-weight:700;color:#0b2545;text-decoration:none!important;background:#fff}
.wz-related a:hover{border-color:#E31C23;color:#c41820}
.wz-related span{display:block;font-weight:500;color:#5a7599;font-size:13px}
.page-hero{padding:44px 0 26px;background:linear-gradient(180deg,#fef2f2,#fff);text-align:center}
.page-hero h1{margin:0 auto 12px;max-width:760px;font-size:clamp(28px,4.6vw,40px);font-weight:800;letter-spacing:-.9px;line-height:1.15}
.page-hero p.lead{max-width:680px;margin:0 auto;color:#3d4f66;font-size:17.5px}
figure.fig{margin:24px 0}figure.fig img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #fecdd3}
figure.fig figcaption{font-size:13.5px;color:#5a7599;margin-top:8px;text-align:center}