/* =========================================================
   G2 white-borders: hairline borders + soft drop shadows
   Loads after themes-r2.css; scoped to html[data-variant="borders"]
   ========================================================= */
html[data-variant="borders"]{
  --bd:#E2E4E7;                 /* hairline border */
  --bd-strong:#D3D6DA;          /* hover / emphasis border */
  --sh:0 1px 2px rgba(17,19,21,.04),0 6px 16px rgba(17,19,21,.07);      /* standard card */
  --sh-lg:0 2px 4px rgba(17,19,21,.04),0 14px 32px -8px rgba(17,19,21,.12); /* large panels */
  --sh-sm:0 1px 2px rgba(17,19,21,.05),0 3px 8px rgba(17,19,21,.06);    /* buttons, chips */
}
html[data-variant="borders"] .site-header{border-bottom:1px solid var(--bd);box-shadow:0 4px 14px rgba(17,19,21,.05)}

/* hero photo panel */
html[data-variant="borders"] .hero .bg{border:1px solid var(--bd);border-right:0;box-shadow:var(--sh-lg)}

/* stats: six separate bordered blocks */
html[data-variant="borders"] .stats{background:#fff;border:0;padding:40px 0}
html[data-variant="borders"] .stats .grid{gap:16px}
html[data-variant="borders"] .stat{border:1px solid var(--bd) !important;border-radius:14px;background:#fff;box-shadow:var(--sh);padding:28px 22px !important}

/* section containers: grey bands become inset bordered panels */
html[data-variant="borders"] .section.grey,html[data-variant="borders"] .section.dark{background:#FAFAFA;border:1px solid var(--bd);border-radius:28px;margin:0 24px;box-shadow:var(--sh-lg)}
html[data-variant="borders"] .section.grey + .section,html[data-variant="borders"] .section + .section.grey,
html[data-variant="borders"] .section + .section.dark,html[data-variant="borders"] .section.dark + .section{margin-top:24px}

/* cards, tiles, photos */
html[data-variant="borders"] .card{border:1px solid var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .card:hover{border-color:var(--bd-strong);box-shadow:var(--sh-lg)}
html[data-variant="borders"] .card .media{border-bottom:1px solid var(--bd)}
html[data-variant="borders"] .tile,html[data-variant="borders"] .tile.red{border:1px solid var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .tile.red{border-top:3px solid #111315}
html[data-variant="borders"] .split-media{border:1px solid var(--bd);box-shadow:var(--sh-lg)}
html[data-variant="borders"] .split-media .tag{border:1px solid var(--bd);box-shadow:var(--sh-sm)}
html[data-variant="borders"] .section img[src*="assets/img/cert/"]{border:1px solid var(--bd);box-shadow:var(--sh) !important}

/* segment bars block */
html[data-variant="borders"] .bars{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:26px 28px;box-shadow:var(--sh)}

/* customer logos */
html[data-variant="borders"] .logo-strip{padding:6px 0 18px}
html[data-variant="borders"] .logo{border:1px solid var(--bd);box-shadow:var(--sh-sm)}

/* CTA panel */
html[data-variant="borders"] .cta-band{border:1px solid var(--bd);box-shadow:var(--sh-lg)}

/* buttons */
html[data-variant="borders"] .btn-red,html[data-variant="borders"] .btn-dark,html[data-variant="borders"] .cta-band .btn{border:1px solid #111315;box-shadow:var(--sh-sm)}
html[data-variant="borders"] .btn-ghost{border:1px solid var(--bd-strong);background:#fff;box-shadow:var(--sh-sm)}
html[data-variant="borders"] .site-footer .f-certs span{background:#fff;border-color:var(--bd);box-shadow:var(--sh-sm)}

/* footer separates with a hairline + upward soft shadow */
html[data-variant="borders"] .site-footer{margin-top:24px;border-top:1px solid var(--bd);box-shadow:0 -6px 16px rgba(17,19,21,.04)}

@media (max-width:1060px){
  html[data-variant="borders"] .section.grey,html[data-variant="borders"] .section.dark{margin:0 12px;border-radius:20px}
  html[data-variant="borders"] .stat{padding:22px 18px !important}
}

/* =========================================================
   Site-wide extension (all 9 pages) – same tokens as above
   ========================================================= */
/* inner page hero photo card */
html[data-variant="borders"] .page-hero{border-bottom:1px solid var(--bd)}
html[data-variant="borders"] .page-hero .bg{border:1px solid var(--bd);border-right:0;box-shadow:var(--sh-lg)}
html[data-variant="borders"] .page-hero .anchors a{border-color:var(--bd-strong);box-shadow:var(--sh-sm)}
html[data-variant="borders"] .page-hero .anchors a:hover{border-color:#111315;color:#111315}
html[data-variant="borders"] .page-hero + .section.grey{background:#FAFAFA}
html[data-variant="borders"] .page-hero + .section.grey,html[data-variant="borders"] .page-hero + .section.dark{margin-top:24px}

/* capability / industry blocks (.cap): alternate ones become inset panels */
html[data-variant="borders"] .cap{border-top:0}
html[data-variant="borders"] .cap:nth-of-type(even){background:#FAFAFA;border:1px solid var(--bd);border-radius:28px;margin:0 24px;box-shadow:var(--sh-lg)}
html[data-variant="borders"] .mini-stats{border-color:var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .mini-stats div{border-left-color:var(--bd)}
html[data-variant="borders"] .thumbs figure{border:1px solid var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .process span{border-color:var(--bd);box-shadow:var(--sh-sm)}
html[data-variant="borders"] .process span::before{background:#111315}
html[data-variant="borders"] .status{box-shadow:var(--sh-sm)}
html[data-variant="borders"] .split-pill{border:1px solid var(--bd);box-shadow:var(--sh)}

/* about: timeline, vision/mission */
html[data-variant="borders"] .timeline::before{background:var(--bd)}
html[data-variant="borders"] .tl .yr{background:#fff;color:#111315;box-shadow:inset 0 0 0 1px var(--bd-strong),var(--sh) !important}
html[data-variant="borders"] .tl .loc{color:var(--g-500)}
html[data-variant="borders"] .vm .item{border-color:var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .vm .item .k{color:#111315}

/* products */
html[data-variant="borders"] .pcard{border-color:var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .pcard .img{border-bottom-color:var(--bd)}
html[data-variant="borders"] .pcard.more{box-shadow:var(--sh-sm)}
html[data-variant="borders"] .gallery div{border-color:var(--bd);box-shadow:var(--sh-sm)}

/* quality: certificates, table, badges */
html[data-variant="borders"] .cert{border-color:var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .cert img{border-color:var(--bd);box-shadow:var(--sh-sm)}
html[data-variant="borders"] .badge{color:#111315;background:#F2F3F4;border:1px solid var(--bd)}
html[data-variant="borders"] .table{border-color:var(--bd);box-shadow:var(--sh);border-collapse:separate;border-spacing:0}
html[data-variant="borders"] .table th{background:#FAFAFA;border-bottom:1px solid var(--bd)}
html[data-variant="borders"] .table tr:first-child td{border-top:0}
html[data-variant="borders"] .table td{border-top-color:var(--bd)}

/* customers */
html[data-variant="borders"] .logo-group h4{border-bottom-color:var(--bd)}
html[data-variant="borders"] .logo-group h4 em{color:#111315}

/* careers / contact: forms, inputs, contact cards, plants, map */
html[data-variant="borders"] .form{border-color:var(--bd);box-shadow:var(--sh-lg)}
html[data-variant="borders"] .field input,html[data-variant="borders"] .field select,html[data-variant="borders"] .field textarea{border:1px solid var(--bd-strong);background:#fff;box-shadow:inset 0 1px 2px rgba(17,19,21,.04),0 1px 2px rgba(17,19,21,.03)}
html[data-variant="borders"] .field input:focus,html[data-variant="borders"] .field select:focus,html[data-variant="borders"] .field textarea:focus{outline:2px solid #111315}
html[data-variant="borders"] .chips label{border-color:var(--bd-strong);box-shadow:var(--sh-sm)}
html[data-variant="borders"] .chips input{accent-color:#111315}
html[data-variant="borders"] .file{border-color:var(--bd-strong);background:#FAFAFA}
html[data-variant="borders"] .ccard{border-color:var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .ccard a.v{color:#111315;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bd-strong)}
html[data-variant="borders"] .plant{border-color:var(--bd);box-shadow:var(--sh)}
html[data-variant="borders"] .plant .yr{color:#111315}
html[data-variant="borders"] .map-ph{border:1px solid var(--bd);box-shadow:var(--sh-lg)}
html[data-variant="borders"] .map-ph .ph{box-shadow:var(--sh)}

/* generic placeholders keep amber dashed edge, add the soft shadow */
html[data-variant="borders"] .ph{box-shadow:var(--sh-sm)}
html[data-variant="borders"] .card .num{color:#111315}

@media (max-width:1060px){
  html[data-variant="borders"] .cap:nth-of-type(even){margin:0 12px;border-radius:20px}
}
/* split pills: black vs light grey so the two halves read clearly */
html[data-variant="borders"] .split-pill div[style*="charcoal"]{background:#ECEDEF !important;color:#111315}
html[data-variant="borders"] .split-pill div+div{border-left:1px solid var(--bd)}

/* customer / OEM logos: full original brand colour (no greyscale, no fade) on every page */
html[data-variant="borders"] .logo img{filter:none;opacity:1}
html[data-variant="borders"] .logo:hover img{filter:none;opacity:1;transform:scale(1.04)}