/* Supplied materials scene stays below the readable content. */
.toolkit-background{padding:36px 36px 300px;border-radius:22px;background-color:#f8faff;background-image:url('/assets/outcomes-workshop-20260925.png');background-repeat:no-repeat;background-position:right bottom;background-size:460px auto;gap:40px;overflow:hidden}.toolkit-background .tool-grid article{border-top-color:#d7dfeb}.toolkit-background .tool-grid p{color:#535f72}.toolkit-background .section-kicker{color:#56647a}
@media(max-width:760px){.toolkit-background{padding:24px 20px 215px;border-radius:18px;gap:22px;background-size:100% auto}.toolkit-background h3{font-size:26px}.toolkit-background .tool-grid{gap:22px 18px}.toolkit-background .tool-grid h4{font-size:16px}.toolkit-background .tool-grid p{font-size:14px;line-height:1.5}}
@media(max-width:360px){.toolkit-background{padding:22px 16px 180px}.toolkit-background .tool-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.toolkit-background h3{font-size:24px}.toolkit-background .tool-grid h4{font-size:15px}}
/* Crop the lower edge while preserving the scene's size and position. */
.toolkit-background{padding-bottom:204px;background-position:right 0 bottom -96px}
@media(max-width:760px){.toolkit-background{padding-bottom:119px}}
@media(max-width:360px){.toolkit-background{padding-bottom:100px;background-position:right 0 bottom -80px}}

/* Learning outcomes replace the tools summary in the existing scene. */
.toolkit-outcomes h3{margin:0}
.outcome-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;list-style:none;margin:0;padding:0}
.outcome-list li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-top:1px solid #d7dfeb;padding-top:15px;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.outcome-check{width:25px;height:25px;flex:none;color:var(--blue)}
@media(max-width:760px){.outcome-list{gap:20px 18px}.outcome-list li{font-size:16px;padding-top:12px;gap:8px}.outcome-check{width:22px;height:22px}}
@media(max-width:360px){.outcome-list{gap:18px 12px}}
