/* Mobile overrides — collapses inline desktop layout below 768px.
   Selectors listed twice: authored form (no spaces) + browser-serialized form (spaces). */
@media (max-width: 768px) {
  /* multi-column content grids -> single column */
  [style*="grid-template-columns:minmax(0,"],
  [style*="grid-template-columns: minmax(0px,"],
  [style*="grid-template-columns:auto minmax(0,"],
  [style*="grid-template-columns: auto minmax(0px,"],
  [style*="grid-template-columns:repeat(2,minmax(0,1fr))"],
  [style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:2fr 1fr 1fr"],
  [style*="grid-template-columns: 2fr 1fr 1fr"],
  [style*="grid-template-columns:minmax(90px,140px)"],
  [style*="grid-template-columns: minmax(90px, 140px)"],
  [style*="grid-template-columns:minmax(120px,180px)"],
  [style*="grid-template-columns: minmax(120px, 180px)"],
  [style*="grid-template-columns:minmax(0,1fr) clamp("],
  [style*="grid-template-columns: minmax(0px, 1fr) clamp("] {
    grid-template-columns: minmax(0,1fr) !important;
  }
  /* 4-up stat/footer rows -> 2x2 */
  [style*="grid-template-columns:repeat(4,"],
  [style*="grid-template-columns: repeat(4,"] {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  /* big rotated numerals -> horizontal heading */
  [style*="writing-mode:vertical-rl"],
  [style*="writing-mode: vertical-rl"] {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    font-size: 56px !important;
    line-height: 1 !important;
  }
  [style*="border-right:1px solid var(--color-divider)"][style*="align-self:stretch"],
  [style*="border-right: 1px solid var(--color-divider)"][style*="align-self: stretch"] {
    border-right: none !important;
    padding-right: 0 !important;
    border-bottom: 1px solid var(--color-divider);
    padding-bottom: 16px;
  }
  /* header/nav */
  [style*="min-height:64px"][style*="justify-content:space-between"],
  [style*="min-height: 64px"][style*="justify-content: space-between"],
  [style*="min-height:72px"][style*="justify-content:space-between"],
  [style*="min-height: 72px"][style*="justify-content: space-between"] { flex-wrap: wrap !important; }
  nav[style*="white-space:nowrap"],
  nav[style*="white-space: nowrap"] {
    font-size: 13px !important;
    gap: 4px 14px !important;
    justify-content: flex-start !important;
    padding: 8px 24px 12px !important;
  }
  /* hero */
  [style*="padding:110px 24px 0"],
  [style*="padding: 110px 24px 0"] { padding: 72px 20px 0 !important; }
  /* tighter section rhythm */
  [style*="padding:56px 0"],
  [style*="padding: 56px 0"] { padding-top: 36px !important; padding-bottom: 36px !important; }
  [style*="padding:72px 24px"],
  [style*="padding: 72px 24px"] { padding-left: 20px !important; padding-right: 20px !important; }
  /* misc */
  img, image-slot { max-width: 100%; }
  .table { font-size: 14px; }
  .table th, .table td { padding: 10px 12px; }
}

/* hero video: keep Santa (right of frame) in view on narrow crops */
@media (max-width: 768px) {
  .hero-video { object-position: 68% center !important; }
}

/* mobile: 1976 joins the kicker line; step numbers sit beside titles */
@media (max-width: 768px) {
  .m-1976-cell { display: none !important; }
  .m-1976-inline { display: inline-block !important; margin-right: 4px; }
  .m-stepnum { float: left; font-size: 26px !important; line-height: 28px !important; margin: 0 12px 0 0 !important; }
  div[style*="border-left:2px solid"][style*="flex-direction:column"],
  div[style*="border-left: 2px solid"][style*="flex-direction: column"] { display: block !important; }
  .m-stepnum + h3 { margin-top: 0 !important; }
}

/* phone banners: photos go full-bleed cover, tint becomes uniform so white text stays legible */
@media (max-width: 768px) {
  img[aria-hidden="true"][style*="width:auto"], img[aria-hidden="true"][style*="width: auto"],
  img[aria-hidden="true"][style*="right:-26%"], img[aria-hidden="true"][style*="right: -26%"],
  img[aria-hidden="true"][style*="width:136%"], img[aria-hidden="true"][style*="width: 136%"] {
    left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important;
  }
  div[style*="linear-gradient(90deg, rgba(16,42,26"], div[style*="linear-gradient(90deg, rgba(16, 42, 26"] {
    background: rgba(16,42,26,0.72) !important;
  }
  div[style*="linear-gradient(90deg, rgba(24,20,18"], div[style*="linear-gradient(90deg, rgba(24, 20, 18"] {
    background: rgba(24,20,18,0.7) !important;
  }
}

/* volunteer banner video: center the elves on phones */
@media (max-width: 768px) {
  .vol-video { object-position: 32% 35% !important; }
}