/* =====================================================================
   pages/about.css — about-page-only rules.
   Base page-hero, layout-2col, aside-card, next-step all live in common.css.
   ===================================================================== */

body.skin .page-hero--about{
  padding:64px 0 76px !important;
}

body.skin .page-hero--about > .container{
  max-width:var(--container-max,1240px) !important;
}

body.skin .page-hero--about .crumbs{
  font-size:12px !important;
  color:rgba(255,255,255,.65) !important;
  text-transform:uppercase !important;
  letter-spacing:1.3px !important;
  font-weight:600 !important;
  margin-bottom:16px !important;
}

body.skin .page-hero--about .crumbs [aria-current="page"]{
  color:#fff !important;
}

body.skin .page-hero--about .eyebrow{
  display:block !important;
  width:auto !important;
  padding:0 !important;
  margin:0 0 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#fed7aa !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:2.5px !important;
  line-height:1.6 !important;
  text-transform:uppercase !important;
}

body.skin .page-hero--about h1{
  font-size:clamp(32px,4.4vw,52px) !important;
  letter-spacing:-.8px !important;
  line-height:1.1 !important;
  margin:0 !important;
  max-width:920px !important;
}

body.skin .page-hero--about p.lede{
  font-size:17px !important;
  line-height:1.65 !important;
  margin-top:14px !important;
  max-width:760px !important;
  color:rgba(255,255,255,.85) !important;
}

body.skin .page-hero--about .meta-row{
  gap:18px !important;
  margin-top:18px !important;
  font-size:13px !important;
  color:rgba(255,255,255,.78) !important;
}

body.skin .page-hero--about .meta-row span{
  gap:6px !important;
}

body.skin main.section:has(.about-page){
  padding:0 !important;
}

body.skin main.section:has(.about-page) > .container{
  max-width:var(--container-max,1240px) !important;
}

body.skin main.section:has(.about-page) .content-main{
  width:100% !important;
  max-width:none !important;
}

body.skin main.section:has(.about-page) .about-page.section.tight{
  padding:48px 0 56px !important;
}

body.skin .about-page .layout-2col{
  grid-template-columns:minmax(0,1fr) 320px !important;
  gap:48px !important;
}

body.skin .about-page .layout-2col article p{
  color:#1a3656 !important;
  font-size:16px !important;
  line-height:1.8 !important;
  margin-bottom:18px !important;
}

body.skin .about-page .layout-2col article h2{
  color:#062940 !important;
  font-size:26px !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  margin:32px 0 14px !important;
}

body.skin .about-page .layout-2col article ol{
  padding-left:22px !important;
  margin:0 0 18px 0 !important;
}

body.skin .about-page .layout-2col article ol li{
  color:#1a3656 !important;
  font-size:16px !important;
  line-height:1.7 !important;
  margin-bottom:8px !important;
}

body.skin .about-page .about-asides{
  position:sticky;
  top:96px;
}

body.skin .about-page .aside-card{
  padding:22px !important;
  box-shadow:0 1px 4px rgba(10,37,64,.05) !important;
}

body.skin .about-page .aside-card .list-tight{
  gap:6px !important;
}

body.skin .about-page .article-actions{margin-top:32px}

@media (max-width:880px){
  body.skin .about-page .layout-2col{
    grid-template-columns:minmax(0,1fr) !important;
    gap:28px !important;
  }

  body.skin .about-page .layout-2col>*,
  body.skin .about-page .about-asides,
  body.skin .about-page .aside-card{
    min-width:0 !important;
    max-width:100% !important;
  }

  body.skin .about-page .about-asides{
    position:static !important;
    top:auto !important;
  }
}

body.skin .page-hero--about-subpage{
  padding:58px 0 72px !important;
}

body.skin .page-hero--about-subpage .meta-row span{
  padding:7px 12px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-weight:700 !important;
}

body.skin main.section:has(.about-subpage){
  padding:0 !important;
}

body.skin main.section:has(.about-subpage) > .container{
  max-width:none !important;
  padding:0 !important;
}

body.skin .about-subpage.section.tight{
  padding:34px 0 56px !important;
}

body.skin .about-subnav--section{
  margin:0 0 32px !important;
  padding:0 0 18px !important;
}

body.skin .about-subnav--section .subnav-pill{
  font-weight:700 !important;
  color:#0b2c46 !important;
}

body.skin .about-subnav--section .subnav-pill.is-active{
  color:#fff !important;
}

body.skin .about-subpage__grid{
  grid-template-columns:minmax(0,1fr) 320px !important;
}

body.skin .about-subpage__article{
  max-width:760px !important;
}

body.skin .about-subpage__article .field--name-body > *:first-child{
  margin-top:0 !important;
}

body.skin .about-subpage__article p:first-child{
  font-size:18px !important;
  line-height:1.75 !important;
  color:#12365a !important;
}

body.skin .about-subpage__article li strong{
  color:#062940 !important;
}

body.skin .about-subpage__aside .toc-link.is-active{
  color:var(--sp-primary) !important;
  font-weight:800 !important;
}

body.skin .about-subpage__next-step{
  max-width:calc(var(--container-max,1240px) - 48px) !important;
  margin:8px auto 56px !important;
}

/* Feature card variant — gradient promo (about page sidebar) */
body.skin .about-page .aside-card-feature{
  background:linear-gradient(135deg,#018081,#0054A4);
  color:#fff;border:none;
  border-radius:14px;padding:22px;margin-bottom:18px;
}
body.skin .about-page .aside-card-feature h4{color:var(--sp-peach);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:14px}
body.skin .about-page .aside-card-feature p{font-size:14px;line-height:1.6;margin-bottom:14px}
.about-bottom-cta{margin-top:32px}

/* About-page tweak: teal/blue gradient instead of common.css default blue */
body.skin .about-next-step{background:linear-gradient(135deg,rgba(1,128,129,.08),rgba(0,84,164,.05))}

@media (max-width: 900px){
  body.skin .about-subpage__grid{
    grid-template-columns:1fr !important;
  }

  body.skin .about-subpage__article{
    max-width:none !important;
  }

  body.skin .about-subpage__next-step{
    margin-left:24px !important;
    margin-right:24px !important;
  }
}