body{background:#f4f6fc}.cv-main{padding:0 20px 80px}.cv-shell{max-width:1260px;margin:auto}.cv-breadcrumb{display:flex;gap:12px;align-items:center;padding:23px 0;color:#60708d;font-size:14px}.cv-breadcrumb a{color:#4655a8;text-decoration:none}.cv-right{margin-left:auto}.cv-hero{border-radius:24px;padding:38px 42px;background:linear-gradient(115deg,#172347,#41378b 68%,#345f84);color:white;margin-bottom:24px}.cv-hero h1{color:white;font-size:clamp(30px,4vw,49px);margin:10px 0}.cv-hero p{color:#e7e8ff}.cv-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#6654c6}.cv-hero .cv-eyebrow{color:#9fe6dc}.cv-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.cv-stats span{border-radius:20px;padding:8px 13px;background:#ffffff22;font-size:13px}.cv-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.cv-filters,.cv-library,.cv-practice{border:1px solid #dfe5f1;background:white;border-radius:22px;padding:26px;box-shadow:0 8px 24px #142c5310}.cv-filters{position:sticky;top:16px}.cv-filters h2{font-size:21px;margin:0 0 16px}.cv-main label{display:block;font-weight:650;font-size:14px;margin:15px 0 7px}.cv-main input,.cv-main select,.cv-main textarea{width:100%;padding:12px;border:1px solid #cad4e7;border-radius:12px;background:white;color:#192c4d;font:inherit}.cv-main button{border:0;border-radius:11px;padding:11px 15px;background:#5146ac;color:white;cursor:pointer;font:inherit;font-weight:650}.cv-main button:disabled{opacity:.48;cursor:not-allowed}.cv-main button:focus-visible,.cv-main input:focus-visible,.cv-main select:focus-visible{outline:3px solid #7a78e2;outline-offset:2px}.cv-main button.cv-secondary{background:#edf1fa;color:#293f72;margin:4px 4px 4px 0}.cv-note{color:#6c7b96;font-size:13px;line-height:1.5}.cv-section-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:20px}.cv-section-head h2{font-size:29px;margin:6px 0}.cv-section-head p{color:#697b98}.cv-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cv-card{border:1px solid #dce4f3;border-radius:17px;padding:19px}.cv-card h3{font-size:20px;margin:13px 0 6px}.cv-card p{color:#71809a;font-size:14px;min-height:34px}.cv-tag{display:inline-block;padding:6px 10px;border-radius:20px;background:#f0edff;color:#5546ad;font-size:12px;margin-right:5px}.cv-card-actions{display:flex;flex-wrap:wrap;gap:8px}.cv-practice{margin-top:24px}.cv-practice[hidden],.cv-layout[hidden],#reflection[hidden],#sample[hidden]{display:none!important}.cv-meter{height:9px;background:#eef1f8;border-radius:12px;overflow:hidden;margin:22px 0}.cv-meter>div{height:100%;width:0;background:#6b5bd0;transition:width .3s}.cv-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cv-conversation,.cv-response{border:1px solid #e0e6f1;border-radius:18px;padding:22px;min-width:0}.cv-messages{display:flex;flex-direction:column;gap:13px;min-height:165px;margin:20px 0}.cv-bubble{max-width:92%;border-radius:15px;padding:13px 16px;background:#edf1f9;line-height:1.55}.cv-bubble.you{background:#e9e4ff;align-self:flex-end}.cv-bubble strong{display:block;font-size:12px;color:#5d55a3;margin-bottom:5px}.cv-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.cv-choice{display:block;width:100%;text-align:left;margin:9px 0;background:#f0f3fb!important;color:#223b67!important;border:1px solid #d8e1f1!important;line-height:1.45}.cv-choice.correct{background:#e1f6eb!important;border-color:#54a982!important}.cv-choice.wrong{background:#ffeded!important;border-color:#dc8d8d!important}.cv-feedback{line-height:1.55;color:#405273;margin:12px 0}.cv-response h3{font-size:22px}.cv-response textarea{margin-bottom:10px}@media(max-width:900px){.cv-layout,.cv-practice-grid{grid-template-columns:1fr}.cv-filters{position:static}.cv-hero{padding:28px}.cv-cards{grid-template-columns:1fr}}@media(max-width:600px){.cv-main{padding:0 12px 50px}.cv-filters,.cv-library,.cv-practice{padding:17px}.cv-breadcrumb{flex-wrap:wrap}.cv-right{margin-left:0}}
/* Phase 9C: JuntoVerse dark-accent contrast and readability layer */
.cv-main{color:#172447;background:#f3f5fb}
.cv-main .cv-filters,.cv-main .cv-library,.cv-main .cv-practice{background:#fff;color:#172447}
.cv-main h1,.cv-main h2,.cv-main h3,.cv-main h4,.cv-main .cv-card h3,.cv-main .cv-filters h2,.cv-main .cv-response h3,.cv-main .cv-conversation h3,.cv-main #ptitle,.cv-main #question{color:#16244a!important;text-shadow:none!important;opacity:1!important}
.cv-main .cv-hero h1,.cv-main .cv-hero h2,.cv-main .cv-hero h3{color:#fff!important}
.cv-main label,.cv-main .cv-card p,.cv-main .cv-section-head p,.cv-main .cv-note{color:#526380!important;opacity:1!important}
.cv-main .cv-eyebrow{color:#6552bc!important}
.cv-main .cv-hero .cv-eyebrow{color:#b6f4e9!important}
.cv-main .cv-card{background:#fff;box-shadow:0 2px 0 rgba(20,32,76,.025)}
.cv-main .cv-card:hover{border-color:#8b7ce2;box-shadow:0 12px 26px rgba(24,33,78,.1)}
.cv-main button:not(.cv-secondary):not(.cv-choice){background:#473b9d;color:#fff}
.cv-main button:not(.cv-secondary):not(.cv-choice):hover{background:#30266f}
.cv-main button.cv-secondary{background:#e9edf8;color:#263b6b}
.cv-main .cv-choice{background:#f3f5fa!important;color:#1b2b50!important;border:1px solid #cbd4e8!important}
.cv-main .cv-choice.correct{background:#e4f4eb!important;border-color:#58a883!important;color:#163f30!important}
.cv-main .cv-choice.wrong{background:#fff0ef!important;border-color:#d89090!important;color:#663030!important}
.cv-main .cv-bubble{color:#1e3158}
.cv-main .cv-bubble.you{color:#30245e}
.cv-main .cv-feedback{color:#243656}
.cv-feedback strong{color:#423795}
.cv-feedback-tip{display:inline-block;margin-top:7px;font-size:13px;color:#63708d}
.cv-main .cv-conversation,.cv-main .cv-response{background:#fff}
.cv-main input,.cv-main select,.cv-main textarea{color:#1b2b4d!important}
.cv-main .cv-meter>div{background:linear-gradient(90deg,#4c3da6,#278d9c)}
.cv-main .cv-hero{background:linear-gradient(115deg,#101b3c,#332a77 67%,#1e5b71)}

/* Phase 9D: efficient scenario navigation */
.cv-quick-levels{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 24px}
.cv-main .cv-quick-levels button{font-size:14px;padding:10px 14px;border-radius:12px}
.cv-main .cv-quick-levels button[aria-pressed="true"]{background:#33277e!important;color:#fff!important}
.cv-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px auto 8px;color:#384b75;font-weight:700}
.cv-pagination button:disabled{opacity:.45;cursor:not-allowed}
.cv-main .cv-tag.cv-done{background:#dcf5e9;color:#146246}
@media(max-width:700px){.cv-pagination{gap:8px}.cv-quick-levels button{flex:1 1 120px}}