.hvcr-wrap{border:1px solid var(--line,#ccd5df);border-radius:12px;padding:12px;margin:9px 0;background:var(--surface,#fff);font-size:14px;line-height:1.5;max-width:100%}.hvcr-wrap h3{font-size:17px;margin:2px 0 8px}.hvcr-section h4,.hvcr-quiz h4{font-size:15px;margin:14px 0 8px}.hvcr-muted{font-size:13px;color:var(--muted,#64748b)}.hvcr-scroll{overflow-x:auto}.hvcr-scroll table{width:100%;border-collapse:collapse;min-width:440px}.hvcr-scroll td,.hvcr-scroll th{padding:7px;text-align:left;border:1px solid #d6dfe8;vertical-align:top}.hvcr-wrap details{border-bottom:1px solid #e1e5eb;padding:6px 0}.hvcr-wrap details summary{font-weight:600;cursor:pointer}.hvcr-note{font-size:13px;color:#536579}.hvcr-example{border-left:3px solid #286a9d;padding:8px;margin:9px 0;background:rgba(120,150,190,.07)}.hvcr-example p{margin:4px 0}.hvcr-quiz{border-top:1px solid #d9e1ec;margin-top:15px;padding-top:8px}.hvcr-prompt{font-weight:600}.hvcr-choices{display:grid;gap:7px}.hvcr-choice{background:var(--surface,#fff);border:1px solid #a4b6ca;border-radius:8px;padding:10px;text-align:left;color:inherit;font:inherit;cursor:pointer}.hvcr-choice.good{border-color:#11865a;background:rgba(20,147,91,.12)}.hvcr-choice.wrong{border-color:#bb4343;background:rgba(190,63,63,.10)}.hvcr-correct,.hvcr-incorrect{margin:8px 0;padding:10px;border-radius:8px;background:#ddf6ea;color:#125a39}.hvcr-incorrect{background:#fff0e6;color:#8b370f}.hvcr-nav{display:flex;justify-content:space-between;gap:7px;margin-top:10px}.hvcr-step{font-size:13px}.hvcr-total{font-weight:700}.hvcr-link{background:none;border:none;padding:6px 0;color:#1468ad;text-decoration:underline;text-align:left;cursor:pointer}.hvcr-error{color:#ad2323}.hvcr-action{margin-top:8px}.hvcr-toggle{width:100%;font-weight:700;margin:10px 0 4px;padding:10px 8px;text-align:left;border:1px solid #5f92ca;background:rgba(90,157,216,.08);border-radius:8px;color:inherit;cursor:pointer}.hvcr-toggle:hover,.hvcr-choice:hover:not(:disabled){background:rgba(77,155,221,.16)}@media(max-width:370px){.hvcr-wrap{font-size:13px;padding:8px}.hvcr-nav .btn{font-size:12px}}

/* v5.54: custom shapes are scalable, non-interactive learning diagrams. */
.hvcr-shapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:9px}.hvcr-shape{margin:0;padding:7px;border:1px solid #cbd5e1;border-radius:8px;text-align:center}.hvcr-shape svg{max-width:95px;height:82px;display:block;margin:auto}.hvcr-shape figcaption{font-size:12px;line-height:1.3;margin-top:5px}