/* sleeveX: its own restrained green accent and original interactive diagrams */
.sleeve-story{background:#f6f8f5;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:8%;padding-top:80px;padding-bottom:85px}
.sleeve-story .sleeve-visuals{max-width:540px;width:100%;margin:0 auto}.sx-widget{border:1px solid #273645;border-radius:14px;overflow:hidden;color:#eaf0f3;background-color:#121d27;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px}.sx-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 0}.sx-status{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;color:#becbd2}.sx-status i{display:block;width:7px;height:7px;border-radius:50%;background:#80bd49}.sx-views{display:flex;padding:3px;border:1px solid #ffffff24;border-radius:30px;background:#0b141d}.sx-views button{padding:8px 14px;border-radius:22px;color:#c3d0d7;font-size:12px}.sx-views button[aria-pressed=true]{background:#79b947;color:#101d13}.sx-stage{height:clamp(250px,30vw,385px);display:flex;justify-content:center;align-items:center}.sx-stage>div{height:100%;width:100%;display:flex;justify-content:center}.sx-drawing{width:100%;height:100%;max-width:340px;overflow:visible}.sx-drawing [data-sx-layer]{cursor:pointer}.sx-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #ffffff1c;font-size:12px;color:#cbd5da}.sx-caption span:last-child{color:#98c972;letter-spacing:.08em}.sx-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 14px 0}.sx-keys button{min-width:0;min-height:40px;padding:8px 9px;border:1px solid #ffffff20;border-radius:6px;font-size:11px;line-height:1.4;text-align:left;color:#d1dbe0}.sx-keys button span{color:#91c76e;margin-right:6px;font-variant-numeric:tabular-nums}.sx-keys button:hover,.sx-keys button[aria-pressed=true]{color:#fff;border-color:#83bf53;background:#365b36}.sx-detail{min-height:42px;padding:10px 15px 14px;color:#afbec8;font-size:11px;line-height:1.6}.sx-caption-note{color:#68766e;font-size:11px;line-height:1.7;margin-top:12px}.sx-copy-kicker{display:block;margin:20px 0 12px;color:#528c31;font-size:11px;letter-spacing:.08em}.sleeve-story .sleeve-copy>.text-link{color:#4c832e;border-color:#9dbb8a}.sleeve-story .sleeve-copy h2{margin-top:0}.sx-widget button:focus-visible{outline-color:#a2dc76;outline-offset:2px}@media(max-width:850px){.sleeve-story{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:5%}.sx-keys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sleeve-story{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-top:55px;padding-bottom:55px}.sleeve-story .sleeve-visuals{max-width:480px;margin:0 auto}.sleeve-copy{max-width:480px}.sx-stage{height:300px}.sx-keys button{font-size:12px;min-height:44px}.sx-detail{font-size:12px}.sx-caption-note{font-size:12px}}

/* Integrated sleeveX section: diagram and controls sit directly on the section */
.sx-widget{border:0;border-radius:0;background:none;color:#27332d;overflow:visible}
.sx-widget-head{padding:0;align-items:center}.sx-status{color:#6c7e70}.sx-views{border:0;border-radius:0;padding:0;background:none;gap:16px}.sx-views button{padding:8px 1px;border-radius:0;border-bottom:2px solid transparent;color:#6d7972}.sx-views button[aria-pressed=true]{background:none;border-color:#70ae45;color:#427e2e}
.sx-caption{padding:12px 0;border-color:#cbd7ce;color:#56655b}.sx-caption span:last-child{color:#5d983e}.sx-keys{gap:2px 18px;padding:8px 0 0}.sx-keys button{padding:10px 0;border:0;border-bottom:1px solid #d9e2d9;border-radius:0;color:#394b40}.sx-keys button span{color:#649e48}.sx-keys button:hover,.sx-keys button[aria-pressed=true]{background:none;border-color:#70ae45;color:#3f812c}.sx-detail{padding:12px 0 0;color:#6a7c70}.sx-widget button:focus-visible{outline-color:#669c43}.sx-caption-note{border-top:1px solid #e0e8e0;padding-top:12px}

/* A longer body and a more balanced editorial column */
.sx-stage{height:clamp(340px,34vw,470px)}.sx-drawing{max-width:390px}
.sleeve-copy{width:100%;max-width:640px}.sleeve-copy .sleeve-text p{max-width:34em;font-size:clamp(16px,1.15vw,19px);line-height:1.85}.sleeve-copy h2{font-size:clamp(39px,3.2vw,58px)}.sx-copy-kicker{display:flex;align-items:center;gap:18px}.sx-copy-kicker:after{content:"";height:1px;background:#cad9c9;flex:1;max-width:220px}
@media(max-width:850px){.sx-stage{height:360px}.sleeve-copy h2{font-size:34px}.sleeve-copy .sleeve-text p{font-size:15px}}
@media(max-width:650px){.sx-stage{height:340px}.sleeve-copy h2{font-size:30px}.sleeve-copy .sleeve-text p{font-size:15px}}

/* Keep both view controls at the same height so switching does not move the model */
.sx-keys{min-height:90px}
@media(max-width:850px){.sx-keys{min-height:132px}}
@media(max-width:650px){.sx-keys{min-height:144px}}

/* Keep the illustrated sleeve slender, matching the approved visual reference */
.sx-stage{height:clamp(430px,42vw,600px)}
@media(max-width:850px){.sx-stage{height:460px}}
@media(max-width:650px){.sx-stage{height:450px}}