.course-visual-document { margin: 1rem 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-sm); background: #fff; }
.course-visual-document__zoom { position: relative; display: block; color: inherit; text-decoration: none; }
.course-visual-document__zoom img { display: block; width: 100%; height: auto; max-height: 34rem; object-fit: contain; background: #eef3f8; }
.course-visual-document__zoom span { position: absolute; right: .75rem; bottom: .75rem; padding: .4rem .6rem; border-radius: .3rem; background: #10243b; color: #fff; font-size: .82rem; }
.course-visual-document__zoom:focus-visible { outline: 3px solid var(--subject-end); outline-offset: -3px; }
.course-visual-document figcaption { display: grid; gap: .4rem; padding: .8rem .95rem; color: var(--muted); line-height: 1.55; }
.course-visual-document figcaption p { margin: 0; }
.course-visual-document figcaption strong { color: var(--ink); }
.course-visual-document figcaption small { font-size: .8rem; }
.course-visual-document figcaption a { color: inherit; }
.course-visual-document-viewer { width: min(96vw, 76rem); max-width: none; max-height: 94vh; padding: 0; border: 0; background: #101d2c; color: #fff; }
.course-visual-document-viewer::backdrop { background: rgb(5 14 25 / .82); }
.course-visual-document-viewer__stage { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: .65rem; max-height: 92vh; padding: 1rem; }
.course-visual-document-viewer__toolbar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.course-visual-document-viewer__toolbar button { border: 1px solid currentColor; border-radius: .3rem; background: #10243b; color: #fff; padding: .4rem .6rem; }
.course-visual-document-viewer__toolbar button:last-child { margin-left: auto; }
.course-visual-document-viewer__media { min-height: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid rgb(255 255 255 / .25); background: #071321; }
.course-visual-document-viewer__media:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.course-visual-document-viewer__media img { display: block; max-width: 100%; max-height: 72vh; margin: auto; object-fit: contain; }
.course-visual-document-viewer.is-detail .course-visual-document-viewer__media img { width: auto; max-width: none; max-height: none; margin: 0; }
.course-visual-document-viewer__stage p { margin: 0; }
@media (max-width: 36rem) { .course-visual-document-viewer { width: 100vw; max-height: 100vh; } .course-visual-document-viewer__stage { max-height: 100vh; padding: .7rem; } .course-visual-document-viewer__toolbar button { font-size: .82rem; } }