/* Skill Hub: shared presentation refinement, existing content retained. */
body.skillhub-refresh{margin:0;background:#fff;-webkit-font-smoothing:antialiased}
.skillhub-refresh .skillhub-page-shell{width:100%;max-width:none;margin:0;padding:0}
.skillhub-refresh .sh#top{width:100%!important;max-width:none!important;margin:0!important;overflow:clip}
.skillhub-refresh :is(.sh,.shb-wrap,#skillhub-course){overflow-wrap:break-word}
.skillhub-refresh :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #d99a08;outline-offset:5px}
.skillhub-refresh :is(section[id],main[id]){scroll-margin-top:112px}
.skillhub-refresh .sh#top .wrap,.skillhub-refresh .sh#top .donor-wrap{max-width:1280px;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
.skillhub-refresh .sh#top .nav{background:#071a30f5;border-bottom:1px solid #eac45450;box-shadow:0 8px 32px #03122522}
.skillhub-refresh .sh#top .nav:after{background:linear-gradient(90deg,#175ddf,#57bdd3 52%,#ffd249)}
.skillhub-refresh .sh#top .navin{min-height:100px}
.skillhub-refresh .sh#top .brand small{font-size:12px;letter-spacing:.35px}
.skillhub-refresh .sh#top .links a{font-size:14px}
.skillhub-refresh .sh#top #home{padding:76px 0 82px;background:radial-gradient(ellipse at 90% 15%,#12497388,transparent 58%),linear-gradient(125deg,#06152c,#0c2e50);border-bottom:1px solid #193b59}
.skillhub-refresh .sh#top #home .donor-heroGrid{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:56px}
.skillhub-refresh .sh#top #home h1{font-size:clamp(38px,4.6vw,64px);line-height:1.13;letter-spacing:-1.8px;text-wrap:balance}
.skillhub-refresh .sh#top #home .donor-lead{font-size:18px;line-height:1.8;max-width:580px;color:#d1deed}
.skillhub-refresh .sh#top #home .donor-eyebrow{font-size:12px;letter-spacing:1.25px}
.skillhub-refresh .sh#top #home .donor-badge{font-size:13px}
.skillhub-refresh .sh#top #home .donor-heroImgWrap{padding:10px;border-radius:24px;background:#ffffff0a;border:1px solid #a9c7e04d;box-shadow:0 32px 70px #0005}
.skillhub-refresh .sh#top #home .donor-heroImg{display:block;object-fit:contain;width:100%;height:auto;border-radius:15px}
.skillhub-refresh .sh#top #about{background:#fff;padding:92px 0}
.skillhub-refresh .sh#top .aboutGrid{gap:64px;align-items:center}
.skillhub-refresh .sh#top .aboutSingle{padding:8px;background:#e6eef8;border-radius:20px;box-shadow:0 20px 48px #0b25451a}
.skillhub-refresh .sh#top #courses{padding:90px 0;background:#f0f5fb}
.skillhub-refresh .sh#top .grid3{gap:28px;align-items:stretch}
.skillhub-refresh .sh#top .course{display:flex;flex-direction:column;border-radius:18px;border:1px solid #d5e1ef;border-top:4px solid var(--accent,#175ddf);box-shadow:0 7px 22px #1029450b}
.skillhub-refresh .sh#top .courseBody{display:flex;flex-direction:column;flex:1;padding:28px;background:#fff}
.skillhub-refresh .sh#top .course h3{font-size:22px;line-height:1.4;color:#102945}
.skillhub-refresh .sh#top .course .desc{font-size:16px;line-height:1.8;color:#4c607b}
.skillhub-refresh .sh#top .course ul{margin-top:auto;padding-top:18px;font-size:14px}
.skillhub-refresh .sh#top .courseImgWrap{height:auto;aspect-ratio:1.8;flex-shrink:0}
.skillhub-refresh .sh#top .courseImgWrap img{height:100%!important;object-fit:cover}
.skillhub-refresh .sh#top .course.c1 .courseImgWrap img{object-fit:contain}
.skillhub-refresh .sh#top .eyebrow,.skillhub-refresh .sh#top .course .tag{font-size:12px}
.skillhub-refresh .sh#top #features{padding:90px 0}
.skillhub-refresh .sh#top .step{border-radius:16px;padding:28px 24px;box-shadow:0 8px 25px #10294508}
.skillhub-refresh .sh#top .step p{font-size:16px}
.skillhub-refresh .sh#top .cta{border-radius:22px;padding:56px;border-left:5px solid #ffd249;background:linear-gradient(120deg,#071a30,#123e63)}
.skillhub-refresh .sh#top .contactBox{border-radius:18px;box-shadow:0 8px 24px #10294508}
.skillhub-refresh .sh#top footer{background:#06152c}
.skillhub-refresh :is(.btn,.donor-btn,.shb-btn,.btn-join){min-height:48px}
.skillhub-refresh :is(.main-header,.shb-site-header){box-shadow:0 8px 28px #10294514}
.skillhub-refresh .main-header .main-nav a{min-height:44px;display:inline-flex;align-items:center}
.skillhub-refresh .shb-wrap{background:#f6f9fe}
.skillhub-refresh #skillhub-course{--header:100px}
.skillhub-refresh .skillhub-reveal-in{animation:skillhub-arrive .5s ease-out both}
@keyframes skillhub-arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(min-width:951px){.admin-bar.skillhub-refresh .sh#top .nav{top:32px}}
@media(max-width:1100px){
 .skillhub-refresh .sh#top .links{gap:2px}
 .skillhub-refresh .sh#top .brand span{font-size:23px}
 .skillhub-refresh .sh#top .brand small{font-size:11px;max-width:220px}
 .skillhub-refresh .sh#top #home .donor-heroGrid{gap:32px}
}
@media(max-width:950px){.skillhub-refresh .sh#top .links{display:none}}
@media(max-width:850px){
 .skillhub-refresh .sh#top #home .donor-heroGrid{grid-template-columns:1fr;gap:34px}
 .skillhub-refresh .sh#top #home .donor-heroImgWrap{max-width:540px;justify-self:center}
 .skillhub-refresh .sh#top .aboutGrid{gap:30px}
}
@media(max-width:700px){
 .skillhub-refresh .sh#top .navin{min-height:91px}
 .skillhub-refresh .sh#top .brand span{font-size:21px}
 .skillhub-refresh .sh#top .brand small{font-size:10px;max-width:170px}
 .skillhub-refresh .sh#top #home{padding:36px 0 48px}
 .skillhub-refresh .sh#top #home h1{font-size:clamp(33px,9vw,46px);letter-spacing:-1.1px}
 .skillhub-refresh .sh#top #home .donor-lead{font-size:16px}
 .skillhub-refresh .sh#top #home .donor-eyebrow{font-size:11px;letter-spacing:.6px}
 .skillhub-refresh .sh#top #home .donor-badge{font-size:12px}
 .skillhub-refresh .sh#top :is(#about,#courses,#features){padding:58px 0}
 .skillhub-refresh .sh#top .grid3{gap:24px}
 .skillhub-refresh .sh#top .courseBody{padding:24px}
 .skillhub-refresh .sh#top .cta{padding:32px 24px}
 .skillhub-refresh .sh#top .contactBox{padding:25px}
 .skillhub-refresh .sh#top .steps{grid-template-columns:1fr}
 .skillhub-refresh :is(section[id],main[id]){scroll-margin-top:100px}
}
@media(max-width:380px){
 .skillhub-refresh .sh#top .brand span{font-size:18px}
 .skillhub-refresh .sh#top .brand small{font-size:9px}
 .skillhub-refresh .sh#top .navin{padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){
 .skillhub-refresh *,.skillhub-refresh *::before,.skillhub-refresh *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
