.bridge-lesson-index{display:grid;gap:18px;margin:26px 0}.bridge-lesson-index article{padding:20px;border:1px solid #38535b;border-radius:12px;background:#11232d}.bridge-lesson-index h2{margin-top:0}.bridge-demo,.bridge-example{padding:20px;border:1px solid #38535b;border-radius:12px;margin:24px 0;background:#11232d}.bridge-demo h2,.bridge-example h2{margin-top:0}.bridge-trap{border-left:4px solid #e5b986;padding:14px 18px;background:#28271e}.bridge-demo label{display:block;margin:14px 0 6px}.bridge-demo input[type=range]{display:block;width:100%;min-height:44px;accent-color:#a8e3df}.bridge-demo input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px;accent-color:#a8e3df}.bridge-demo svg{display:block;width:100%;height:auto;max-height:220px;margin:20px 0}.bridge-output{padding:14px;border-radius:8px;background:#071b24;line-height:1.7;font-variant-numeric:tabular-nums}.bridge-controls,.bridge-choices{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.bridge-controls button,.bridge-choices button{font:inherit;min-height:44px;text-align:left;border:1px solid #587a83;border-radius:8px;background:#193640;color:#edf4ef;padding:10px 14px;cursor:pointer}.bridge-choices button{width:100%}.bridge-controls button:hover,.bridge-choices button:hover{background:#244751}.bridge-choices button.correct{border-color:#91e2c5;background:#183e36}.bridge-choices button.wrong{border-color:#f4a6a6;background:#492b2b}.bridge-choices button:disabled{cursor:default;opacity:.88}.bridge-controls button:focus-visible,.bridge-choices button:focus-visible,.bridge-demo input:focus-visible,.bridge-demo select:focus-visible{outline:3px solid #f4c982;outline-offset:4px}.bridge-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bridge-demo select{display:block;width:100%;min-height:44px;margin-top:8px;background:#193640;color:#edf4ef;border:1px solid #587a83;border-radius:8px;padding:8px;font:inherit}.bridge-table{max-width:100%;overflow-x:auto}.bridge-demo table{width:100%;border-collapse:collapse;margin:18px 0}.bridge-demo th,.bridge-demo td{padding:10px;border-bottom:1px solid #38535b;text-align:left}.bridge-demo caption{text-align:left;padding:8px 0;color:#b4c7ce}.bridge-feedback{min-height:1.6em}.bridge-progress{padding:12px;border:1px solid #38535b;border-radius:8px}.precise{padding:16px;border:1px solid #38535b;border-radius:10px;margin:22px 0}.precise summary{cursor:pointer;font-weight:700;min-height:28px}.small{font-size:.88rem;color:#b4c7ce}@media(max-width:480px){.bridge-demo,.bridge-example{padding:15px}.bridge-settings{grid-template-columns:1fr;gap:0}.bridge-demo th,.bridge-demo td{padding:8px}.bridge-controls{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}