/* Homepage final editorial polish: award legibility + non-repetitive payment logos.
   Preserve original recognition/profile links and seven payment providers. */

/* Strong, deliberate typography for awards, including the publisher names. */
body.home .ngh #awards .ngh-award,
body.home .ngh #awards .ngh-award__copy {
  color:#171a1b!important;
  opacity:1!important;
}
body.home .ngh #awards .ngh-award__source {
  color:#202124!important;
  font:800 13px/1.32 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:.065em!important;
  opacity:1!important;
}
body.home .ngh #awards .ngh-award__copy h3 {
  color:#121516!important;
  font:800 clamp(23px,2.25vw,28px)/1.19 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:-.35px!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.home .ngh #awards .ngh-award__detail {
  color:#343b3e!important;
  font-size:14px!important;
  opacity:1!important;
}
body.home .ngh #awards .ngh-award__link {
  color:#224f27!important;
  font-weight:800!important;
}
body.home .ngh #awards .ngh-award__link span{color:#356b2d!important}
body.home .ngh #awards .ngh-awards__heading h2 span{color:#3c6d23!important}

/* The right side is a charcoal companion surface rather than a large white card.
   The method logos sit on one quiet, uninterrupted rail with subtle dividers. */
body.home .ngh #payment-options .ngh-payments-2026__panel {
  min-width:0;
  background:#2b2e2e!important;
  color:#fff!important;
  border:1px solid #444b48!important;
  border-radius:13px!important;
  box-shadow:none!important;
  padding:23px!important;
}
body.home .ngh #payment-options .ngh-payments-2026__panel-header {
  border-bottom:1px solid #545a57!important;
  color:#e9eeee!important;
  padding-bottom:15px!important;
  margin-bottom:17px!important;
  font-size:11px!important;
}
body.home .ngh #payment-options .ngh-payments-2026__panel-symbol{color:#b5e66a!important}
body.home .ngh #payment-options .ngh-payment-marks {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:0!important;
  min-width:0;
  overflow:hidden;
  border:1px solid #e0e4e5;
  border-radius:9px;
  background:#f7f8f9!important;
}
body.home .ngh #payment-options .ngh-payment-mark {
  position:relative!important;
  flex:1 1 130px!important;
  width:auto!important;
  min-width:0!important;
  min-height:87px!important;
  max-height:none!important;
  border:0!important;
  border-right:1px solid #e3e7e8!important;
  border-bottom:1px solid #e3e7e8!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:15px 9px!important;
  gap:7px!important;
  background:#f7f8f9!important;
}
body.home .ngh #payment-options .ngh-payment-mark>span {
  color:#202124!important;
  font-size:12px!important;
  font-family:'Proximanova-bold',Arial,sans-serif!important;
  font-weight:700!important;
}
/* Visa, Amex and Discover already spell their names in their logos.
   Visually hide the duplicate text but retain a screen-reader label. */
body.home .ngh #payment-options .ngh-payment-logo--visa + span,
body.home .ngh #payment-options .ngh-payment-logo--amex + span,
body.home .ngh #payment-options .ngh-payment-logo--discover + span {
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;
}
body.home .ngh #payment-options .ngh-payment-logo--visa{width:84px!important;height:38px!important}
body.home .ngh #payment-options .ngh-payment-logo--amex{width:56px!important;height:40px!important}
body.home .ngh #payment-options .ngh-payment-logo--discover{width:90px!important;height:37px!important}
body.home .ngh #payment-options .ngh-payments-2026__panel-note{
  border-top:1px solid #545a57!important;
  color:#d5dbd7!important;
  padding-top:15px!important;
  font-size:13px!important;
}
body.home .ngh #payment-options .ngh-payments-2026__panel-note span {
  background:#b5e66a!important;color:#202124!important;
}
body.home .ngh section#payment-options.ngh-payments-2026 {
  border-top:1px solid #393e3a!important;
  border-bottom:1px solid #393e3a!important;
}
@media(max-width:820px){
  body.home .ngh #awards .ngh-award__copy h3{font-size:24px!important}
  body.home .ngh #payment-options .ngh-payments-2026__panel{padding:19px!important}
  body.home .ngh #payment-options .ngh-payment-mark{flex-basis:120px!important}
}
@media(max-width:540px){
  body.home .ngh #awards .ngh-award__source{font-size:12px!important}
  body.home .ngh #awards .ngh-award__copy h3{font-size:21px!important;line-height:1.22!important}
  body.home .ngh #awards .ngh-award__detail{font-size:13px!important}
  body.home .ngh #payment-options .ngh-payments-2026__panel{padding:16px 13px!important}
  body.home .ngh #payment-options .ngh-payment-mark{
    flex-basis:94px!important;
    padding:11px 7px!important;
    min-height:78px!important;
  }
  body.home .ngh #payment-options .ngh-payment-mark>span{font-size:11px!important}
}
@media(max-width:360px){
  body.home .ngh #awards .ngh-award__copy h3{font-size:18px!important}
  body.home .ngh #payment-options .ngh-payment-mark{flex-basis:86px!important}
}

