/* DPD Option 2 — real illustrated workshop strip (private draft).
   Generated artwork does the drawing; HTML supplies semantic links only. */
.dpd-workshop-band{position:relative;width:100%;max-width:1586px;margin:0 auto;background:#0c3642;border-top:4px solid #f0d4a8;border-bottom:4px solid #e3b86c;isolation:isolate}
.dpd-workshop-band *{box-sizing:border-box}
.dpd-workshop-scroll{width:100%;overflow:hidden}
.dpd-workshop-stage{width:100%;aspect-ratio:1536/494;position:relative;background:#0c3642}
.dpd-workshop-scene{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;border:0!important;margin:0!important;padding:0!important}
.dpd-workshop-hotspots a{position:absolute;display:block;top:1%;height:68%;z-index:2;background:transparent;transition:box-shadow .2s ease,background .2s ease;cursor:pointer}
.dpd-workshop-hotspots a:hover{background:#ffe9b116;box-shadow:inset 0 -5px 0 #f5ce7b88}
.dpd-workshop-hotspots a:focus-visible{outline:4px solid #f8d35d;outline-offset:-4px}
.dpd-workshop-mt{left:23%;width:16.5%}
.dpd-workshop-books{left:40%;width:17.5%}
.dpd-workshop-apps{left:58.5%;width:17.5%}
.dpd-workshop-learn{left:77%;width:19%}
.dpd-workshop-mobile{display:none}
@media(max-width:700px){
 .dpd-workshop-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#e9ba63 #123f4a;scrollbar-width:thin}
 .dpd-workshop-stage{width:1050px;min-width:1050px}
 .dpd-workshop-mobile{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:10px 9px 13px;background:#f0d4a8;color:#12333b!important}
 .dpd-workshop-mobile a{font:800 11px/1.3 system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:9px 12px;color:#12333b!important;text-decoration:none!important}
 .dpd-workshop-mobile a:focus-visible{outline:3px solid #b64d30}
}
@media(prefers-reduced-motion:reduce){.dpd-workshop-hotspots a{transition:none}}