/* Phase 1: compact, accessible vocabulary hub; does not modify existing lesson controls */
.jv-vocab-hub{margin:18px 0 22px;padding:24px;border:1px solid #d8e2f1;border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(24,46,91,.045);color:#1c3158}
.jv-vocab-hub-head{display:flex;align-items:start;justify-content:space-between;gap:20px}
.jv-vocab-kicker{margin:0 0 8px!important;font-size:11px!important;letter-spacing:.12em;font-weight:800;color:#5265a5}
.jv-vocab-hub h2{margin:0 0 7px;font-size:clamp(21px,2.3vw,28px);line-height:1.2;color:#172a4b}
.jv-vocab-hub-head p:not(.jv-vocab-kicker){margin:0;color:#526583;font-size:14px}
.jv-vocab-hub button{font:inherit;font-weight:650;cursor:pointer;min-height:44px;border-radius:11px;padding:10px 15px;border:1px solid #d2dcee;background:#f7f9fd;color:#253e6b;box-shadow:none}
.jv-vocab-hub button:hover{background:#edf2fb}
.jv-vocab-hub button:focus-visible{outline:3px solid #758bdc;outline-offset:3px}
.jv-vocab-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.jv-vocab-hub .jv-vocab-hub-primary{background:#344c9e;color:#fff;border-color:#344c9e}
.jv-vocab-hub .jv-vocab-hub-primary:hover{background:#273c85}
#jv-vocab-stats{margin-top:17px;border-top:1px solid #e3e9f4;padding-top:15px}
#jv-vocab-stats[hidden]{display:none}
.jv-vocab-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.jv-vocab-metrics>div{padding:14px;background:#f5f7fc;border:1px solid #e0e7f4;border-radius:12px;display:grid;gap:5px}
.jv-vocab-metrics strong{font-size:24px;color:#1c3158}.jv-vocab-metrics span,#jv-vocab-stats p{font-size:12px;color:#526583}
#explore,.library{scroll-margin-top:18px}
@media(max-width:700px){.jv-vocab-hub{padding:17px}.jv-vocab-hub-head{display:block}.jv-vocab-hub-head>button{margin-top:14px}.jv-vocab-hub-actions{display:grid}.jv-vocab-metrics{grid-template-columns:1fr 1fr 1fr}.jv-vocab-metrics>div{padding:10px}.jv-vocab-metrics strong{font-size:20px}}