/* Style narzędzi eChecklista (dodatkowe do stylów witryny) */
.blog-content h2{font-family:"Barlow Condensed",sans-serif;font-size:1.6rem;font-weight:800;text-transform:uppercase;margin:1.8rem 0 0.8rem;color:var(--foreground)}
.blog-content h3{font-family:"Barlow Condensed",sans-serif;font-size:1.2rem;font-weight:700;margin:1.4rem 0 0.5rem;color:var(--foreground)}
.blog-content p{margin:0.8rem 0}
.blog-content ul{margin:0.8rem 0;padding-left:1.2rem}
.blog-content li{margin:0.4rem 0}
.blog-content a{color:#f97316;text-decoration:underline}
.blog-content strong{color:var(--foreground);font-weight:700}
.blog-content code{background:rgba(100,130,220,0.15);padding:2px 6px;border-radius:4px;font-size:0.85em}
.tool-hero{padding:7rem 1.5rem 3rem;max-width:56rem;margin:0 auto;text-align:center}
.tool-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:900;text-transform:uppercase;line-height:1;margin:0.5rem 0 1rem}
.tool-hero p{color:var(--muted-foreground);font-size:1rem;max-width:38rem;margin:0 auto;line-height:1.6}
.tool-main{max-width:48rem;margin:0 auto;padding:0 1.5rem 4rem}
.scanner-box{display:flex;gap:0.6rem;max-width:32rem;margin:1.5rem auto 0}
.scanner-box input{flex:1;background:rgba(13,18,48,0.6);border:1px solid rgba(100,130,220,0.25);color:var(--foreground);border-radius:8px;padding:0.85rem 1rem;font-size:0.95rem}
.scanner-box input:focus{outline:none;border-color:var(--primary)}
.scanner-box button{background:var(--primary);color:#fff;font-weight:700;border:none;border-radius:8px;padding:0 1.5rem;cursor:pointer;font-size:0.9rem;white-space:nowrap;transition:opacity .2s}
.scanner-box button:hover{opacity:.9}
.cl-progress{position:sticky;top:84px;z-index:20;background:rgba(7,9,26,0.92);backdrop-filter:blur(10px);border:1px solid rgba(100,130,220,0.15);border-radius:12px;padding:1rem 1.25rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}
.cl-progress-bar-bg{flex:1;height:8px;background:rgba(100,130,220,0.15);border-radius:99px;overflow:hidden}
.cl-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#f97316,#fbbf24);border-radius:99px;transition:width .4s}
.cl-ring{transform:rotate(-90deg)}
@media(max-width:640px){.scanner-box{flex-direction:column}.cl-progress{top:72px;flex-wrap:wrap}}


/* Custom scrollbar — Dtrivia */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#07091a}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b00,#cc5500);border-radius:6px;border:2px solid #07091a}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8533,#ff6b00)}
::-webkit-scrollbar-corner{background:#07091a}
*{scrollbar-width:thin;scrollbar-color:#ff6b00 #07091a}
html{scrollbar-width:thin;scrollbar-color:#ff6b00 #07091a}