[data-tbb-quiz] { box-sizing:border-box; }
[data-tbb-quiz] [hidden] { display:none !important; }
[data-tbb-quiz] fieldset { border:0; padding:0; margin:0; min-width:0; }
[data-tbb-quiz] legend { float:none; width:100%; padding:0; margin:0 0 1.5rem; }
[data-tbb-quiz] [data-answers] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); }
[data-tbb-quiz] label[data-answer] { display:flex; align-items:center; gap:.75rem; border:1px solid; cursor:pointer; }
[data-tbb-quiz] input[type=radio] { flex:0 0 auto; accent-color:currentColor; width:1.15rem; height:1.15rem; }
[data-tbb-quiz] label[data-answer]:has(input:checked) { outline:2px solid currentColor; outline-offset:2px; }
[data-tbb-quiz] :focus-visible { outline:2px solid currentColor; outline-offset:4px; }
[data-tbb-quiz] nav { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
[data-tbb-quiz] button, [data-tbb-quiz] [data-product] a { display:inline-block; padding:1rem 1.5rem; min-height:44px; border:0; cursor:pointer; font:inherit; text-decoration:none; line-height:1.4; }
[data-tbb-quiz] button:disabled { opacity:.6; cursor:wait; }
[data-tbb-quiz] [data-guidance], [data-tbb-quiz] [data-progress] { font-size:.85em; }
[data-tbb-quiz] [data-guidance] { margin-top:2rem; }
[data-tbb-quiz] [data-product] { border:1px solid; padding:1.5rem; margin:1.5rem 0; overflow:auto; }
[data-tbb-quiz] [data-product] img { float:right; width:min(30%,15rem); height:auto; aspect-ratio:1; object-fit:contain; margin:0 0 1rem 1rem; }
[data-tbb-quiz] [data-product] form { margin:1rem 0 0; }
@media(max-width:600px){[data-tbb-quiz] [data-product] img { float:none; width:100%; max-width:18rem; margin:0 auto 1rem; display:block; }}