/* Presentation follows the Neurona M-P laboratory; content and scoring are unchanged. */
@scope (.salvaguardas) {
 :scope{--bg:#faf9f6;--card:#fff;--ink:#242921;--muted:#697064;--line:#dedfd7;--acc:#556b42;--soft:#f0f2eb;--ok:#247044;--warn:#9b6b12;--bad:#a43f43;background:var(--bg);font-family:Arial,"Segoe UI",sans-serif;line-height:1.65}
 .lesson.wrap{max-width:1480px;margin:auto;padding:32px 40px 80px}
 .breadcrumb{font-size:14px;color:var(--muted);margin-bottom:0}
 .lesson-intro{padding:24px 0 36px;border-bottom:1px solid var(--line)}
 h1,h2,h3{font-family:Georgia,serif;text-wrap:balance}
 h1{font-size:clamp(2.2rem,4.5vw,3.9rem);font-weight:400;letter-spacing:-.035em;line-height:1.12;max-width:27ch;margin:0 0 20px}
 .lead{font-size:1.05rem;max-width:70ch;line-height:1.7;margin:0;color:var(--muted)}
 .card.lesson-section{margin:56px 0 0;padding:0;background:transparent;border:0;border-radius:0;scroll-margin-top:24px}
 h2{display:flex;align-items:baseline;gap:12px;font-size:1.6rem;font-weight:600;line-height:1.3;margin:0 0 16px}
 h3{font-size:1.1rem;font-weight:600;margin:24px 0 10px}
 .step-n{flex:none;width:auto;height:auto;line-height:1;background:transparent;color:var(--acc);font:14px Consolas,monospace;border-bottom:2px solid var(--acc);border-radius:0;padding:0 0 5px;margin:0}
 p{max-width:82ch;margin:10px 0}
 .salv-lab,.threshold-lab{margin-top:24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:0 12px 36px #173e6710}
 .salv-lab{display:flex;flex-direction:column}
 .sim-stage{order:0;padding:26px 24px}
 .sim-controls{order:1;background:var(--soft);padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px 24px;align-items:start;border-top:1px solid var(--line)}
 .sim-controls>p{grid-column:1;grid-row:1;margin:0;font-size:.9rem;font-weight:600}
 .sim-controls>.chips{grid-column:1;grid-row:2;margin:0}
 .sim-controls>label{grid-column:2;grid-row:1;font-size:.9rem;font-weight:600}
 .sim-controls>textarea{grid-column:2;grid-row:2 / 4;min-height:98px;background:var(--card)}
 .sim-controls>.go{grid-column:3;grid-row:2;white-space:nowrap}
 .sim-controls>.auto-hint{grid-column:1 / -1;grid-row:4;font-size:.85rem;font-weight:400;color:var(--muted);margin:10px 0 0;max-width:none}
 .sim-controls>.policy-threshold{grid-column:1 / -1;grid-row:5;font-size:.85rem;font-weight:600;margin:0;max-width:none}
 .node.skipped{opacity:.6;border-style:dashed}
 .node.skipped::after{content:'No se ejecuta';display:block;margin-top:12px;font-size:.8rem;font-weight:600}
 .pipe{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:stretch;gap:6px;margin:0}
 .node{padding:16px 12px;min-width:0;border-radius:12px;opacity:.65;background:var(--card)}
 .node b{font-size:.9rem;line-height:1.4;margin-bottom:8px}
 .node small{font-size:.8rem;line-height:1.6}
 #n0 textarea{margin-top:14px;min-height:170px;font-size:.9rem;line-height:1.6;background:var(--card)}
 .sr-message-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .arrow{align-self:center;font-size:0}
 .arrow::after{content:'→';font-size:18px;color:var(--muted)}
 .tags{gap:4px}.tag{font-size:.68rem;overflow-wrap:anywhere}
 .result{font-size:.9rem;padding:10px}.result span{font-size:.8rem;line-height:1.5}
 button.chip,button.go{font-family:Consolas,monospace;font-size:.82rem;min-height:44px;border-radius:7px;padding:8px 12px;transition:background .15s,border-color .15s}
 button.chip{background:var(--card)}
 button.chip.on{background:var(--acc);border-color:var(--acc);color:white}
 button.chip:hover{border-color:var(--acc)}
 button.go{background:var(--acc);color:white;font-weight:600;margin:0}
 details{margin-top:18px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
 summary{color:var(--acc);font-size:.9rem}details p{margin-top:14px}
 .mini{padding:18px;gap:10px;margin:20px 0;border:1px solid var(--line);background:var(--card);justify-content:center;font-family:Consolas,monospace;font-size:.78rem}
 .threshold-lab{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}
 .threshold-stage{min-width:0;padding:28px}
 .threshold-controls{min-width:0;padding:22px;background:var(--soft);border-left:1px solid var(--line)}
 .threshold-controls>label{margin-top:0!important}
 .threshold-controls>h3{margin-top:22px}
 .threshold-controls>p{font-size:.85rem}
 .plot{height:220px;margin-top:42px;background:linear-gradient(to top,var(--soft),transparent)}
 .dot{width:18px;height:18px;min-width:18px;min-height:18px;border-width:3px}
 .legend{gap:10px 18px;font-size:.78rem}
 .info{margin-top:20px;min-height:120px;padding:16px;font-size:.88rem}
 input[type=range]{min-height:44px}
 .m2{gap:6px;grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);font-size:.78rem}
 .m2 div{padding:12px 6px;background:var(--card)}
 .m2 .hd{background:transparent}.m2 b{font-family:Consolas,monospace;font-size:1.7rem}
 .who{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
 .who div{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px}
 .who small{font-size:.88rem;line-height:1.65;margin-top:10px}
 .acts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
 .act{padding:20px;background:var(--card);border-radius:0 12px 12px 0;font-size:.92rem}
 .act b{margin-bottom:10px}
 .opt{display:inline-block;vertical-align:top;margin:18px 30px 4px 0;max-width:100%}
 .opt p{font:12px Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}
 .tbar{margin-top:42px}
 .probe{gap:8px;margin-top:20px}.probe i{height:44px;border-radius:8px}
 .wts{gap:8px;font-family:Consolas,monospace}
 .funnel{gap:18px;margin-top:24px}.col{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:14px;min-height:200px}
 .col h3{font-family:Consolas,monospace;font-size:.82rem;font-weight:400;margin-bottom:16px}.col .n{font:2rem Consolas,monospace;color:var(--acc)}
 .cost{gap:14px;margin-top:24px}.cbar div{max-width:100%}
 .reference-content{margin-top:56px;padding:26px 0;border-top:1px solid var(--line);background:transparent}
 .reference-content h2{display:block}.reference-content h3{margin-top:24px}
 .reference-content h3:has(+ .reference-sources:empty),.reference-sources:empty{display:none}
 .note{margin-top:28px}
 @media(max-width:1100px){
  .sim-controls{grid-template-columns:minmax(0,1fr)}
  .sim-controls>.go{grid-column:2;grid-row:4;justify-self:start}
  .pipe{grid-template-columns:1fr;max-width:760px;margin:auto}
  .arrow::after{content:'↓'}.arrow{text-align:center}
  .node{padding:14px 18px}.node b{margin-bottom:3px}
  .threshold-lab{grid-template-columns:1fr}
  .threshold-controls{border-left:0;border-top:1px solid var(--line)}
  .who,.acts{grid-template-columns:repeat(2,minmax(0,1fr))}
 }
 @media(max-width:600px){
  .lesson.wrap{padding:20px 18px 60px}
  .lesson-intro{padding-top:22px}h1{font-size:2.35rem}h2{font-size:1.4rem;gap:10px}
  .card.lesson-section{margin-top:40px}
  .sim-stage,.threshold-stage{padding:18px 14px}
  .sim-controls{display:flex;flex-direction:column;padding:18px 14px;gap:12px}
  .sim-controls>.chips{margin-bottom:8px}.sim-controls>textarea{min-height:110px}
  .sim-controls>.go{width:100%}.threshold-controls{padding:18px 14px}
  .who,.acts{grid-template-columns:1fr}
  .plot{height:170px}.mini{justify-content:flex-start;padding:12px;gap:6px}
  .funnel{gap:6px}.col{padding:10px 8px;min-height:180px}.col h3{font-size:.7rem}.col .n{font-size:1.5rem}
  .grid{gap:3px}.grid i{width:7px;height:7px}
  .opt{margin-right:0;display:block}
 }
 .board-launch{display:flex;justify-content:flex-end;margin:20px 0 -12px}
 .board-launch button,.board-close{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--acc);font:inherit;cursor:pointer}
 .board-launch button:hover,.board-close:hover{border-color:var(--acc);background:var(--soft)}
 .salv-board{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:20px 28px 28px;background:var(--bg);color:var(--ink);overflow:auto;overscroll-behavior:contain}
 .salv-board::backdrop{background:var(--bg)}
 .board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-20px;z-index:5;background:var(--bg);padding:12px 0 18px;border-bottom:1px solid var(--line)}
 .board-toolbar h2{display:block;font-size:clamp(1.2rem,2.4vw,1.9rem);margin:0}
 .board-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.board-actions span{color:var(--muted);font-size:.85rem}
 .board-content{max-width:1800px;margin:0 auto}
 .salv-board .salv-lab,.salv-board .threshold-lab{margin-top:20px;box-shadow:none}
 .salv-board .node small{font-size:.95rem}.salv-board .node b{font-size:1rem}.salv-board .result{font-size:1.1rem}.salv-board .result span{font-size:.95rem}
 .salv-board .info{font-size:1rem}.salv-board .plot{height:clamp(180px,32dvh,360px)}
 .salv-board .m2{font-size:.9rem}.salv-board .m2 b{font-size:2rem}
 @media(min-width:1000px){
  .salv-board .pipe{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);max-width:none}
  .salv-board .arrow::after{content:'→'}
  .salv-board .threshold-lab{grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr)}
  .salv-board .threshold-controls{border-top:0;border-left:1px solid var(--line)}
 }
 @media(max-width:600px){
  .salv-board{padding:12px}
  .board-toolbar{top:-12px;gap:12px;align-items:flex-start;padding-top:8px}
  .board-toolbar h2{font-size:1.15rem}
  .board-actions span{display:none}.board-close{font-size:.8rem;padding:8px;max-width:130px}
 }
 @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
}
html.salv-board-open{overflow:hidden}