.cvp-ldl-example { display:grid; grid-template-columns:minmax(240px,1fr) minmax(220px,1fr); gap:12px; align-items:center; margin:8px 0; padding:10px; border:1px solid var(--rule); background:var(--paper-warm); }
.cvp-ldl-example svg { display:block; width:100%; max-width:340px; height:auto; }
.cvp-ldl-example figcaption { font-size:12px; line-height:1.45; }
.cvp-svg-label { font:13px sans-serif; fill:var(--ink-strong, var(--ink)); }
.cvp-svg-value { font:bold 15px sans-serif; fill:var(--ink-strong, var(--ink)); }
.cvp-svg-bar { fill:var(--guide-red); }
.cvp-animation-controls { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:8px; }
.cvp-animation-controls button { color:var(--ink-strong, var(--ink)); background:var(--paper); border:1px solid var(--rule); border-radius:4px; padding:7px 10px; font:inherit; cursor:pointer; min-height:36px; }
.cvp-animation-controls button:focus-visible { outline:2px solid var(--guide-red); outline-offset:2px; }
.cvp-animation-controls [role="status"] { flex-basis:100%; font-size:11px; }
.cvp-plaque-photo { display:grid; grid-template-columns:150px 1fr; gap:10px; align-items:center; margin:8px 0; padding:8px; border:1px solid var(--rule); }
.cvp-plaque-photo img { display:block; width:150px; height:auto; }
.cvp-plaque-photo figcaption { font-size:11px; line-height:1.35; }
@media screen and (max-width:600px) { .cvp-ldl-example, .cvp-plaque-photo { grid-template-columns:1fr; } .cvp-plaque-photo img { width:100%; max-width:340px; } .cvp-ldl-example figcaption, .cvp-plaque-photo figcaption { font-size:14px; } .cvp-animation-controls button { min-height:44px; } }
@media print { .cvp-animation-controls { display:none!important; } .cvp-ldl-example { padding:6px; gap:8px; margin:5px 0; grid-template-columns:220px 1fr; } .cvp-ldl-example svg { max-height:105px; } .cvp-ldl-example figcaption { font-size:9px; line-height:1.25; } .cvp-ldl-first { width:120px!important; } .cvp-ldl-second { width:96px!important; } .cvp-plaque-photo { grid-template-columns:110px 1fr; padding:5px; gap:8px; margin:5px 0; } .cvp-plaque-photo img { width:110px; } .cvp-plaque-photo figcaption { font-size:9px; line-height:1.25; } }

/* Long navigation and unequal teaching cards must wrap naturally. */
#cvp .cvp-nav { white-space:normal; }
#cvp .page[data-page="15"] .quad { grid-auto-rows:auto; }
#cvp .band .tag { white-space:normal; text-align:right; }

#cvp .band h2 { white-space:normal; min-width:0; }
#cvp .band .tag { flex-shrink:1; max-width:45%; }

#cvp .page[data-page="12"] .qcard { display:block; }

@media screen and (max-width:1024px) { #cvp .band .tag { max-width:none; } }