.vci-dashboard-shell { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); }
.vci-session-details { display: grid; gap: .75rem; margin: 1rem 0; }
.vci-session-details div { display: grid; grid-template-columns: minmax(7rem, 10rem) 1fr; gap: .75rem; padding-bottom: .75rem; border-bottom: 1px solid #d8dee8; }
.vci-session-details dt { font-weight: 700; }
.vci-session-details dd { margin: 0; overflow-wrap: anywhere; }
.vci-dashboard-shell h2:first-child { margin-top: 0; }
.vci-rank { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .7rem; border-radius: 999px; background: #eaf6f5; color: #075c59; font-weight: 800; }
.vci-xp { font-size: 1.35rem; font-weight: 800; color: #10233f; }
.vci-lesson-nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem; margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid #d8dee8; }
.vci-quiz { margin: 2rem 0; padding: 1.25rem; border: 2px solid #0a6f6b; border-radius: .8rem; background: #f4fbfa; }
.vci-quiz legend { font-weight: 800; color: #10233f; }
.vci-choice { display: block; margin: .55rem 0; }
.vci-celebration { padding: 1rem; border-radius: .7rem; background: #edf8f0; color: #134e2a; font-weight: 800; }
.vci-cost-result { margin-top: 1.25rem; padding: 1rem; border-radius: .7rem; background: #eaf6f5; }
.vci-status-dot { display: inline-block; width: .75rem; height: .75rem; margin-right: .35rem; border-radius: 50%; background: #166534; }
@media (max-width: 760px) { .vci-dashboard-shell { grid-template-columns: 1fr; } .vci-session-details div { grid-template-columns: 1fr; gap: .25rem; } }