/* Product explanations on the left; the actual task setup stays on the right. */
#skills .scenario-overview{padding:3px 8px 0 0}
#skills .scenario-overview h3{font-size:31px;line-height:1.45;margin:20px 0 16px;text-wrap:initial;letter-spacing:-.5px}
#skills .scenario-overview .scenario-intro{font-size:17px;line-height:1.85;color:var(--ora-color-text-secondary);margin:0 0 20px;max-width:32em}
#skills .scenario-capabilities{list-style:none;margin:0;padding:0;border-top:1px solid var(--ora-color-border)}
#skills .scenario-capabilities li{padding:15px 0;border-bottom:1px solid var(--ora-color-border)}
#skills .scenario-capabilities li:last-child{border-bottom:0;padding-bottom:0}
#skills .scenario-capabilities strong{display:block;font-size:16px;line-height:1.65;color:var(--ora-color-text);font-weight:650;margin-bottom:4px}
#skills .scenario-capabilities p{font-size:15px;line-height:1.8;color:var(--ora-color-text-secondary);margin:0}
#skills .next-scenario strong{display:flex;flex-wrap:nowrap;font-size:16px;line-height:1.5;white-space:nowrap;text-wrap:initial;letter-spacing:0;max-width:100%;gap:0}
#skills .next-scenario strong span{display:inline-block;white-space:nowrap}
/* A quiet preview edge instead of a solid, full-height purple block. */
@media(min-width:761px){
 #skills .scenario-shell .next-scenario{width:108px;padding:18px 10px;gap:10px;background:linear-gradient(90deg,#FFFFFF 0%,#F5F7FC 100%);border-left:0;align-items:center;text-align:center;position:relative}
 #skills .scenario-shell .next-scenario:before{content:'';position:absolute;left:0;top:15%;bottom:15%;width:1px;background:linear-gradient(180deg,transparent,#E0E6F0 25%,#E0E6F0 75%,transparent)}
 #skills .scenario-shell .next-overline{font-size:12px;line-height:1.6;color:#607087}
 #skills .scenario-shell .next-scenario strong{font-size:15px;line-height:1.6;font-weight:600;color:#344A60;justify-content:center}
 #skills .scenario-shell .next-circle{width:36px;height:36px;border:1px solid #DCE3EF;background:transparent;color:#5365C9;font-size:23px;display:grid;place-items:center;border-radius:50%;transition:transform 180ms ease,background-color 180ms ease}
 #skills .scenario-shell .next-scenario:hover .next-circle{transform:translateX(3px);background:#EEF1FF}
}
@media(max-width:1050px){
  #skills .scenario-overview h3{font-size:26px;margin-top:17px}
  #skills .scenario-overview .scenario-intro{font-size:16px}
  #skills .scenario-capabilities li{padding:13px 0}
}
@media(max-width:900px){#skills .scenario-overview{padding:0;margin-bottom:24px}}
@media(max-width:760px){
  #skills .next-scenario{background:#F6F8FC}
  #skills .next-circle{width:30px;height:30px;border:1px solid #DCE3EF;background:transparent;font-size:21px}
  #skills .scenario-overview h3{font-size:25px;margin:16px 0 13px;letter-spacing:-.3px}
  #skills .scenario-overview .scenario-intro{font-size:16px;line-height:1.8;margin-bottom:18px}
  #skills .scenario-capabilities strong{font-size:16px}
  #skills .scenario-capabilities p{font-size:14px;line-height:1.8}
  #skills .next-scenario strong{flex-wrap:wrap;white-space:normal}
}