/* Test Profilu Firmy w Google (8.11). Same look as odp-opinie.css / qr-opinie.css. */
.hero.qh{min-height:0;padding:7vh 0 2vh;grid-template-columns:1fr}
.hero.qh .lead{max-width:720px}
.qtool{margin-top:5vh;display:grid;gap:22px}
.qbox{position:relative;padding:clamp(22px,4vw,40px);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}
.qbox h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 14px}
.qbox h3{font-size:clamp(1.2rem,2.4vw,1.5rem);margin:28px 0 12px}
.qbox>p{color:#d4ddff}
.qsmall{color:var(--mut);font-size:.95rem;margin-top:14px}
.qform{display:grid;gap:12px;margin-top:6px}
.qform fieldset{border:0;margin:0;padding:0;min-width:0}
.qform legend{display:block;font-weight:600;color:#fff;margin-bottom:10px;padding:0}
.qform legend .hint{display:block;font-weight:400;color:var(--mut);font-size:.9rem;margin-top:2px}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.qform fieldset.tp-q{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(2,4,15,.4)}
.tp-q legend{float:left;width:100%}
.tp-q legend+*{clear:both}
.tp-n{color:var(--glow);margin-right:2px}
.tp-opts{display:flex;flex-wrap:wrap;gap:8px}
.tp-opts label{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:10px 16px;border-radius:14px;border:1px solid rgba(150,175,255,.45);background:rgba(2,4,15,.6);color:#fff;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}
.tp-opts label:hover{border-color:var(--glow)}
.tp-opts input:checked+label{background:var(--blue);border-color:var(--glow)}
.tp-opts input[value="nie"]:checked+label{background:rgba(255,120,120,.38);border-color:#ff8a8a}
.tp-opts input[value="niewiem"]:checked+label{background:rgba(255,212,94,.32);border-color:var(--gold)}
.tp-opts input:focus-visible+label{outline:2px solid var(--glow);outline-offset:2px}
.tp-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}
.tp-bar .qsmall{margin:0}
button.btn{border:0;cursor:pointer;font-family:inherit;justify-self:start}
.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)}
.btn2:focus-visible,button.btn:focus-visible{outline:2px solid var(--glow);outline-offset:3px}
.qmsg:empty{display:none}
.qmsg{padding:14px 16px;border-radius:14px;border-left:4px solid var(--glow);background:rgba(42,75,255,.12);color:#e3e9ff}
.qmsg.warn{border-left-color:var(--gold);background:rgba(255,212,94,.1);color:#ffeebd}
#tp-out-h:focus{outline:none}
#tp-out{scroll-margin-top:90px}
.tp-res{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:8px}
.tp-score{margin:0;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:clamp(2.6rem,7vw,4rem);line-height:1;color:#fff;white-space:nowrap}
.tp-res>div{flex:1 1 260px;min-width:0}
.tp-res p{margin:0 0 6px;color:#d4ddff}
.tp-res .tp-level{font-weight:700;color:#fff;font-size:1.25rem}
.tp-res .qsmall{margin:6px 0 0}
.tp-fixes{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.tp-fix{margin:0;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(2,4,15,.4);color:#e3e9ff;min-width:0;overflow-wrap:anywhere}
.tp-fix p{margin:0 0 8px}
.tp-fix p:last-child{margin:0}
.tp-fh{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.tp-fh b{color:#fff}
.tp-tag{font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:99px;border:1px solid var(--gold);color:#ffeebd;background:rgba(255,212,94,.1)}
.tp-tag.no{border-color:#ff8a8a;color:#ffd6d6;background:rgba(255,120,120,.1)}
.tp-check{color:#ffeebd}
.tp-fix b{color:#fff}
.tp-src{font-size:.92rem;color:var(--mut)}
.tp-src a{color:#fff}
.tp-srcs{margin:12px 0 0;padding-left:20px;color:#d4ddff}
.tp-srcs li{margin:6px 0}
.sec.about .lead2{color:#d4ddff;max-width:680px;margin:-2vh 0 4vh;font-size:1.1rem}
.qnext{margin-top:22px;color:#d4ddff}
@media(max-width:600px){.tp-opts label{flex:1 1 0;min-width:0;padding:10px 4px}.tp-bar .btn,.tp-bar .btn2{flex:1 1 100%}}
