/* THERO | Compliance pathways integrated inside right-side sector metric cards. */
body[data-page="energy"]{--compliance-accent:#167d79;--compliance-tint:#e8f5f2;--compliance-edge:#a5d6cf}
body[data-page="water"]{--compliance-accent:#087fb0;--compliance-tint:#e9f6fa;--compliance-edge:#a9ddea}
body[data-page="transportation"]{--compliance-accent:#b62c40;--compliance-tint:#fff0f1;--compliance-edge:#edbfc7}
body[data-page="mining"]{--compliance-accent:#ad483a;--compliance-tint:#fff2ec;--compliance-edge:#e7c6bc}
body[data-page="social-infrastructure"]{--compliance-accent:#a67532;--compliance-tint:#fcf5e8;--compliance-edge:#ead5af}
.sector-impact-panel .sector-permit-feature{
  background:linear-gradient(140deg,#fff,var(--compliance-tint,#eef7f5));
  border:1px solid var(--compliance-edge,#bcd9d6);border-radius:12px;
  margin-top:12px;padding:18px;display:grid;gap:13px;
  box-shadow:0 5px 16px rgba(17,44,49,.05);color:#233940;
  text-align:left
}
.sector-permit-eyebrow{display:flex;align-items:center;gap:7px;font:850 9px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:1.35px;color:var(--compliance-accent,#0b7774)}
.sector-permit-eyebrow svg{flex:none;width:18px;height:18px}
.sector-permit-heading{font:850 clamp(19px,1.7vw,23px)/1.12 'Manrope',Arial,sans-serif!important;letter-spacing:-.55px;margin:8px 0 6px!important;color:#1a2930!important}
.sector-permit-desc{font-size:11.5px;line-height:1.55;color:#4a6065;margin:0 0 10px}
.sector-permit-tags{display:flex;flex-wrap:wrap;gap:5px}
.sector-permit-tags span{font-size:10px;line-height:1.3;border-radius:5px;color:#4a5f65;padding:5px 7px;background:rgba(255,255,255,.84);border:1px solid rgba(37,67,73,.13);font-weight:700}
.sector-permit-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:stretch}
.sector-permit-actions .sector-permit-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:41px;flex:1 1 185px;padding:10px 12px;border-radius:7px;background:var(--compliance-accent,#0b7774);color:#fff!important;font-size:11.5px;font-weight:850;line-height:1.3;text-decoration:none;transition:background .2s,transform .2s}
.sector-permit-link span:last-child{font-size:19px;line-height:1;flex:none}
.sector-permit-actions .sector-permit-link:hover,.sector-permit-actions .sector-permit-link:focus-visible{filter:brightness(.89);transform:translateY(-1px);outline-offset:3px}
.sector-permit-actions .sector-permit-link-alt{background:#28444e!important}
body[data-page="mining"] .mine-evidence-panel .sector-permit-feature{margin-top:12px}
body[data-page="mining"] .mine-credibility{margin-top:15px}
body[data-page="social-infrastructure"] .sector-bed-disclosure{margin-top:13px}
.bank-compliance-link{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(192,98,87,.38);border-radius:11px;background:rgba(177,60,68,.09);color:inherit!important;text-decoration:none;padding:15px 16px;margin-top:12px;transition:background .2s}
.bank-compliance-link:hover{background:rgba(177,60,68,.2)}
.bank-compliance-link span{display:flex;flex-direction:column;gap:4px}
.bank-compliance-link small{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#b65054}
.bank-compliance-link strong{font:800 16px/1.25 'Manrope',Arial,sans-serif}
.bank-compliance-link em{font:500 11px/1.35 'DM Sans',Arial,sans-serif;color:inherit;opacity:.75;font-style:normal}
.bank-compliance-link>b{font-size:23px;color:#c26b62}
@media(min-width:1180px){
  .sector-impact-panel .sector-permit-feature{grid-template-columns:minmax(0,1fr) minmax(150px,.62fr);align-items:center;gap:14px}
  .sector-permit-tags span{font-size:9.5px}
  .sector-permit-actions{flex-direction:column}
  .sector-permit-actions .sector-permit-link{flex:0 1 auto;min-height:44px}
}
@media(min-width:1180px) and (max-width:1370px){
  .sector-impact-panel .sector-permit-feature{grid-template-columns:1fr}
  .sector-permit-actions{flex-direction:row}
}
@media(max-width:610px){
  .sector-impact-panel .sector-permit-feature{padding:13px;margin-top:11px;gap:10px}
  .sector-permit-desc{font-size:11px}
  .sector-permit-tags span{font-size:9.4px}
  .sector-permit-actions .sector-permit-link{flex:1 1 100%;font-size:11.5px}
}
/* Keep the expanded navigation inside typical laptop desktop widths. */
@media (min-width:901px) and (max-width:1550px){
  .site-header .header-inner{gap:12px!important}
  .site-header .desktop-nav{gap:clamp(7px,.85vw,13px)!important;font-size:12px!important}
  .site-header .nav-contact{padding:12px 11px}
}
