/* conceptviz.css — the SENIOR panel's styles, in the S1 tokens.
 *
 * Separate from static/kids/conceptviz.css on purpose: that one is the kids theme (Baloo 2,
 * 3px borders, bouncy shadows) and these class names (.cv-*) do not collide with its .viz-*,
 * so a page may load either without the other leaking in.
 *
 * The rule from S1 holds here: blue is the institute, orange is the student. A quantity the
 * question handed over is institute-blue; the one chip flagged because its unit does not match
 * its neighbours is the student's own warning, and is the only orange on the panel. */
.cv{margin:12px 0 2px;padding:13px 15px;background:var(--surface,#fff);
    border:1px solid var(--line,rgba(10,97,137,.16));border-left:3px solid var(--brand,#0A6189);
    border-radius:12px}
.cv.hidden{display:none!important}
.cv-cap{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
        color:var(--brand-2,#074D6E);margin:0 0 9px}
.cv-cap b{color:var(--accent-deep,#A94E16)}
.cv-row{display:flex;gap:7px;align-items:center;margin-bottom:7px}
.cv-row.cv-wrap{flex-wrap:wrap}
.cv-chip{display:inline-flex;align-items:baseline;gap:5px;background:var(--brand-tint,#E8F4FA);
         border:1px solid var(--line,rgba(10,97,137,.16));border-radius:9px;padding:5px 10px;
         font-size:14px;font-weight:700;color:var(--brand-2,#074D6E);white-space:nowrap}
.cv-chip i{font-style:normal;font-weight:600;font-size:11.5px;color:var(--muted,#44616E)}
/* the one thing on the panel that is about the student's own risk */
.cv-chip.cv-flag{background:var(--accent-tint,#FFF3E8);border-color:var(--accent,#F2863B);
                 color:var(--accent-deep,#A94E16)}
.cv-chip.cv-flag i{color:var(--accent-deep,#A94E16)}
.cv-chip.cv-op{background:none;border:none;padding:2px 1px;color:var(--faint,#566C76)}
.cv-chip.cv-lbl{background:var(--brand,#0A6189);color:#fff;border-color:var(--brand,#0A6189);
                min-width:26px;justify-content:center}
.cv-seq{flex-wrap:wrap;gap:5px}
.cv-note{font-size:13px;line-height:1.55;color:var(--muted,#44616E);margin:9px 0 0}
.cv-note b{color:var(--ink,#10242E)}
.cv-note.cv-warn{color:var(--accent-deep,#A94E16)}
/* The senior panel must never render inside the kids themed pages, and vice versa. */
@media print{.cv{break-inside:avoid}}