/**
 * SIT Recycling Enterprise V6.4.2 — refined Social Impact sections layered onto the V6.3.17 Launch Clarity Foundation.
 *
 * The existing public hero and overview remain unchanged. This layer starts at
 * the participant section and creates a calmer, more editorial hierarchy for
 * the remainder of /social-impact/ only.
 */

/* Shared refinement below the retained overview ------------------------- */
.sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose){
  padding-block:clamp(72px,6vw,104px);
}
.sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose) .sit-v638-impact-heading{
  max-width:310px;
}
.sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose) .sit-v638-impact-heading h2{
  max-width:15ch;
  font-size:clamp(2rem,2.55vw,2.65rem)!important;
  line-height:1.08!important;
  letter-spacing:-.042em!important;
}
.sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose) .sit-v638-impact-heading>p:last-child{
  margin-top:18px;
  font-size:15px!important;
  line-height:1.68!important;
}
.sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose) .sit-eyebrow{
  margin-bottom:13px;
}

/* Programme roles ------------------------------------------------------- */
.sit-v642-impact-page #participants .sit-shell{
  display:grid;
  grid-template-columns:minmax(210px,270px) minmax(0,1fr);
  align-items:start;
  gap:clamp(36px,5vw,70px);
}
.sit-v642-impact-page #participants .sit-v638-impact-heading{
  position:sticky;
  top:132px;
  padding-top:12px;
}
.admin-bar .sit-v642-impact-page #participants .sit-v638-impact-heading{top:164px}
.sit-v642-impact-page .sit-v638-participant-explorer{
  margin-top:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(1,27,21,.52);
  box-shadow:0 26px 70px rgba(0,0,0,.17);
}
.sit-v642-impact-page .sit-v638-participant-tabs button{
  min-height:96px;
  grid-template-columns:32px 1fr 38px;
  grid-template-areas:"num title icon";
  align-items:center;
  align-content:center;
  gap:10px;
  padding:18px 19px;
}
.sit-v642-impact-page .sit-v638-participant-tabs small{align-self:start;padding-top:4px}
.sit-v642-impact-page .sit-v638-participant-tabs span{justify-self:end}
.sit-v642-impact-page .sit-v638-participant-tabs strong{
  font-size:14px!important;
  line-height:1.3!important;
}
.sit-v642-impact-page .sit-v638-participant-panel{
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  min-height:420px;
}
.sit-v642-impact-page .sit-v638-participant-image{min-height:420px}
.sit-v642-impact-page .sit-v638-participant-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:36px clamp(30px,4vw,52px);
}
.sit-v642-impact-page .sit-v638-participant-copy h3{
  max-width:18ch;
  font-size:clamp(1.85rem,2.45vw,2.45rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
.sit-v642-impact-page .sit-v638-participant-copy>p:not(.sit-eyebrow){
  margin:18px 0 24px;
  font-size:15px!important;
  line-height:1.68!important;
}
.sit-v642-impact-page .sit-v638-role-details{
  gap:10px;
  border:0;
}
.sit-v642-impact-page .sit-v638-role-details section{
  min-height:146px;
  padding:18px;
  border:1px solid var(--sit-line);
  border-radius:11px;
  background:#fbfcf9;
}
.sit-v642-impact-page .sit-v638-role-details p{
  font-size:13px!important;
  line-height:1.55!important;
}
.sit-v642-impact-page .sit-v638-inline-cta{margin-top:22px}

/* Six-step programme ---------------------------------------------------- */
.sit-v642-impact-page #programme .sit-shell{
  display:grid;
  grid-template-columns:minmax(210px,270px) minmax(0,1fr);
  align-items:start;
  gap:clamp(36px,5vw,70px);
}
.sit-v642-impact-page #programme .sit-v638-impact-heading{
  position:sticky;
  top:132px;
  padding-top:10px;
}
.admin-bar .sit-v642-impact-page #programme .sit-v638-impact-heading{top:164px}
.sit-v642-impact-page .sit-v638-stage-grid{
  grid-column:2;
  grid-row:1;
  gap:12px;
  margin-top:0;
  border:0;
  background:transparent;
}
.sit-v642-impact-page .sit-v638-stage-grid article{
  min-height:205px;
  padding:23px;
  border:1px solid var(--sit-line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 32px rgba(3,38,31,.045);
}
.sit-v642-impact-page .sit-v638-stage-grid span{
  width:42px;
  height:42px;
  margin:24px 0 18px;
}
.sit-v642-impact-page .sit-v638-stage-grid h3{
  margin-bottom:8px;
  font-size:18px!important;
  line-height:1.25!important;
}
.sit-v642-impact-page .sit-v638-stage-grid p{
  font-size:13px!important;
  line-height:1.58!important;
}
.sit-v642-impact-page .sit-v638-programme-images{
  grid-column:2;
  gap:12px;
  margin-top:2px;
}
.sit-v642-impact-page .sit-v638-programme-images figure{
  min-height:210px;
  border-radius:13px;
}
.sit-v642-impact-page .sit-v638-programme-images figcaption{left:20px;right:20px;bottom:18px}
.sit-v642-impact-page .sit-v638-programme-images b{font-size:16px!important}
.sit-v642-impact-page .sit-v638-programme-note{
  grid-column:2;
  max-width:none;
  margin-top:8px!important;
  padding:14px 16px;
  border:1px solid #dce8b5;
  border-left:3px solid var(--sit-lime);
  border-radius:8px;
  background:#f8fbea;
}

/* Evidence -------------------------------------------------------------- */
.sit-v642-impact-page .sit-v638-evidence{
  background:linear-gradient(135deg,#f8faf4 0%,#eff7d9 100%);
}
.sit-v642-impact-page .sit-v638-evidence-layout{
  grid-template-columns:minmax(260px,.72fr) minmax(500px,1.28fr);
  gap:clamp(44px,6vw,80px);
}
.sit-v642-impact-page #evidence .sit-v638-impact-heading{max-width:430px}
.sit-v642-impact-page #evidence .sit-v638-impact-heading h2{max-width:13ch}
.sit-v642-impact-page .sit-v638-evidence-list{margin-top:26px}
.sit-v642-impact-page .sit-v638-evidence-list li{
  padding:12px 0;
  font-size:13px!important;
  line-height:1.5!important;
}
.sit-v642-impact-page .sit-v638-impact-dashboard{
  border-radius:16px;
  box-shadow:0 24px 70px rgba(3,38,31,.1);
}
.sit-v642-impact-page .sit-v638-dashboard-metrics article{min-height:106px}
.sit-v642-impact-page .sit-v638-dashboard-chart{border-radius:10px;background:#fcfdfb}

/* Route decisions ------------------------------------------------------- */
.sit-v642-impact-page #eligibility .sit-shell{
  display:grid;
  grid-template-columns:minmax(210px,270px) minmax(0,1fr);
  align-items:start;
  gap:clamp(36px,5vw,70px);
}
.sit-v642-impact-page #eligibility .sit-v638-impact-heading{padding-top:8px}
.sit-v642-impact-page .sit-v638-decision-grid{
  grid-column:2;
  grid-row:1;
  gap:12px;
  margin-top:0;
  border:0;
}
.sit-v642-impact-page .sit-v638-decision-grid article{
  min-height:350px;
  padding:28px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.sit-v642-impact-page .sit-v638-decision-grid h3{
  margin:40px 0 20px;
  font-size:21px!important;
  line-height:1.18!important;
}
.sit-v642-impact-page .sit-v638-decision-grid ul{
  gap:10px;
  font-size:13px!important;
  line-height:1.5!important;
}

/* FAQ ------------------------------------------------------------------- */
.sit-v642-impact-page .sit-v638-faq-layout{
  grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);
  gap:clamp(50px,8vw,110px);
}
.sit-v642-impact-page .sit-v638-faq-list{
  overflow:hidden;
  border:1px solid var(--sit-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 40px rgba(3,38,31,.045);
}
.sit-v642-impact-page .sit-v638-faq-list details{padding-inline:22px}
.sit-v642-impact-page .sit-v638-faq-list summary{
  padding:19px 0;
  font-size:14px!important;
  line-height:1.45!important;
}
.sit-v642-impact-page .sit-v638-faq-list details p{
  padding:0 54px 20px 0;
  font-size:14px!important;
}

/* Proposal form --------------------------------------------------------- */
.sit-v642-impact-page .sit-v638-proposal-layout{
  grid-template-columns:minmax(290px,.55fr) minmax(0,1.45fr);
  gap:18px;
  max-width:1120px;
}
.sit-v642-impact-page .sit-v638-proposal-layout>aside{
  min-height:0;
  padding:34px;
  border-radius:16px;
}
.sit-v642-impact-page .sit-v638-proposal-layout>aside h2{
  max-width:13ch;
  font-size:clamp(1.9rem,2.5vw,2.55rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
.sit-v642-impact-page .sit-v638-proposal-layout>aside>p:not(.sit-eyebrow){
  margin:19px 0 24px;
  font-size:14px!important;
  line-height:1.65!important;
}
.sit-v642-impact-page .sit-v638-proposal-layout li{padding:15px 0}
.sit-v642-impact-page .sit-v638-proposal-layout .sit-v63-request-card{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(3,38,31,.08);
}
.sit-v642-impact-page .sit-v638-proposal-layout .sit-v63-request-card>header{padding:30px 34px}
.sit-v642-impact-page .sit-v638-proposal-layout .sit-v63-request-card>header h2{
  font-size:clamp(1.75rem,2.1vw,2.2rem)!important;
  line-height:1.12!important;
}
.sit-v642-impact-page .sit-v638-proposal-layout .sit-v63-request-card form{padding:30px 34px 34px}

/* Tablet and mobile ----------------------------------------------------- */
@media(max-width:1120px){
  .sit-v642-impact-page #participants .sit-shell,
  .sit-v642-impact-page #programme .sit-shell,
  .sit-v642-impact-page #eligibility .sit-shell{
    grid-template-columns:1fr;
  }
  .sit-v642-impact-page #participants .sit-v638-impact-heading,
  .sit-v642-impact-page #programme .sit-v638-impact-heading{
    position:static;
    max-width:720px;
  }
  .sit-v642-impact-page .sit-v638-participant-explorer,
  .sit-v642-impact-page .sit-v638-stage-grid,
  .sit-v642-impact-page .sit-v638-programme-images,
  .sit-v642-impact-page .sit-v638-programme-note,
  .sit-v642-impact-page .sit-v638-decision-grid{
    grid-column:1;
    grid-row:auto;
  }
  .sit-v642-impact-page .sit-v638-evidence-layout{grid-template-columns:1fr;gap:44px}
  .sit-v642-impact-page #evidence .sit-v638-impact-heading{max-width:680px}
  .sit-v642-impact-page .sit-v638-faq-layout{grid-template-columns:1fr;gap:38px}
  .sit-v642-impact-page .sit-v638-proposal-layout{grid-template-columns:1fr;max-width:900px}
  .sit-v642-impact-page .sit-v638-proposal-layout>aside{position:static}
}
@media(max-width:760px){
  .sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose){padding-block:64px}
  .sit-v642-impact-page :is(#participants,#programme,#evidence,#eligibility,.sit-v638-impact-faq,#propose) .sit-v638-impact-heading h2{
    font-size:clamp(1.85rem,8vw,2.35rem)!important;
  }
  .sit-v642-impact-page .sit-v638-participant-tabs button{
    min-height:82px;
    grid-template-columns:28px 34px 1fr;
    grid-template-areas:"num icon title";
  }
  .sit-v642-impact-page .sit-v638-participant-tabs span{justify-self:start}
  .sit-v642-impact-page .sit-v638-participant-panel{grid-template-columns:1fr}
  .sit-v642-impact-page .sit-v638-participant-image{min-height:250px}
  .sit-v642-impact-page .sit-v638-participant-copy{padding:28px 22px}
  .sit-v642-impact-page .sit-v638-role-details{grid-template-columns:1fr}
  .sit-v642-impact-page .sit-v638-stage-grid{grid-template-columns:1fr}
  .sit-v642-impact-page .sit-v638-stage-grid article{min-height:0}
  .sit-v642-impact-page .sit-v638-programme-images{grid-template-columns:1fr}
  .sit-v642-impact-page .sit-v638-programme-images figure{min-height:230px}
  .sit-v642-impact-page .sit-v638-decision-grid{grid-template-columns:1fr}
  .sit-v642-impact-page .sit-v638-decision-grid article{min-height:0}
  .sit-v642-impact-page .sit-v638-proposal-layout>aside,
  .sit-v642-impact-page .sit-v638-proposal-layout .sit-v63-request-card>header,
  .sit-v642-impact-page .sit-v638-proposal-layout .sit-v63-request-card form{padding:26px 22px}
}
