/* ADLS Stage F: scoped, outlined educational visualizations for Module 10 Topics 04–06 */
.hy .hy-stagef{width:100%;max-width:780px;display:flex;flex-direction:column;gap:12px;color:#3c5265}
.hy .hy-stagef-icon{width:24px;height:24px;flex:0 0 24px}
.hy .hy-stagef-eyebrow,.hy .hy-stagef-stream-title,.hy .hy-stagef-subhead{font-size:10px;font-weight:750;letter-spacing:.065em;text-align:center;color:#5c7588;line-height:1.45}
.hy .hy-stagef-node{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;width:100%;min-height:94px;border:1px solid #cad6e1;border-radius:8px;padding:11px 9px;background:#fff;color:#3c566b;text-align:center;font:inherit;cursor:pointer}
.hy .hy-stagef-node strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.hy .hy-stagef-node small{font-size:10.5px;color:#627584;line-height:1.4;overflow-wrap:anywhere}
.hy .hy-stagef-node:hover{box-shadow:0 2px 10px rgba(30,80,120,.08)}
.hy .hy-stagef-node:focus-visible{outline:3px solid #548fbf;outline-offset:3px}
.hy .hy-stagef-node.hy-stagef-selected{outline:2px solid #28628d;outline-offset:2px;box-shadow:0 0 0 4px rgba(40,98,141,.12)}
.hy .hy-stagef-node.hy-stagef-blue{background:#eff5fb;color:#255c87;border-color:#b3ccdf}
.hy .hy-stagef-node.hy-stagef-green{background:#eff8f3;color:#286b4b;border-color:#bad8c7}
.hy .hy-stagef-node.hy-stagef-purple{background:#f4f0f9;color:#6f568f;border-color:#d1c3e2}
.hy .hy-stagef-node.hy-stagef-grey{background:#f6f7f8;color:#617181;border-color:#d6dee5}
.hy .hy-stagef-node.hy-stagef-warn{background:#fff5e9;color:#94571f;border-color:#e7cba7}
.hy .hy-stagef-tag{display:inline-flex;justify-content:center;max-width:100%;font-size:10px;font-weight:650;line-height:1.4;border:1px solid #d9e1e8;border-radius:5px;padding:4px 8px;background:#f5f6f7;color:#617080;text-align:center}
.hy .hy-stagef-tag-blue{background:#edf5fb;color:#255e87;border-color:#c3d8e9}
.hy .hy-stagef-tag-green{background:#eff8f2;color:#276f4c;border-color:#c1dcca}
.hy .hy-stagef-tag-warn{background:#fff4e7;color:#935a23;border-color:#e8cba8}
.hy .hy-stagef-tag-muted{background:#f5f6f8;color:#617080;border-color:#dbe1e7}
.hy .hy-stagef-paths,.hy .hy-stagef-dependency-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hy .hy-stagef-path,.hy .hy-stagef-lane{display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:11px;border:1px solid #dce5ec;border-radius:9px;background:#fff;min-width:0}
.hy .hy-stagef-path-ad{background:#f9fbfd}
.hy .hy-stagef-path-cloud{background:#f7fbf9}
.hy .hy-stagef-zone{font-size:10px;font-weight:750;letter-spacing:.04em;color:#627585;text-align:center}
.hy .hy-stagef-stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hy .hy-stagef-stream,.hy .hy-stagef-dependency,.hy .hy-stagef-validation{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0}
.hy .hy-stagef-stream .hy-stagef-node{min-height:116px}
.hy .hy-stagef-operating{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #dde6ed;border-radius:9px;background:#f8fafc;padding:11px}
.hy .hy-stagef-operating>.hy-stagef-node{min-height:104px}
.hy .hy-stagef-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #d1dfeb;background:#f1f7fa;border-radius:8px;padding:12px;font-size:11px;line-height:1.55;color:#385c75}
.hy .hy-stagef-warning{background:#fff7ee;border-color:#e8d0b0;color:#8b582b}
.hy .hy-stagef-note .hy-stagef-icon{width:21px;height:21px;flex-basis:21px}
.hy .hy-stagef-caption{font-size:11px;line-height:1.55;text-align:center;color:#687989;margin:0}
.hy .hy-stagef-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hy .hy-stagef-validation{padding:9px;border:1px solid #dde5ed;background:#fff;border-radius:9px}
.hy .hy-stagef-validation .hy-stagef-node{min-height:108px}
.hy .hy-stagef-chevron{text-align:center;font-size:23px;line-height:1;color:#617f92}
.hy .hy-stagef-decision{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid #d1dae3;background:#f5f7f9;border-radius:10px}
.hy .hy-stagef-decision strong{display:block;font-size:19px;letter-spacing:.045em;margin-bottom:5px}
.hy .hy-stagef-decision span{display:block;font-size:12px;line-height:1.55}
.hy .hy-stagef-decision-hold{border-color:#cdd9e4;color:#4c6b81}
.hy .hy-stagef-decision-nogo{border-color:#e8c9a5;background:#fff5eb;color:#92551d}
.hy .hy-stagef-decision-go{border-color:#bcdcc9;background:#f0f8f3;color:#286e4c}
.hy .hy-stagef-next{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:8px;border:1px solid #dae3e9;background:#f8fafc;font-size:11px;line-height:1.55}
.hy .hy-stagef-next strong{font-size:12px}
.hy .hy-stagef-next span{display:block;margin-left:4px}
.hy .hy-stagef-next-block{background:#fff8f0;border-color:#e8d2b7;color:#855727}
.hy .hy-stagef-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hy .hy-stagef-steps>div{border:1px solid #cadde9;border-radius:8px;padding:12px;background:#eff6fb;font-size:11px;font-weight:700;text-align:center;line-height:1.45}
.hy .hy-stagef-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.hy .hy-stagef-results section{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;padding:13px;border:1px solid #dce5e9;border-radius:8px;background:#fff}
.hy .hy-stagef-results section:first-child{background:#f2f9f4}
.hy .hy-stagef-results section:last-child{background:#fff7f0}
.hy .hy-stagef-results strong{font-size:12px}
.hy .hy-stagef-results span{font-size:11px;line-height:1.5}
.hy .hy-stagef-lane-title{display:flex;gap:9px;align-items:center;color:#365d7a}
.hy .hy-stagef-lane-title strong{font-size:12px}
.hy .hy-stagef-lane>p{font-size:11px;line-height:1.5;color:#647887;text-align:center}
.hy .hy-stagef-dependency .hy-stagef-node{min-height:99px}
.hy .hy-stagef-retirement{padding:12px;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;border:1px solid #dfd3c5;background:#fffaf4;border-radius:10px}
.hy .hy-stagef-retirement .hy-stagef-node{max-width:450px}
.hy .hy-stagef-retirement p{font-size:11px;line-height:1.55;margin:0}
@media(max-width:700px){.hy .hy-stagef-paths,.hy .hy-stagef-dependency-map,.hy .hy-stagef-operating{gap:8px}.hy .hy-stagef-stream-grid{gap:6px}.hy .hy-stagef-node{padding:10px 7px}}
@media(max-width:520px){
 .hy .hy-stagef-stream-grid,.hy .hy-stagef-steps{grid-template-columns:1fr}
 .hy .hy-stagef-stream{flex-direction:row;align-items:center;border:1px solid #e0e7ee;padding:8px;border-radius:8px}
 .hy .hy-stagef-stream .hy-stagef-node{min-height:80px}
 .hy .hy-stagef-paths,.hy .hy-stagef-dependency-map,.hy .hy-stagef-operating,.hy .hy-stagef-results,.hy .hy-stagef-check-grid{grid-template-columns:1fr}
 .hy .hy-stagef-stream .hy-stagef-tag{flex:0 0 115px}
 .hy .hy-stagef-results section{padding:11px}
}
