/* Elementos propios del panel didáctico, dentro de la paleta del curso. */
.panel36-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; margin: 1.2rem 0; }
.sequence-lab .panel36-head h3 { margin: 0; }
.panel36-head p { margin: 0; color: #c5d6ef; font-size: .9rem; }
.panel36-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 1rem; margin: 1rem 0; }
.panel36-card { min-width: 0; padding: 1.1rem; border: 1px solid #7f9fd6; border-radius: 12px; background: #122a56; }
.panel36-card h4 { color: #edf3ff; font-size: 1rem; margin: 0 0 .7rem; }
.panel36-card p { margin: .6rem 0 0; font-size: .88rem; color: #d6e3f8; }
.panel36-value { display: block; margin-bottom: .75rem; color: #3ee0ff; font: 700 clamp(1.35rem, 3vw, 2rem)/1.25 Consolas, monospace; overflow-wrap: anywhere; }
.panel36-badge { display: inline-block; max-width: 100%; padding: .35rem .65rem; border: 1px solid currentColor; border-radius: 8px; font-size: .86rem; font-weight: 750; overflow-wrap: anywhere; }
.panel36-badge.is-ok { color: #81e9ff; background: #123c58; }
.panel36-badge.is-issue { color: #ffd0ad; background: #493327; }
.panel36-badge.is-unknown { color: #dde8f8; background: #293d5b; }
.panel36-age { color: #edf3ff; font-weight: 750; }
.panel36-note { border-left: 3px solid #f39239; padding: .65rem .9rem; background: #ffffff0a; }
.sequence-lab.panel36 :is(button, select):focus-visible { outline: 3px solid #f39239; outline-offset: 4px; }
.panel36 .table-responsive { margin: .8rem 0 1.2rem; }