#survey11bView [hidden] { display: none !important; }
.survey11b-progress { margin-top: 1rem; color: var(--primary); font-weight: 700; }
.survey11b-question { padding: 1.5rem; margin: 1.5rem 0; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--bg-card); box-shadow: var(--shadow-sm); min-width: 0; }
.survey11b-question legend { padding: 0 .5rem; font-weight: 700; color: var(--primary); }
.survey11b-question > p { margin-bottom: 1rem; }
.survey11b-video { width: 100%; max-width: 640px; aspect-ratio: 16 / 9; object-fit: contain; display: block; margin: 0 auto 1rem; border-radius: var(--radius-md); background: #000; }
.survey11b-play { display: block; margin: 0 auto 1rem; padding: .7rem 1.2rem; border: 0; border-radius: var(--radius-md); background: var(--primary); color: #fff; font: inherit; cursor: pointer; }
.survey11b-play:disabled { opacity: .6; cursor: default; }
.survey11b-options { display: grid; gap: .6rem; }
.survey11b-option { display: flex; align-items: flex-start; gap: .75rem; padding: .85rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); cursor: pointer; overflow-wrap: anywhere; }
.survey11b-option:has(input:checked) { background: var(--primary-light); border-color: var(--primary); }
.survey11b-option input { margin-top: .4rem; flex-shrink: 0; accent-color: var(--primary); }
.survey11b-question button:focus-visible, .survey11b-option:focus-within { outline: 2px solid var(--primary); outline-offset: 3px; }
.survey11b-media-status { text-align: center; color: var(--text-muted); }
#survey11bStatus { margin-bottom: 1rem; }
#survey11bStatus[data-error="true"] { color: #b91c1c; }
@media (max-width: 600px) { .survey11b-question { padding: 1rem .75rem; } }
@media print { #survey11bView { display: none !important; } }