/* Applied only to two learning workbenches. Shared tool functionality unchanged. */
html body #main-content .sw-app.lp-workshop{background:#eaf3f2!important;color:#0a2132!important;max-width:1370px!important;margin:30px auto 85px!important;padding:0 23px 35px!important}
html body #main-content .sw-app.lp-workshop .sw-top{padding:20px 0!important;background:transparent!important}
html body #main-content .sw-app.lp-workshop .sw-top :is(a,span){color:#526b7b!important}
html body #main-content .sw-app.lp-workshop .sw-intro{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.78fr)!important;
 gap:14px 35px!important;align-items:center!important;
 padding:clamp(30px,4vw,65px)!important;
 background:radial-gradient(ellipse at right top,#176b6565,transparent 53%),linear-gradient(123deg,#0a2132,#0a2132)!important;
 color:#fff!important;border:1px solid #176b6568!important;border-radius:21px!important;
 margin-bottom:25px!important;overflow:hidden!important;box-shadow:0 20px 49px #0a21322a!important;
}
html body #main-content .sw-app.lp-workshop .sw-intro>.lp-workshop-art{
 grid-column:2!important;grid-row:1/5!important;min-width:0;max-width:100%;margin:0!important;overflow:hidden;border:1px solid #ffffff4a;
 border-radius:17px;transform:rotate(1deg);box-shadow:0 17px 42px #0005!important;
}
html body #main-content .sw-app.lp-workshop .sw-intro>.lp-workshop-art img{width:100%;height:auto;aspect-ratio:1200/760;object-fit:cover;display:block}
html body #main-content .sw-app.lp-workshop .sw-intro>.sw-eyebrow,
html body #main-content .sw-app.lp-workshop .sw-intro>h1,
html body #main-content .sw-app.lp-workshop .sw-intro>p{grid-column:1!important;margin:0!important;max-width:680px!important}
html body #main-content .sw-app.lp-workshop .sw-intro>.sw-eyebrow{color:#85dfd0!important;-webkit-text-fill-color:#85dfd0!important;font-size:11px!important;letter-spacing:.13em!important}
html body #main-content .sw-app.lp-workshop .sw-intro>h1{color:#fff!important;-webkit-text-fill-color:#fff!important;
 font-size:clamp(33px,4vw,56px)!important;line-height:1.13!important;letter-spacing:-.04em!important}
html body #main-content .sw-app.lp-workshop .sw-intro>p{color:#eaf3f2!important;-webkit-text-fill-color:#eaf3f2!important;line-height:1.85!important;font-size:14px!important}
html body #main-content .sw-app.lp-workshop .sw-workspace{gap:20px!important;align-items:start!important}
html body #main-content .sw-app.lp-workshop .sw-card,
html body #main-content .sw-app.lp-workshop .sw-sidebar{
 border:1px solid #eaf3f2!important;background:#fff!important;color:#0a2132!important;
 box-shadow:0 10px 30px #0a213213!important;border-radius:18px!important;
}
html body #main-content .sw-app.lp-workshop .sw-card :is(h2,h3,h4,strong),
html body #main-content .sw-app.lp-workshop .sw-sidebar h2{color:#0a2132!important;-webkit-text-fill-color:#0a2132!important}
html body #main-content .sw-app.lp-workshop .sw-card :is(p,small,li){color:#526b7b!important;-webkit-text-fill-color:#526b7b!important}
html body #main-content .sw-app.lp-workshop .sw-lesson-tabs button,
html body #main-content .sw-app.lp-workshop .sw-button{border-radius:9px!important}
html body #main-content .sw-app.lp-workshop .sw-lesson-tabs button[aria-pressed=true],
html body #main-content .sw-app.lp-workshop .sw-button{background:#176b65!important;color:#fff!important;border-color:#176b65!important}
html body #main-content .sw-app.lp-workshop .sw-sidebar nav a[aria-current=page]{background:#eaf3f2!important;color:#526b7b!important}
html body #main-content .sw-app.lp-workshop :is(button,a):focus-visible{outline:3px solid #176b65!important;outline-offset:3px}
@media(max-width:850px){html body #main-content .sw-app.lp-workshop .sw-intro{grid-template-columns:1fr!important}
 html body #main-content .sw-app.lp-workshop .sw-intro>.lp-workshop-art{grid-column:1!important;grid-row:4!important;transform:none!important}
 html body #main-content .sw-app.lp-workshop .sw-intro>.sw-eyebrow,
 html body #main-content .sw-app.lp-workshop .sw-intro>h1,
 html body #main-content .sw-app.lp-workshop .sw-intro>p{grid-column:1!important}
}
@media(max-width:600px){html body #main-content .sw-app.lp-workshop{padding:0 12px 35px!important}
 html body #main-content .sw-app.lp-workshop .sw-intro{padding:23px 18px!important;border-radius:14px!important}
 html body #main-content .sw-app.lp-workshop .sw-intro>h1{font-size:34px!important}
}