/* Darmowe narzędzia hub (8.11). Cards in the same look as the tool pages. */
.hero.qh{min-height:0;padding:7vh 0 2vh;grid-template-columns:1fr}
.hero.qh .lead{max-width:720px}
.note a{color:#fff}
.nt-list{margin-top:5vh;display:grid;gap:18px}
@media(min-width:800px){.nt-list{grid-template-columns:1fr 1fr}}
.nt-card{display:flex;flex-direction:column;padding:clamp(22px,4vw,34px);border-radius:26px;border:1px solid var(--line);background:linear-gradient(170deg,rgba(14,22,70,.6),rgba(3,6,25,.85));min-width:0;transition:border-color .3s}
.nt-card:hover{border-color:rgba(150,175,255,.5)}
.nt-card h2{font-size:clamp(1.35rem,2.6vw,1.8rem);margin:0 0 10px}
.nt-card h2 a{color:#fff;text-decoration:none}
.nt-card h2 a:hover{color:var(--glow)}
.nt-card h2 a:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:6px}
.nt-lang{display:inline-block;font-family:inherit;font-size:.9rem;font-weight:400;color:var(--mut)}
.nt-card p{margin:0;color:#d4ddff}
.nt-card .nt-go{margin-top:auto;padding-top:18px}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:99px;border:1px solid rgba(150,175,255,.45);background:rgba(42,75,255,.12);color:#fff;font:inherit;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background .3s,border-color .3s}
.btn2:hover{background:rgba(42,75,255,.3);border-color:var(--glow)}