body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  background: url('images/Ballantine_gate_BBPk_jeh-min.jpg') no-repeat center center fixed;
  background-size: cover;
}

@supports (background-image: url("dummy.webp")) {
  body {
    background-image: url('images/Ballantine_gate_BBPk_jeh.webp');
  }
}
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background: rgba(0,0,0,0.5);
}
a { color: #ffd700; }

/* Center content specifically on the home page */
.container.home {
  text-align: center;
}

.container.home iframe {
  display: block;
  margin: 0 auto;
}

/* Ensure video and map embeds scale on smaller screens */
.container.home .video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.container.home .map iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
}


.recent-posts a,
.best-of a,
.resources a,
ol li a,
a.back-home {
  display: block;
  margin: 5px 0;
  padding: 10px;
  min-height: 44px;
}

.youtube-facade {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.youtube-facade::after {
  content: "\25BA";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 64px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

/* Ensure Google search widget blends with site background */
.gcse-search,
.gcse-search .gsc-control-cse {
  background: transparent !important;
  border: none;
}
.gcse-search input.gsc-input {
  background: rgba(0,0,0,0.5);
  color: #fff;
}
.gcse-search .gsc-input-box {
  border-color: #fff;
}

@media (max-width: 1024px) {
  body {
    background-image: url('images/Ballantine_gate_BBPk_jeh-small.jpg');
  }
  @supports (background-image: url("dummy.webp")) {
    body {
      background-image: url('images/Ballantine_gate_BBPk_small.webp');
    }
  }
}