/* Compact homepage recognition band. */
body.home .ngh section#awards.ng-recognition {
  position:relative; isolation:isolate; overflow:hidden; margin:0;
  padding:clamp(25px,3.4vw,45px) 0;
  background:#202124; color:#fff; border:0;
}
.ngh .ng-recognition__inner { width:min(1180px,calc(100% - clamp(36px,8vw,100px))); margin:auto; }
.ngh .ng-recognition__heading { display:flex; align-items:center; gap:12px; margin:0 0 18px; }
.ngh .ng-recognition__trophy { flex:none; color:#B5E66A; }
.ngh #awards.ng-recognition h2 {
  padding:0; margin:0; color:#fff; text-align:left; text-transform:none;
  font:700 clamp(29px,3.5vw,47px)/1.05 'Proximanova-bold',Arial,sans-serif; letter-spacing:-.045em;
}
.ngh #awards.ng-recognition h2 span { color:#B5E66A; }
.ngh .ng-recognition__heading::after {
  content:""; flex:1; height:12px; margin-left:8px;
  background:repeating-linear-gradient(116deg,transparent 0 5px,#B5E66A 5px 8px,transparent 8px 11px) right center/48px 100% no-repeat,
    linear-gradient(#515655,#515655) left center/calc(100% - 60px) 1px no-repeat;
}
.ngh #awards .ng-recognition__list {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 20px; padding:0; margin:0; list-style:none;
}
.ngh #awards .ng-recognition__list li { display:block; min-width:0; padding:0; margin:0; list-style:none; }
.ngh #awards .ng-recognition__list li::before { content:none; }
.ngh #awards .ng-recognition__list a {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:start;
  box-sizing:border-box; height:100%; padding:13px 2px 4px; min-height:88px;
  border-top:1px solid #696d70; text-align:left; text-decoration:none; color:#fff;
}
.ngh #awards .ng-recognition__text { display:block; min-width:0; }
.ngh #awards .ng-recognition__issuer {
  display:block; margin:0 0 5px;
  color:#B5E66A; font:700 13px/1.25 'Proximanova-bold',Arial,sans-serif; letter-spacing:.04em;
}
.ngh #awards .ng-recognition__arrow { justify-self:end; color:#c7cbcd; font:17px/1 Arial,sans-serif; }
.ngh #awards .ng-recognition__list strong {
  display:block; color:#fff; font:700 clamp(18px,1.65vw,23px)/1.12 'Proximanova-bold',Arial,sans-serif; letter-spacing:-.025em;
}
.ngh #awards .ng-recognition__list small { display:block; margin-top:4px; color:#d2d5d6; font:14px/1.2 'Proximanova-regular',Arial,sans-serif; }
.ngh #awards .ng-recognition__list a:is(:hover,:focus-visible) { border-color:#B5E66A; }
.ngh #awards .ng-recognition__list a:focus-visible { outline:2px solid #B5E66A; outline-offset:4px; }
@media (prefers-reduced-motion:no-preference) {
  .ngh #awards .ng-recognition__arrow { transition:transform .18s ease-out; }
  .ngh #awards a:is(:hover,:focus-visible) .ng-recognition__arrow { transform:translate(2px,-2px); }
}
@media (max-width:760px) {
  .ngh #awards .ng-recognition__list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; }
  .ngh .ng-recognition__trophy { width:35px; height:35px; }
}
@media (max-width:440px) {
  .ngh .ng-recognition__heading::after { display:none; }
  .ngh #awards .ng-recognition__list { column-gap:14px; }
}
@media (max-width:295px) {
  .ngh #awards .ng-recognition__list { grid-template-columns:1fr; }
}