/* 2026-10-22: TANKA Japan link and card interaction preference.
 * Only decoration is forced off so component text colors and button contrast remain intact.
 * The rule also covers article styles loaded inside the body after this shared stylesheet. */
a:any-link,
.try-inline-link{text-decoration:none!important}

:where(.nav-links,.footer-links,.footer nav,.ft,.hd-links,.hub-nav nav,.mobile-menu) a:hover,
:where(.nav-links,.footer-links,.footer nav,.ft,.hd-links,.hub-nav nav,.mobile-menu) a:focus-visible{color:var(--blue,#0071e3)}
:is(a.text-link,a.try-other,a.rc-back,a.rc-restart,a.rc-to-report,.try-inline-link):is(:hover,:focus-visible){color:#005bb5}
.award-card .card-link:is(:hover,:focus-visible){color:#005bb5}
.cash-card .card-link:is(:hover,:focus-visible),a.closing-login:is(:hover,:focus-visible){color:#fff}
:is(.gd-article,.gd-seo-body,.faq-answer) a:not(.btn):not(.button):not(.cta):not(.hd-cta):is(:hover,:focus-visible),
.content :is(a:not([class]),a.hl-link):is(:hover,:focus-visible){color:#005bb5}

/* Match the approved usecase cards on the guide and navigation hubs. */
a:is(.gd-card,.hub-main-card,.hub-program-card){transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
a.gd-card .gd-card-title,
a.hub-main-card h2,
a.hub-program-card h3{transition:color .2s ease}
a:is(.gd-card,.hub-main-card,.hub-program-card):focus-visible{
  outline:2px solid var(--blue,#0071e3);outline-offset:4px;
  border-color:#8ec4f8;background-image:linear-gradient(140deg,#fff 20%,#f4f9ff 65%,#eaf4ff 100%);
  box-shadow:0 16px 36px -20px rgba(0,113,227,.3)
}
a.gd-card:focus-visible .gd-card-title,
a.hub-main-card:focus-visible h2,
a.hub-program-card:focus-visible h3{color:var(--blue,#0071e3)}
@media(hover:hover) and (pointer:fine){
  a:is(.gd-card,.hub-main-card,.hub-program-card):hover{
    border-color:#8ec4f8;background-image:linear-gradient(140deg,#fff 20%,#f4f9ff 65%,#eaf4ff 100%);
    box-shadow:0 18px 38px -20px rgba(0,113,227,.32),0 3px 10px rgba(21,77,132,.04);
    transform:translateY(-4px)
  }
  a.gd-card:hover .gd-card-title,
  a.hub-main-card:hover h2,
  a.hub-program-card:hover h3{color:var(--blue,#0071e3)}
}
@media(hover:none){a:is(.gd-card,.hub-main-card,.hub-program-card):hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  a:is(.gd-card,.hub-main-card,.hub-program-card),
  a.gd-card .gd-card-title,a.hub-main-card h2,a.hub-program-card h3{transition:none}
  a:is(.gd-card,.hub-main-card,.hub-program-card):is(:hover,:focus-visible){transform:none}
}