/* Supplied bridge questions use the existing practice renderer and site palette. */
.m4u-bridge-question .stem { margin-bottom: 1rem; line-height: 1.7; }
.m4u-bridge-question .m4u-table-wrap { max-width: 100%; overflow-x: auto; margin: 1rem 0; }
.m4u-bridge-question .m4u-data-table { width: auto; min-width: 16rem; border-collapse: collapse; }
.m4u-bridge-question .m4u-data-table th,
.m4u-bridge-question .m4u-data-table td { border: 1px solid var(--m4u-border); padding: .55rem 1rem; text-align: center; vertical-align: middle; color: var(--m4u-text); }
.m4u-bridge-question .m4u-data-table th { background: var(--m4u-surface-2); }
.m4u-bridge-hint { margin: 1rem 0; border: 1px solid var(--m4u-border); border-radius: .5rem; background: var(--m4u-surface-2); }
.m4u-bridge-hint summary { cursor: pointer; padding: .55rem .8rem; font-weight: 600; color: var(--m4u-link); }
.m4u-bridge-hint summary:focus-visible { outline: 2px solid var(--m4u-link); outline-offset: 2px; }
.m4u-bridge-hint > div { padding: .25rem .8rem .8rem; line-height: 1.7; }
.m4u-bridge-solution .math-display { max-width: 100%; overflow-x: auto; overflow-y: hidden; margin: .8rem 0; padding: .3rem .1rem; }
.m4u-bridge-solution .steps { padding-left: 1.5rem; }
.m4u-bridge-solution .step { margin: .9rem 0; }
.m4u-bridge-solution .step p { margin-bottom: .4rem; }
.m4u-bridge-solution .solution-answer { padding: .8rem 1rem; background: var(--m4u-primary-soft); color: var(--m4u-text); border: 1px solid var(--m4u-border); border-radius: .5rem; }
.m4u-bridge-solution .answer-letter { display: inline-block; margin-right: .7rem; font-weight: 750; color: var(--m4u-link); }
.m4u-bridge-solution .distractors { border-top: 1px solid var(--m4u-border); margin-top: 1.2rem; padding-top: 1rem; }
.m4u-bridge-solution .distractors h3 { font-size: 1rem; font-weight: 650; }
.m4u-bridge-solution .distractors p { margin: .55rem 0; line-height: 1.65; }
.m4u-bridge-solution .distractors b { margin-right: .4rem; }
[data-theme="dark"] .bridge-practice-page .btn-outline-primary { color: #9bc7ff; border-color: #6698db; }
[data-theme="dark"] .bridge-practice-page .btn-outline-primary:hover,
[data-theme="dark"] .bridge-practice-page .btn-outline-primary:focus { color: #fff; background: #2864ae; border-color: #9bc7ff; }
