.tpq{max-width:820px;margin:32px auto;padding:clamp(20px,4vw,40px);background:#fffdf9;color:#352e29;border:1px solid #e8ded4;border-radius:22px;font:16px/1.65 system-ui,sans-serif;text-align:left}.tpq *{box-sizing:border-box}.tpq h2{font-size:clamp(24px,3vw,32px);line-height:1.3;margin:16px 0;scroll-margin-top:125px}.tpq h3{font-size:19px;line-height:1.4;margin:12px 0}.tpq p{margin:14px 0}.tpq-badge{font-size:11px;letter-spacing:1px;font-weight:700;color:#934126}.tpq-note{font-size:13px;color:#71665e}.tpq-progress{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#71665e}.tpq progress{width:100%;height:8px;accent-color:#a64e32}.tpq-prompt{color:#934126;font-weight:650}.tpq fieldset{padding:0;border:0;margin:20px 0;min-width:0}.tpq-answer{display:flex;align-items:center;gap:12px;padding:14px;margin:9px 0;border:1px solid #d9c5b5;border-radius:10px;background:white;cursor:pointer}.tpq-answer:has(input:checked){background:#fbf0e5;border-color:#a64e32}.tpq input{accent-color:#a64e32;flex-shrink:0;width:18px;height:18px}.tpq-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.tpq-button{font:600 14px/1.4 system-ui,sans-serif;background:#a64e32;color:white;border:1px solid #a64e32;border-radius:10px;padding:14px 20px;cursor:pointer;min-height:46px}.tpq-secondary{background:transparent;color:#934126}.tpq button:disabled{opacity:.45;cursor:default}.tpq-error{color:#9b2525;font-size:14px;min-height:24px}.tpq-top{background:#fbf0e5;border:1px solid #bb795a;padding:18px;border-radius:12px;margin:12px 0}.tpq-ranking{list-style:none;padding:0;margin:20px 0}.tpq-ranking li{padding:18px 0;border-bottom:1px solid #e8ded4}.tpq-ranking li>div{display:flex;justify-content:space-between;gap:15px}.tpq-ranking li>div>span{flex-shrink:0;color:#934126}.tpq-ranking meter{width:100%;height:10px;display:block;margin-top:10px}.tpq-ranking small{font-size:12px;color:#71665e}.tpq-notice{padding:14px;background:#f4eadc;border-radius:10px}.tpq summary{cursor:pointer;font-weight:600;padding:10px 0}.tpq :focus-visible{outline:3px solid #a64e32;outline-offset:3px}.tpq-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.tpq-ranking li>div{flex-direction:column;gap:4px}.tpq{border-radius:14px;margin:20px auto}}

/* Niezależne od typografii treści motywu. */
.tpq{scroll-margin-top:130px;padding:clamp(14px,3vw,32px)}.tpq .tpq-content h2{font-size:clamp(22px,2.5vw,30px);line-height:1.3;margin:12px 0}.tpq .tpq-answer{line-height:1.45;font-size:15px;padding:12px}.tpq .tpq-content .tpq-error{margin:8px 0;min-height:22px}.tpq .tpq-content .tpq-actions{margin-top:16px}@media(max-width:700px){.tpq{scroll-margin-top:90px}}

/* Nagłówek pytania otrzymuje fokus programowo dla czytników ekranu.
   Nie pokazujemy na nim ramki, bo nie jest elementem sterującym. */
.tpq h2[tabindex="-1"]:focus-visible{outline:0}

.tpq-coffee{margin-top:32px;padding:24px;background:#f7ecdf;border:1px solid #e8d7c5;border-radius:16px}.tpq .tpq-coffee h3{font-size:22px;line-height:1.35;margin:0 0 16px}.tpq-coffee p{font-size:15px;line-height:1.7}.tpq-coffee-button{display:inline-block;max-width:100%;margin-top:8px}.tpq-coffee-button img{display:block;width:351px;max-width:100%;height:auto}@media(max-width:480px){.tpq-coffee{padding:18px}.tpq .tpq-coffee h3{font-size:20px}}

.tpq-content>.tpq-coffee:first-child{margin-top:0;margin-bottom:32px}
.tpq-content>.tpq-button{margin-top:12px}

/* Na telefonie najczęstsze pytania mieszczą się razem z przyciskiem „Dalej”. */
@media(max-width:700px){.tpq{padding:14px}.tpq .tpq-progress{font-size:11px;line-height:1.3}.tpq progress{height:6px}.tpq .tpq-prompt{font-size:12px;line-height:1.45;margin:10px 0 6px}.tpq .tpq-content h2{font-size:21px;line-height:1.27;margin:7px 0 10px}.tpq fieldset{margin:12px 0}.tpq .tpq-answer{min-height:44px;margin:5px 0;padding:8px 10px;font-size:14px;line-height:1.3}.tpq .tpq-content .tpq-actions{margin-top:10px}.tpq .tpq-content .tpq-note{font-size:10px;line-height:1.45;margin:10px 0 0}.tpq .tpq-error{font-size:12px;min-height:18px;margin:6px 0}}

/* Informacje dostępne przed uruchomieniem JavaScript. */
.tpq-intro-copy,.tpq-guide{max-width:850px;margin:24px auto;line-height:1.8}.tpq-guide{padding-top:24px;border-top:1px solid #eadccf}.tpq-guide h2{line-height:1.25}.tpq-guide li{margin-bottom:12px}.tpq-guide details{border-bottom:1px solid #eadccf;padding:14px 0}.tpq-guide summary{cursor:pointer;font-weight:700}.tpq-guide a{color:#9b4028;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.tpq-guide{font-size:16px}.tpq-guide h2{font-size:25px}.tpq-guide ol,.tpq-guide ul{padding-left:23px}}