/*
 * V6.3.17 Launch Clarity Foundation
 * Loaded last to stabilise the global navigation and conversion hierarchy.
 */

/* One primary-action colour across public routes. */
body.sit-recycle-site .sit-header-cta,
body.sit-recycle-site:not(.home) .sit-header-cta{
  background:var(--sit-lime);
  color:var(--sit-ink);
}
body.sit-recycle-site .sit-header-cta:hover{
  background:#d5fa61;
  color:var(--sit-ink);
}

/* Stable global navigation: predictable, compact and visibly current. */
body.sit-recycle-site .sit-primary-nav--stable>ul{gap:0}
body.sit-recycle-site .sit-primary-nav--stable>ul>li>a,
body.sit-recycle-site .sit-primary-nav--stable>ul>li>button{
  position:relative;
  padding-inline:9px;
  font-size:12px;
  white-space:nowrap;
}
body.sit-recycle-site .sit-primary-nav--stable>ul>li.is-current-page>a:after,
body.sit-recycle-site .sit-primary-nav--stable>ul>li.is-current-section>button:after,
body.sit-recycle-site .sit-primary-nav--stable>ul>li>button.is-current:after{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  bottom:5px;
  height:2px;
  border-radius:2px;
  background:var(--sit-lime);
}
body.sit-recycle-site:not(.home) .sit-primary-nav--stable>ul>li.is-current-page>a,
body.sit-recycle-site:not(.home) .sit-primary-nav--stable>ul>li.is-current-section>button{
  color:var(--sit-green);
}
body.sit-recycle-site:not(.home) .sit-primary-nav--stable>ul>li.is-current-page>a:after,
body.sit-recycle-site:not(.home) .sit-primary-nav--stable>ul>li.is-current-section>button:after{
  background:var(--sit-green);
}
body.sit-recycle-site .sit-nav-panel li.is-current-page>a{
  background:var(--sit-lime-soft);
  color:var(--sit-green);
}

/* Plain-language hero boundary and improved reading measure. */
body.home .sit-home-hero__copy>p:not(.sit-home-hero__boundary){
  max-width:690px;
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.65;
}
body.home .sit-home-hero__boundary{
  max-width:620px;
  margin:17px 0 0;
  padding-left:15px;
  border-left:2px solid rgba(201,242,74,.75);
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.5;
}
body.home .sit-accounted-card .sit-card-kicker{
  color:#fff;
  font-size:12px;
}
body.home .sit-accounted-card li small{
  max-width:235px;
  line-height:1.45;
}

/* Do not leave a large empty social area when only one or two profiles exist. */
body.sit-recycle-site .sit-v62-social-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}

/* Mobile keeps the same navigation hierarchy without route-specific variants. */
@media(max-width:1120px){
  body.sit-recycle-site .sit-primary-nav--stable>ul>li>a,
  body.sit-recycle-site .sit-primary-nav--stable>ul>li>button{
    padding-inline:4px;
    font-size:14px;
  }
  body.sit-recycle-site .sit-primary-nav--stable>ul>li.is-current-page>a:after,
  body.sit-recycle-site .sit-primary-nav--stable>ul>li.is-current-section>button:after,
  body.sit-recycle-site .sit-primary-nav--stable>ul>li>button.is-current:after{
    left:4px;
    right:4px;
    bottom:0;
  }
}
@media(max-width:760px){
  body.home .sit-home-hero__boundary{font-size:13px}
}
