/* TGSN R1.2.3 — cohesive, accessible Overview hero.
   Loaded after R1.2.2; ONLY affects the Overview hero, no other pages.
   Override the original hero's background *image* as well as its color.
*/
html[data-theme="light"] body.tgsn-ui-polish-network .hero {
  background: linear-gradient(180deg,#edf4fa 0%,#e3edf7 100%) !important;
  color:#142940 !important;
}
html[data-theme="dark"] body.tgsn-ui-polish-network .hero {
  background: linear-gradient(180deg,#0b2037 0%,#071728 100%) !important;
  color:#f2f7ff !important;
}
/* A continuous surface rather than the inset rectangular strip in R1.2.2. */
html[data-theme] body.tgsn-ui-polish-network .hero .hero-row {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  margin-top:0 !important;
  padding:clamp(22px,2.5vw,34px) clamp(14px,2vw,26px) !important;
}
html[data-theme="light"] body.tgsn-ui-polish-network .hero .hero-row p {
  color:#29445f !important;
}
html[data-theme="dark"] body.tgsn-ui-polish-network .hero .hero-row p {
  color:#e6f0fc !important;
}
html[data-theme] body.tgsn-ui-polish-network .hero .hero-row p {
  font-weight:450;
  line-height:1.65;
}
html[data-theme="light"] body.tgsn-ui-polish-network .hero .hero-row .btn.secondary {
  background:#fff !important;
  color:#173652 !important;
  border-color:#8aa1b7 !important;
}
html[data-theme="dark"] body.tgsn-ui-polish-network .hero .hero-row .btn.secondary {
  background:transparent !important;
  color:#f1f7ff !important;
  border-color:#9fb8d0 !important;
}
html[data-theme] body.tgsn-ui-polish-network .hero .hero-row .btn:focus-visible {
  outline:3px solid #dcae52;
  outline-offset:4px;
}
@media(max-width:700px){
  html[data-theme] body.tgsn-ui-polish-network .hero .hero-row {
    padding:22px 8px 28px !important;
  }
}