/* Keep the original GIF lettering and pale yellow palette. Upper buttons are
   compact, with a soft outer glow; the left menu retains its original rollover. */
.site-page .site-header {
  width: 100%;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.site-page .site-header a:link { color: rgb(216, 78, 0); }
.site-page .site-header a:visited { color: rgb(157, 77, 0); }

.site-page .legacy-top-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.site-page .legacy-top-navigation a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  border-radius: 8px;
}

.site-page .legacy-top-navigation a > img,
.site-page .legacy-top-navigation a:not(:last-of-type) > img {
  margin-top: 0;
}

.site-page .legacy-top-navigation a:has(> img[src$="_GBTN.GIF"]) {
  overflow: hidden;
  isolation: isolate;
  min-height: 34px;
  border-radius: 11px;
  background-color: #f4eda6;
}

.site-page .legacy-top-navigation a > img[src$="_GBTN.GIF"] {
  display: block;
  /* Override the old inline .top-nav-icon width in the subscription price list. */
  width: 120px !important;
  max-width: 100%;
  height: auto;
  /* Remove the baked-in rectangular yellow fill, leaving the black lettering.
     White blends into the link background; clipping belongs to the whole link. */
  filter: grayscale(1) brightness(1.2);
  mix-blend-mode: multiply;
}

.site-page .legacy-top-navigation a:has(> img[src$="_GBTN.GIF"]):is(:hover, :focus-visible) {
  box-shadow: 0 0 10px 3px rgb(222 196 62 / 55%);
}

.site-page .legacy-top-navigation a:focus-visible {
  outline: 2px solid #b26b00;
  outline-offset: 2px;
}

@media (max-width: 1100px), (any-pointer: coarse) {
  .site-page .legacy-top-navigation a:has(> img[src$="_GBTN.GIF"]) {
    min-height: 44px;
  }
}

.site-layout > tbody > tr > td:first-child > p:has(.left-nav-icon) {
  width: auto !important;
  height: auto !important;
  margin-inline: 0 !important;
}

.site-layout a:has(> .left-nav-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  vertical-align: middle;
}

.site-layout a > .left-nav-icon,
.site-page .legacy-top-navigation a > img[src$="_HBTN.GIF"] {
  width: clamp(144px, calc((100vw - 40px) / 2), 165px);
  max-width: 100%;
  height: auto;
}

/* Original FrontPage rollover artwork, not a recreated CSS highlight.
   Match the normal image path so changing a button image in the editor cannot
   accidentally retain the rollover belonging to a different label.
   CSS also works in the script-free editor canvas and with JavaScript disabled. */

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CABON.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/1CABON.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CABON.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1CABON.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CCRYPT.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1CCRYPT.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CDISITC.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1CDISITC.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CITC.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/1CITC.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CITC.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1CITC.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1COBSLUG.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/1COBSLUG.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1COBSLUG.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1COBSLUG.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1COMPLEX.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/1COMPLEX.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1COMPLEX.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1COMPLEX.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CONFIG.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/1CONFIG.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CONFIG.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1CONFIG.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CPRICE.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/1CPRICE.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/1CPRICE.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/1CPRICE.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/COMPLEX.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/COMPLEX.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/COMPLEX.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/COMPLEX.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/CONTACTS.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/CONTACTS.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/CONTACTS.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/CONTACTS.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/HOME_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/HOME_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/LISTPAGE_WWW_TCG_COM_UA.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/LISTPAGE_WWW_TCG_COM_UA.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/LISTPAGE_WWW_TCG_COM_UA.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/LISTPAGE_WWW_TCG_COM_UA.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/NET.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/NET.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/NET.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/NET.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/NEWS.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/NEWS.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/NEWS.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/NEWS.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/NEWS0.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/NEWS0.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/NEWS1.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/NEWS1.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PCTARF.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PCTARF.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PCTARF.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PCTARF.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRICE01.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PRICE01.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRICE01.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRICE01.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRICE1C.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PRICE1C.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRICE1C.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRICE1C.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRICEMS.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PRICEMS.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRICEMS.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRICEMS.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PROD01.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PROD01.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PROD01.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PROD01.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PROD01MY.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PROD01MY.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PROD01MY.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PROD01MY.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRODMY01.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRODMY01.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRODMY02.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRODMY02.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRODMY03.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRODMY03.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRODUCTS.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/PRODUCTS.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/PRODUCTS.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/PRODUCTS.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/REGLAMENT.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/REGLAMENT.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/REGLAMENT.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/REGLAMENT.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV01.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/SERV01.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV01.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/SERV01.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV02.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/SERV02.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV02.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/SERV02.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV04.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/SERV04.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV04.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/SERV04.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV0401.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/SERV0401.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERV0402.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/SERV0402.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERVICES.HTM_CMP_-1-010_HBTN.GIF"] {
  content: url("/derived/SERVICES.HTM_CMP_-1-010_HBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/SERVICES.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/SERVICES.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/TECONOM.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/TECONOM.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/TSTAND.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/TSTAND.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/TVIP.HTM_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/TVIP.HTM_CMP_-1-010_VBTN_A.GIF");
}

.site-page a:is(:hover, :focus-visible) > img[src="/derived/UP_CMP_-1-010_VBTN.GIF"] {
  content: url("/derived/UP_CMP_-1-010_VBTN_A.GIF");
}