/* Shared visual course directory; all styles stay inside this section. */
body.skillhub-refresh #content .shb-explore-courses{display:block;position:relative;clear:both;width:100%;margin:0;padding:64px 24px;background:radial-gradient(ellipse at 5% 0%,#214f894f,transparent 55%),radial-gradient(ellipse at 100% 100%,#5043b84d,transparent 50%),#101d38;color:#fff;border-top:4px solid #eab957;isolation:isolate;scroll-margin-top:100px;box-sizing:border-box}
#content .shb-explore-courses *{box-sizing:border-box}
#content .shb-explore-inner{width:100%;max-width:1200px;margin:0 auto}
#content .shb-explore-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px}
#content .shb-explore-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;margin:0 0 12px;border:1px solid #eab95755;border-radius:100px;background:#eab95712;color:#f8cf7b;font-family:inherit;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:2px}
#content .shb-explore-heading h2{font-family:inherit;font-size:clamp(27px,3.4vw,42px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0;color:#fff;text-transform:none}
#content .shb-explore-courses .shb-explore-all{display:inline-flex;align-items:center;gap:18px;flex-shrink:0;padding:13px 19px;min-height:48px;border:1px solid #f7d899;border-radius:12px;background:#f4c76f;color:#182844;font-size:14px;font-weight:750;line-height:1.4;text-decoration:none;box-shadow:0 5px 20px #0002;transition:background .2s,transform .2s}
#content .shb-explore-courses .shb-explore-all:hover{background:#ffdda0;transform:translateY(-2px)}
#content .shb-explore-courses nav{display:block;position:static;inset:auto;background:transparent;border:0;padding:0;margin:0;box-shadow:none;width:100%;height:auto;overflow:visible}
#content .shb-explore-courses .shb-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
#content .shb-explore-grid li{--course-accent:#2869b7;--course-tint:#eaf3ff;display:block;min-width:0;margin:0;padding:0;list-style:none}
#content .shb-explore-grid li:nth-child(4n+2){--course-accent:#7852b5;--course-tint:#f2edfc}
#content .shb-explore-grid li:nth-child(4n+3){--course-accent:#137c72;--course-tint:#e6f5f1}
#content .shb-explore-grid li:nth-child(4n){--course-accent:#b35427;--course-tint:#fff1e7}
#content .shb-explore-grid .shb-explore-card{display:flex;position:relative;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;min-height:0;height:100%;padding:0;border:1px solid #ffffff52;border-radius:18px;background:#fff;color:#182f50;font-family:inherit;font-size:16px;line-height:1.45;text-align:left;text-decoration:none;overflow:hidden;box-shadow:0 6px 20px #0002;transition:border-color .22s,box-shadow .22s,transform .22s}
#content .shb-explore-grid .shb-explore-media{display:flex;position:relative;align-items:center;justify-content:center;height:152px;padding:20px 25px;background:linear-gradient(125deg,#fff,var(--course-tint));border-bottom:1px solid #e8edf4}
#content .shb-explore-grid .shb-explore-media img{display:block;position:static;width:100%;max-width:256px;height:112px;max-height:112px;object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;opacity:1;transition:transform .28s}
#content .shb-explore-grid .shb-explore-icon{position:absolute;right:16px;bottom:-17px;display:grid;place-items:center;width:36px;height:36px;padding:8px;color:#fff;background:var(--course-accent);border:2px solid #fff;border-radius:11px;box-shadow:0 3px 8px #18304c22}
#content .shb-explore-grid svg{display:block;width:100%;height:100%;margin:0}
#content .shb-explore-grid .shb-explore-fallback{display:block;width:72px;height:72px;color:var(--course-accent)}
#content .shb-explore-grid .shb-explore-copy{display:flex;flex:1;flex-direction:column;gap:19px;padding:24px 20px 17px}
#content .shb-explore-grid .shb-explore-course-title{display:block;min-height:46px;color:#182f50;font-size:16px;font-weight:750;line-height:1.45;letter-spacing:-.15px;overflow-wrap:break-word}
#content .shb-explore-grid .shb-explore-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #e9edf4;color:var(--course-accent);font-size:13px;font-weight:700;line-height:1.4}
#content .shb-explore-grid .shb-explore-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--course-tint);color:var(--course-accent);font-size:19px;transition:background .2s,color .2s}
#content .shb-explore-grid .shb-explore-card:hover{border-color:#f4c76f;box-shadow:0 14px 32px #0004;transform:translateY(-5px)}
#content .shb-explore-grid .shb-explore-card:hover .shb-explore-media img{transform:scale(1.045)}
#content .shb-explore-grid .shb-explore-card:hover .shb-explore-arrow{background:var(--course-accent);color:#fff}
#content .shb-explore-courses a:focus-visible{outline:3px solid #f4c76f;outline-offset:5px}
@media(max-width:960px){#content .shb-explore-courses .shb-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){body.skillhub-refresh #content .shb-explore-courses{padding:40px 18px}#content .shb-explore-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:24px}#content .shb-explore-courses .shb-explore-grid{grid-template-columns:1fr;gap:15px}#content .shb-explore-grid .shb-explore-card{flex-direction:row;border-radius:14px}#content .shb-explore-grid .shb-explore-media{flex:0 0 32%;width:32%;height:auto;min-height:151px;padding:16px 10px 33px;border-bottom:0;border-right:1px solid #e8edf4}#content .shb-explore-grid .shb-explore-media img{height:90px;max-height:90px}#content .shb-explore-grid .shb-explore-icon{right:calc(50% - 16px);bottom:12px;width:32px;height:32px;padding:6px}#content .shb-explore-grid .shb-explore-copy{min-width:0;gap:12px;padding:16px 14px}#content .shb-explore-grid .shb-explore-course-title{font-size:14px;min-height:0}#content .shb-explore-grid .shb-explore-cta{font-size:12px;padding-top:9px}#content .shb-explore-grid .shb-explore-arrow{width:25px;height:25px;flex-basis:25px}}
@media(prefers-reduced-motion:reduce){#content .shb-explore-courses a,#content .shb-explore-grid .shb-explore-media img,#content .shb-explore-grid .shb-explore-arrow{transition:none}#content .shb-explore-courses a:hover,#content .shb-explore-grid .shb-explore-card:hover .shb-explore-media img{transform:none}}