/* ADLS Stage E · Module 10 Topics 01–03, topic-scoped teaching visuals. */
.hy .hy-stagee{width:100%;max-width:780px;margin:auto;display:flex;flex-direction:column;gap:13px;color:#3c5365}
.hy .hy-stagee-eyebrow,.hy .hy-stagee-target-heading{font-size:10px;text-align:center;color:#526f86;letter-spacing:.065em;font-weight:750;line-height:1.45}
.hy .hy-stagee-icon{width:24px;height:24px;flex:0 0 24px}
.hy .hy-stagee-button{appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:8px;border:1px solid #ccd6df;background:#fff;cursor:pointer;color:#42596e;font:inherit;text-align:center}
.hy .hy-stagee-button strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.hy .hy-stagee-button small{font-size:10.5px;color:#667585;line-height:1.45;overflow-wrap:anywhere}
.hy .hy-stagee-button:hover{box-shadow:0 3px 11px rgba(33,83,126,.07)}
.hy .hy-stagee-button:focus-visible{outline:3px solid #6298c8;outline-offset:2px}
.hy .hy-stagee-button.hy-stagee-selected{outline:2px solid #2d638e;outline-offset:2px;box-shadow:0 0 0 4px rgba(45,99,142,.08)}
.hy .hy-stagee-button.hy-stagee-blue{background:#eef5fb;color:#235e90;border-color:#b2c9dd}
.hy .hy-stagee-button.hy-stagee-green{background:#eef8f2;color:#246e4d;border-color:#b4d8c4}
.hy .hy-stagee-button.hy-stagee-purple{background:#f5f0fa;color:#70528f;border-color:#d1c1e0}
.hy .hy-stagee-button.hy-stagee-grey{background:#f5f6f8;color:#64717f;border-color:#d5dce3}
.hy .hy-stagee-discover-head{display:flex;align-items:center;gap:9px;border:1px solid #c8d7e4;background:#eff5fa;border-radius:8px;padding:12px;flex-wrap:wrap}
.hy .hy-stagee-discover-head strong{font-size:12px;color:#315d80}
.hy .hy-stagee-discover-head span{font-size:11px;color:#617586}
.hy .hy-stagee-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.hy .hy-stagee-discover-card{padding:10px;border:1px solid #dce4ec;border-radius:8px;background:#fff;min-width:0;display:flex;flex-direction:column;gap:9px}
.hy .hy-stagee-discover-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;min-height:58px}
.hy .hy-stagee-discover-state>span:last-child{font-size:10.5px;line-height:1.45;color:#536778}
.hy .hy-stagee-tag{display:inline-flex;justify-content:center;max-width:100%;padding:4px 7px;border:1px solid #d8dfe6;border-radius:5px;background:#f5f6f8;font-size:10px;font-weight:700;line-height:1.4;text-align:center}
.hy .hy-stagee-tag-blue{color:#2b5c80;background:#eaf3fa;border-color:#c1d5e7}
.hy .hy-stagee-tag-purple{color:#6d5188;background:#f3eff9;border-color:#d6c8e4}
.hy .hy-stagee-tag-unknown{color:#7a6048;background:#faf5ee;border-color:#e4d6c7}
.hy .hy-stagee-result{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #d6e0ea;background:#f5f8fb;border-radius:8px}
.hy .hy-stagee-result strong,.hy .hy-stagee-result span{display:block}
.hy .hy-stagee-result strong{font-size:12px;margin-bottom:4px}
.hy .hy-stagee-result span{font-size:11px;line-height:1.5;color:#536c80}
.hy .hy-stagee-notice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #d4e0eb;background:#f3f7fb;color:#3d5b72;border-radius:8px;font-size:11px;line-height:1.55}
.hy .hy-stagee-notice-warn{background:#fff8f0;border-color:#e7cfaf;color:#795934}
.hy .hy-stagee-caption{text-align:center;font-size:11px;color:#607585;line-height:1.5}
.hy .hy-stagee-target-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hy .hy-stagee-target-lane{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #d5e1eb;border-radius:9px;background:#fff;min-width:0}
.hy .hy-stagee-zone-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:#5e7180;text-align:center}
.hy .hy-stagee-target-child{border-top:1px solid #e0e7ed;padding-top:10px;font-size:11px;color:#536b7b;line-height:1.5;text-align:center}
.hy .hy-stagee-bottom-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hy .hy-stagee-bottom-parts .hy-stagee-button{min-height:82px}
/* The cloud-only candidate has one supporting workstream; center it below the flow. */
.hy .hy-stagee-bottom-parts-single{display:flex;justify-content:center}
.hy .hy-stagee-bottom-parts-single>.hy-stagee-button{flex:0 1 460px;min-width:0}
.hy .hy-stagee-cloud-main{border:1px solid #b8d9c6;background:#f0f8f3;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:9px}
.hy .hy-stagee-cloud-main>.hy-stagee-button{max-width:460px;margin:auto}
.hy .hy-stagee-remaining{border:1px solid #e5d1bb;border-radius:9px;background:#fff8f1;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;font-size:11px;line-height:1.5}
.hy .hy-stagee-remaining>.hy-stagee-button{max-width:380px}
.hy .hy-stagee-remaining-title{display:flex;align-items:center;gap:8px;color:#875928;font-size:12px}
.hy .hy-stagee-cloud-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1.3fr) minmax(0,.72fr) minmax(0,1fr);align-items:stretch;gap:6px}
.hy .hy-stagee-source-muted,.hy .hy-stagee-target-candidate,.hy .hy-stagee-candidate{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:7px;border:1px solid #dce3ea;border-radius:8px;min-width:0;text-align:center;font-size:10.5px;line-height:1.4}
.hy .hy-stagee-target-candidate{background:#f2faf5;border-color:#c5ddce}
.hy .hy-stagee-source-muted{background:#f7f8fa}
.hy .hy-stagee-candidate{background:#fff8f0;border-color:#e7cead}
.hy .hy-stagee-direction{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-align:center;color:#5a7489}
.hy .hy-stagee-direction span{font-size:22px;line-height:1}
.hy .hy-stagee-direction small{font-size:10px;line-height:1.45}
.hy .hy-stagee-stage-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hy .hy-stagee-stage-item{min-width:0;display:flex;flex-direction:column;gap:9px}
.hy .hy-stagee-stage-item>.hy-stagee-button{min-height:107px}
.hy .hy-stagee-stage-marker{display:flex;justify-content:center}
.hy .hy-stagee-guide{display:flex;flex-direction:column;border:1px solid #dce5ec;border-radius:8px;overflow:hidden}
.hy .hy-stagee-guide-row{padding:13px;display:flex;flex-direction:column;gap:7px;border-top:1px solid #e5ebef}
.hy .hy-stagee-guide-row:first-child{border-top:0}
.hy .hy-stagee-guide-row:nth-child(even){background:#f8fafc}
.hy .hy-stagee-guide-row>div{display:flex;align-items:center;gap:8px;color:#315b78}
.hy .hy-stagee-guide-row strong{font-size:12px}
.hy .hy-stagee-guide-row p{font-size:11.5px;line-height:1.55;margin:0;color:#4f6372}
@media(max-width:760px){
 .hy .hy-stagee-grid2,.hy .hy-stagee-target-dual{gap:8px}
 .hy .hy-stagee-cloud-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .hy .hy-stagee-cloud-flow .hy-stagee-direction:nth-of-type(4){display:none}
 .hy .hy-stagee-source-muted{grid-column:1}
 .hy .hy-stagee-candidate{grid-column:3}
 .hy .hy-stagee-target-candidate{grid-column:1/-1}
}
@media(max-width:500px){
 .hy .hy-stagee-grid2,.hy .hy-stagee-target-dual,.hy .hy-stagee-bottom-parts{grid-template-columns:1fr}
 .hy .hy-stagee-stage-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hy .hy-stagee-cloud-flow{grid-template-columns:1fr}
 .hy .hy-stagee-source-muted,.hy .hy-stagee-candidate,.hy .hy-stagee-target-candidate{grid-column:auto}
 .hy .hy-stagee-direction span{transform:rotate(90deg)}
 .hy .hy-stagee-cloud-flow .hy-stagee-direction:nth-of-type(4){display:flex}
 .hy .hy-stagee-discover-card{padding:11px}
}