/* SKILX premium whitespace system
 * Deliberate breathing room across marketing, trust and account experiences.
 */
:root{
  --skx-space-section:clamp(116px,8.5vw,164px);
  --skx-space-section-compact:clamp(92px,7vw,132px);
  --skx-space-grid:clamp(52px,4.2vw,72px);
  --skx-space-card:clamp(30px,2.5vw,40px);
}

/* Homepage and shared marketing sections */
.skx-hero{padding:clamp(132px,10vw,176px) 0 clamp(116px,8vw,150px)!important}
.skx-free-pill{margin-bottom:clamp(34px,3vw,46px)!important}
.skx-hero-copy{margin-top:clamp(38px,3.4vw,52px)!important;margin-bottom:clamp(34px,3vw,46px)!important}
.skx-hero-meta{margin-top:30px!important;gap:28px!important}
.skx-section{padding:var(--skx-space-section) 0!important}
.skx-section-title{margin:.7rem 0 1.55rem!important}
.skx-section-copy{margin-top:0!important;line-height:1.82!important}
.skx-category-grid,.skx-course-grid,.skx-skill-grid,.skx-step-grid,.skx-trust-grid{margin-top:var(--skx-space-grid)!important;gap:clamp(24px,2vw,32px)!important}
.skx-category-card{padding:var(--skx-space-card)!important}
.skx-course-body{padding:clamp(30px,2.4vw,38px)!important}
.skx-skill-card{min-height:220px!important;padding:var(--skx-space-card)!important}
.skx-step{padding:clamp(36px,3vw,46px)!important}
.skx-trust-card{padding:clamp(34px,3vw,44px)!important}
.skx-cta{padding:clamp(116px,8vw,154px) 0!important}
.skx-cta-wrap{gap:clamp(64px,7vw,120px)!important}
.skx-footer{padding:clamp(84px,6vw,112px) 0 36px!important}
.skx-footer-grid{gap:clamp(58px,6vw,104px)!important}
.skx-footer-logo{margin-bottom:26px!important}
.skx-footer-bottom{margin-top:clamp(54px,5vw,78px)!important;padding-top:26px!important}

/* Managed information, legal and support pages */
.skx-info-hero{padding:clamp(122px,9vw,166px) 0 clamp(104px,7vw,138px)!important}
.skx-info-eyebrow{margin-bottom:30px!important}
.skx-info-hero>div>p{margin-top:clamp(36px,3vw,48px)!important}
.skx-info-body{padding:clamp(108px,8vw,150px) 0 clamp(126px,9vw,172px)!important}
.skx-info-layout{gap:clamp(70px,9vw,150px)!important}
.skx-prose{line-height:1.86!important}
.skx-prose h2{margin:clamp(66px,5vw,84px) 0 20px!important}
.skx-prose h2:first-child{margin-top:0!important}
.skx-prose p{margin-bottom:28px!important}
.skx-prose ul{margin:24px 0 36px!important}
.skx-prose li{margin:12px 0!important}
.skx-info-aside{padding:clamp(32px,3vw,42px)!important}
.skx-faq-item summary{padding:30px 54px 30px 0!important}
.skx-faq-item div{padding:0 48px 30px 0!important}
.skx-contact-form{margin-top:46px!important;padding:clamp(32px,3vw,44px)!important}
.skx-contact-form label{margin-bottom:24px!important}
.skx-form-grid{gap:22px!important}

/* Account, login and learner dashboard */
.skx-account-auth-story{padding:clamp(68px,7vw,112px)!important}
.skx-account-auth-form{padding:clamp(80px,7vw,120px)!important}
.skx-account-form-card>p{margin-bottom:42px!important}
.skx-account-form-card form{gap:24px!important}
.skx-account-form-links{margin-top:30px!important}
.skx-account-guest{margin:clamp(100px,9vw,150px) auto!important;padding:clamp(64px,6vw,90px)!important}
.skx-dashboard{padding-top:clamp(104px,8vw,148px)!important;padding-bottom:clamp(126px,9vw,170px)!important}
.skx-dashboard-hero{gap:clamp(64px,7vw,120px)!important;padding-bottom:clamp(64px,5vw,84px)!important}
.skx-dashboard-links{padding:30px 0 18px!important}
.skx-learning-section{gap:clamp(54px,6vw,100px)!important;padding:clamp(64px,5vw,84px) 0!important}
.skx-learning-item{padding:clamp(26px,2.4vw,34px)!important}
.skx-learning-list{gap:16px!important}

/* Signup */
.skx-signup-story{padding:clamp(68px,7vw,112px)!important}
.skx-signup-form-panel{padding:clamp(80px,7vw,120px)!important}
.skx-signup-form{gap:22px!important}
.skx-signup-subtitle{margin-bottom:36px!important}

@media(max-width:900px){
  :root{--skx-space-section:92px;--skx-space-grid:44px}
  .skx-hero{padding:96px 0 86px!important}
  .skx-section{padding:92px 0!important}
  .skx-cta{padding:92px 0!important}
  .skx-info-hero{padding:94px 0 80px!important}
  .skx-info-body{padding:84px 0 106px!important}
  .skx-info-layout{gap:58px!important}
  .skx-account-auth-story,.skx-account-auth-form,.skx-signup-story,.skx-signup-form-panel{padding:64px 36px!important}
  .skx-dashboard{padding-top:82px!important;padding-bottom:110px!important}
}

@media(max-width:560px){
  :root{--skx-space-section:72px;--skx-space-grid:34px;--skx-space-card:24px}
  .skx-hero{padding:76px 0 68px!important}
  .skx-free-pill{margin-bottom:28px!important}
  .skx-hero-copy{margin:30px 0!important}
  .skx-section{padding:72px 0!important}
  .skx-category-grid,.skx-course-grid,.skx-skill-grid,.skx-step-grid,.skx-trust-grid{margin-top:34px!important;gap:18px!important}
  .skx-skill-card{min-height:185px!important}
  .skx-cta{padding:78px 0!important}
  .skx-footer{padding:68px 0 28px!important}
  .skx-footer-grid{gap:42px!important}
  .skx-info-hero{padding:72px 0 64px!important}
  .skx-info-body{padding:68px 0 86px!important}
  .skx-prose h2{margin-top:50px!important}
  .skx-contact-form{padding:24px!important;margin-top:34px!important}
  .skx-account-auth-story,.skx-account-auth-form,.skx-signup-story,.skx-signup-form-panel{padding:48px 24px!important}
  .skx-account-guest{margin:54px auto!important;padding:42px 26px!important}
  .skx-dashboard{padding-top:64px!important;padding-bottom:90px!important}
  .skx-dashboard-hero{padding-bottom:48px!important}
  .skx-learning-section{padding:52px 0!important;gap:34px!important}
  .skx-learning-item{padding:24px!important}
}