/* CourseCode — the small stack/heap viewer (CC.Viewer), shared by the student page and the admin page */
.ccv { background: #13161f; border: 1px solid #252a38; border-radius: 12px; overflow: hidden; }
.ccv-head { display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; padding: .55rem .8rem; border-bottom: 1px solid #252a38; }
.ccv-head b { font-family: 'Syne', sans-serif; font-weight: 800; }
.ccv-info { font-family: 'DM Mono', monospace; font-size: .72rem; color: #7a8099; }
.ccv-body { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); min-height: 260px; }
@media (max-width: 720px) { .ccv-body { grid-template-columns: 1fr; } .ccv-code { max-height: 180px; } }
.ccv-code { margin: 0; padding: .6rem 0; font-family: 'DM Mono', monospace; font-size: .78rem; line-height: 1.45; color: #c9cede; overflow: auto; max-height: 340px; border-right: 1px solid #252a38; }
.ccv-code span { display: block; padding: 0 .7rem; white-space: pre; }
.ccv-code span.on { background: rgba(246,166,43,.18); color: #fff; box-shadow: inset 3px 0 #f6a62b; }
.ccv-wb { width: 100%; height: 300px; display: block; background: #fbfaf6; }
.ccv-ctl { display: flex; gap: .5rem; align-items: center; padding: .45rem .7rem; border-top: 1px solid #252a38; }
.ccv-ctl input { flex: 1; accent-color: #f6a62b; }
.ccv-ctl button { background: #1a1e2a; border: 1px solid #252a38; color: #e8eaf0; border-radius: 8px; min-width: 40px; min-height: 34px; cursor: pointer; font: inherit; }
.ccv-out { margin: 0; padding: .5rem .8rem; font-family: 'DM Mono', monospace; font-size: .78rem; color: #4ade80; background: #0d0f14; white-space: pre-wrap; max-height: 110px; overflow: auto; border-top: 1px solid #252a38; }
.ccv-scene { border-top: 1px solid #252a38; }
.ccv-scene.hidden { display: none; }
.ccv-shead { display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; padding: .4rem .8rem; }
.ccv-shead b { font-family: 'Syne', sans-serif; font-weight: 800; font-size: .9rem; }
.ccv-sinfo { font-family: 'DM Mono', monospace; font-size: .72rem; color: #7a8099; }
.ccv-sc { width: 100%; height: 180px; display: block; }