.page-middle {
  position: absolute;
  z-index: 12;
  left: 3.1%;
  top: 52.65%;
  width: 93.8%;
  height: 21.45%;
  padding: 1.35% 1.8%;
  overflow: auto;
  border: 1px solid #efcbb0;
  border-radius: 13px;
  background: #fff9f0;
  color: #241a15;
  box-shadow: 0 3px 12px #6d3d161a;
}
.page-middle h2 { margin: 0; font-size: clamp(16px, 1.45vw, 24px); }
.page-middle p { margin: .7% 0; color: #765947; font-size: clamp(10px, .95vw, 15px); }
.mobile-programs, .recent-live, .request, .history { display: none !important; }

@media (max-width: 680px) {
  .page > .nav-program, .page > .nav-news, .page > .nav-about, .page > .nav-contact { display: none; }
  .page-middle {
    position: relative;
    order: 3;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 120px;
    padding: 18px;
    border-radius: 16px;
  }
  .page-middle h2 { font-size: 20px; }
  .page-middle p { font-size: 14px; line-height: 1.45; }
  .mobile-categories { order: 4 !important; }
}