#homePage .pwPathwayCards{grid-template-columns:repeat(3,minmax(0,1fr))}
#homePage .pwPathwayCard.safety{background:linear-gradient(135deg,#414329,#173b42);border-color:#d9cc7855}
#homePage .pwPathwayCard.safety .pwPathwayState{color:#f5dd8a}
.pwSafetyPage{color:#edf7fa}.pwSafetyPage button{cursor:pointer}
.pwSafetyHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,43%);gap:22px;align-items:center;padding:25px;border:1px solid #74dcf044;border-radius:18px;background:linear-gradient(120deg,#072d3e,#082533);margin:10px 0 14px}
.pwSafetyHero h1{font-size:clamp(29px,4vw,43px);line-height:1.1;margin:10px 0}.pwSafetyHero p,.pwSafetyBoundary p,.pwSafetySources p{font-size:14px;line-height:1.55;color:#c7dce3}
.pwSafetyHero img{display:block;width:100%;height:auto;border-radius:12px}.pwSafetyHeroActions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.pwSafetyHeroActions button{width:auto}.pwSafetyHeroActions span{font-size:12px;font-weight:800;color:#a7edc7}
.pwSafetyBoundary{padding:14px 18px;border-left:4px solid #dcca7b;background:#332e20;border-radius:8px;margin-bottom:16px}.pwSafetyBoundary b{color:#ffe5a2}.pwSafetyBoundary p{margin:6px 0 0}
.pwSafetyLayout{display:grid;grid-template-columns:255px minmax(0,1fr);align-items:start;gap:14px}.pwSafetyNav,.pwSafetyContent,.pwSafetySources{border:1px solid #ffffff1e;border-radius:15px;background:#062838;padding:17px}.pwSafetyNav{position:sticky;top:12px}.pwSafetyNav #pwSafetyLessonNav{display:grid;gap:7px;margin:13px 0}.pwSafetyNav button{width:100%;text-align:left;padding:12px;border-radius:9px;background:#0a3447;border:1px solid #ffffff20;color:#d8edf4;font-size:12px;line-height:1.35}.pwSafetyNav button.active{border-color:#77e1ed;background:#15566b;color:#fff}.pwSafetyNav button.completed:before{content:'✓ ';color:#8df0bd}.pwSafetyNav .pwSafetyQuizLink{background:#17644f;font-weight:800;text-align:center}
.pwSafetyContent h2{font-size:28px;margin:8px 0}.pwSafetyContent .pwSafetyLead{font-size:16px;line-height:1.5;color:#c6e4e9}.pwSafetyContent img{width:100%;border-radius:12px;margin:10px 0 17px;background:#031923}.pwSafetyPoints{display:grid;gap:9px}.pwSafetyPoint{padding:14px;border-radius:10px;background:#0a3448;border:1px solid #ffffff16}.pwSafetyPoint h3{font-size:17px;margin:0 0 5px}.pwSafetyPoint p,.pwSafetyScenario p{font-size:13px;line-height:1.55;color:#c3dbe2;margin:0}.pwSafetyScenario{padding:15px;border-radius:11px;background:#173e40;border:1px solid #86dfb34b;margin:16px 0}.pwSafetyScenario b{display:block;margin-bottom:6px;color:#a7f0c2}.pwSafetyActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pwSafetyActions button{width:auto;min-height:42px}.pwSafetyActions button.secondary{background:#10445a}.pwSafetySourceRef{margin-top:15px;font-size:12px;color:#a7c8d2}.pwSafetyPage a{color:#89e5fa;text-decoration:underline;text-underline-offset:2px}
.pwSafetySources{margin:16px 0}.pwSafetySources h2{font-size:21px;margin:0}.pwSafetySources #pwSafetySourceLinks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pwSafetySources a{font-size:12px;line-height:1.4;padding:10px;background:#0a3448;border-radius:8px}
.pwSafetyQuestion{padding:15px;margin:12px 0;background:#0a3448;border:1px solid #ffffff20;border-radius:11px}.pwSafetyQuestion legend{font-size:15px;font-weight:800;line-height:1.4}.pwSafetyQuestion label{display:block;margin-top:7px;padding:9px;border:1px solid #ffffff21;border-radius:8px;font-size:13px;cursor:pointer}.pwSafetyQuestion label:has(input:checked){background:#17536a;border-color:#68cde8}.pwSafetyQuestion label.correct{border-color:#65e2a2;background:#144b38}.pwSafetyQuestion label.incorrect{border-color:#ff9c88;background:#68352e}.pwSafetyQuestion .feedback{font-size:12px;line-height:1.45;margin:9px 0 0}.pwSafetyResults{padding:14px;background:#123f45;border-radius:10px;margin:14px 0}.pwSafetyResults b{font-size:19px}
.pwSafetyVisualPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 18px}.pwSafetyVisualPair figure{margin:0;background:#0a3448;border:1px solid #ffffff1b;border-radius:12px;overflow:hidden}.pwSafetyVisualPair figure:only-child{grid-column:1/-1}.pwSafetyVisualPair img{display:block;width:100%;height:220px;object-fit:contain;margin:0;border-radius:0}.pwSafetyVisualPair figure:nth-child(2) img{object-fit:cover}.pwSafetyVisualPair figcaption{padding:9px 12px;color:#bcd7e0;font-size:12px;line-height:1.4}.pwSafetyQuestion .pwSafetyQuestionImage{display:block;max-width:390px;width:100%;max-height:180px;object-fit:cover;margin:10px 0;border-radius:8px}.pwSafetyQuestion label.correct:has(input:checked){border-color:#65e2a2;background:#144b38}.pwSafetyQuestion label.incorrect:has(input:checked){border-color:#ff9c88;background:#68352e}.pwSafetySources summary{cursor:pointer;font-size:17px;font-weight:800}.pwSafetySources[open] summary{margin-bottom:12px}
.pwSafetyHero img{height:260px;object-fit:cover;object-position:center}.pwSafetyScene{margin:18px 0 24px;border:1px solid #ffffff24;border-radius:15px;overflow:hidden;background:#071c27}.pwSafetyScene img{display:block;width:100%;height:clamp(260px,36vw,440px);object-fit:cover;margin:0;border-radius:0;background:#071c27}.pwSafetyScene figcaption{display:flex;gap:14px;align-items:baseline;padding:14px 18px;color:#c7dee5;font-size:13px;line-height:1.45}.pwSafetyScene figcaption b{flex:none;color:#90e0ee;letter-spacing:.09em;font-size:11px}.pwSafetyTeachingLabel{font-size:12px;letter-spacing:.12em;font-weight:900;color:#80d5e6;margin:22px 0 10px}.pwSafetyPoints{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pwSafetyPoint{background:#0b3345;padding:16px;min-width:0}.pwSafetyPointNo{display:inline-block;color:#79d7e8;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}.pwSafetyPoint h3{font-size:16px;line-height:1.3}.pwSafetyPoint p{font-size:13px}.pwSafetyScenario{background:#123a3b;border-color:#6cb89c44}
@media(max-width:900px){.pwSafetyPoints{grid-template-columns:1fr}.pwSafetyPoint{padding:15px}.pwSafetyPointNo{margin-bottom:4px}}
@media(max-width:600px){.pwSafetyScene img{height:240px}.pwSafetyScene figcaption{display:block}.pwSafetyScene figcaption b{display:block;margin-bottom:5px}.pwSafetyHero img{height:210px}}
@media(max-width:1100px){#homePage .pwPathwayCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#homePage .pwPathwayCards{grid-template-columns:1fr}.pwSafetyHero,.pwSafetyLayout,.pwSafetyVisualPair{grid-template-columns:1fr}.pwSafetyHero{padding:18px}.pwSafetyNav{position:static}.pwSafetySources #pwSafetySourceLinks{grid-template-columns:1fr}}
