/* EA4FSI VHF/UHF Central — v122
   Continuous visual field: panorama + dark-blue extensions + soft grid.
   Desktop composition preserved from v119.
   Mobile shifts the approved panorama further right so the foreground
   repeater mast sits beside, rather than behind, the VHF/UHF title. */

.vhf-uhf-visual{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#071521;
}

.vhf-uhf-visual:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      #071521 0%,
      rgba(7,21,33,.94) 13%,
      rgba(7,21,33,.46) 25%,
      rgba(7,21,33,.08) 38%,
      rgba(7,21,33,.02) 70%,
      rgba(7,21,33,.18) 79%,
      rgba(7,21,33,.68) 88%,
      #071521 100%),
    linear-gradient(to bottom,
      rgba(7,21,33,.02) 0%,
      rgba(7,21,33,.02) 68%,
      rgba(7,21,33,.26) 82%,
      #071521 100%),
    url("../images/vhf-uhf/vhf-uhf-hero.png");
  background-size:
    100% 100%,
    100% 100%,
    contain;
  background-position:
    center,
    center,
    center center;
  background-repeat:no-repeat;
}

.vhf-uhf-visual:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(91,145,169,.060) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,145,169,.060) 1px,transparent 1px);
  background-size:28px 28px;
}

.vhf-uhf-visual .hero,
.vhf-uhf-visual .gateway-band{
  position:relative;
  z-index:2;
  background:transparent!important;
}

.vhf-uhf-visual .gateway-band-bg{
  display:none!important;
}

.vhf-uhf-visual .headline strong{
  white-space:nowrap;
}

.vhf-empty{
  padding:22px 8px 24px;
  border-bottom:1px solid var(--line);
  color:#657780;
  font-size:13px;
  line-height:1.55;
}

@media(max-width:700px){
  .vhf-uhf-visual:before{
    background:
      linear-gradient(to bottom,
        rgba(7,21,33,.26) 0%,
        rgba(7,21,33,.10) 42%,
        rgba(7,21,33,.32) 74%,
        #071521 100%),
      linear-gradient(90deg,
        rgba(7,21,33,.80) 0%,
        rgba(7,21,33,.50) 35%,
        rgba(7,21,33,.12) 72%,
        rgba(7,21,33,.22) 100%),
      url("../images/vhf-uhf/vhf-uhf-hero.png");
    background-size:
      100% 100%,
      100% 100%,
      auto 100%;
    background-position:
      center,
      center,
      88% center;
    background-repeat:no-repeat;
  }

  .vhf-uhf-visual:after{
    background-size:24px 24px;
    background-image:
      linear-gradient(rgba(91,145,169,.052) 1px,transparent 1px),
      linear-gradient(90deg,rgba(91,145,169,.052) 1px,transparent 1px);
  }

  .vhf-uhf-visual .headline strong{
    white-space:normal;
  }
}

/* v219 — display category names in uppercase */
.cat>h2{text-transform:uppercase}