/* One visible, consistent icon treatment across programme and sector cards. */
.outcome-icon,
.sector-icon,
.pg-aim-circle,
.pg-step-icon,
.pg-outcome-icon,
.pg-sector-svg,
.sp-card-icon,
.sp-cta-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 1px solid #c5ded5;
  border-radius: 14px;
  color: #0c484d;
  background: #edf6f1;
  box-shadow: none;
}
.outcome-icon .nap-icon,
.sector-icon .nap-icon,
.pg-aim-circle .nap-icon,
.pg-step-icon .nap-icon,
.pg-outcome-icon .nap-icon,
.pg-sector-svg .nap-icon,
.sp-card-icon .nap-icon,
.sp-cta-icon .nap-icon {
  width: 30px;
  height: 30px;
  stroke: #0c484d;
  stroke-width: 2;
  fill: none;
}
.pg-sector-svg { background:#fff; border-color:#fff; }
.outcome-card-top { justify-content:flex-start; margin-bottom:24px; }
.pg-aim-icon { grid-template-columns:56px minmax(0,1fr); }
.pg-aim-icon small { font-size:13px; padding-right:0; }
.pg-steps::before { top:28px; }
.sector-grid a { --sector-accent:#0c484d; --sector-tint:#edf6f1; }
.sector-grid a:nth-child(n) { --sector-accent:#0c484d; --sector-tint:#edf6f1; }
.socials a { color:#fff; background:rgba(0,40,42,.22); border-color:rgba(255,255,255,.55); }
.socials a svg { fill:currentColor; }
@media(max-width:430px) {
  .sector-grid a { grid-template-columns:56px minmax(0,1fr) 30px; gap:12px; }
}