[data-course-mission-wrapper][hidden] { display: none !important; }
.course-mermaid { display: flex; width: 100%; justify-content: center; align-items: center; }
.course-mermaid[aria-busy="true"] { min-height: 480px; }
.course-mermaid svg { display: block; width: 100%; max-width: 100%; height: auto; }
.course-diagram-block [class*="__container"] { background: transparent !important; }
.course-diagram-block [class*="__container"] > div > div { padding: 0 !important; }
[data-course-mission-tab] { cursor: pointer; }
[data-course-mission-tab]:focus-visible { outline: 2px solid #6196ff; outline-offset: 4px; border-radius: 2px; }
.course-slide { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; transition: opacity 1000ms ease; pointer-events: none; }
.course-slide.is-active { z-index: 1; opacity: 1; pointer-events: auto; }
.course-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.oopy-slide-indicator > [role="button"]:focus-visible { outline: 2px solid #6196ff; outline-offset: 4px; border-radius: 2px; }
.course-mermaid-error { width: 100%; padding: 24px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; font-size: 13px; }
@media (prefers-reduced-motion: reduce) { .course-slide { transition: none; } }