.mobile-menu-toggle { display: none; }
/* Shared phone presentation. Desktop artboards remain authoritative above 767px. */
@media (max-width: 767px) {
  :root { --mobile-gutter: 18px; --mobile-panel: rgba(3, 9, 11, .9); }
  * { box-sizing: border-box; }
  html { overflow-x: hidden; scroll-behavior: smooth; }
  body,
  body.uniform-scale-active,
  body.interior-master-responsive {
    width: 100%; min-width: 0; min-height: 100%; overflow-x: hidden; background-color: #030506 !important;
  }

  body .site-header {
    overflow: visible !important;
    position: sticky !important; inset: auto !important; top: 0 !important; z-index: 1000 !important;
    display: flex; align-items: center; width: 100% !important; min-width: 0 !important;
    height: 72px !important; min-height: 72px !important; padding: 0 var(--mobile-gutter) !important;
    border-bottom: 1px solid rgba(0, 160, 205, .62); background: rgba(0, 0, 0, .96) !important;
  }
  body .site-header-logo {
    position: static !important; display: flex; width: 112px !important; height: 54px !important;
    transform: none !important;
  }
  body .site-header-logo img { width: 100%; max-height: 50px !important; object-fit: contain; }
  .mobile-menu-toggle {
    position: relative; display: grid; gap: 5px; width: 48px; height: 48px; margin-left: auto;
    padding: 12px 10px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.14);
  }
  .mobile-menu-toggle span { display: block; height: 2px; background: #d8d7d1; transition: transform .2s, opacity .2s; }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  body .main-nav {
    transform: none !important; bottom: auto !important; z-index: 1001;
    position: absolute !important; top: 72px; right: 0; left: 0; display: none !important;
    width: 100% !important; min-width: 0 !important; height: auto !important; max-height: calc(100vh - 72px);
    max-height: calc(100dvh - 72px); overscroll-behavior: contain;
    padding: 10px var(--mobile-gutter) 20px !important; overflow-y: auto !important;
    flex-direction: column; align-items: stretch; gap: 0 !important; background: rgba(0, 5, 7, .985);
    border-bottom: 1px solid rgba(0, 160, 205, .5);
  }
  body.mobile-menu-open .main-nav { display: flex !important; }
  body .main-nav a {
    display: block; width: 100%; padding: 13px 4px; color: #c8c7c1; border-bottom: 1px solid rgba(255,255,255,.08);
    font: 600 17px/1 "Barlow Condensed", Arial, sans-serif !important; letter-spacing: 1px; text-align: left;
  }
  body .main-nav a.active { color: #fff; }
  body .main-nav a.active::after { right: auto !important; bottom: 5px !important; left: 4px !important; width: 42px !important; height: 2px !important; }

  .home-stage-shell, .current-members-stage-shell, .year-stage-shell, .honor-stage-shell,
  .memoriam-stage-shell, .interior-stage-shell, .uniform-scale-shell { width: 100% !important; height: auto !important; overflow: visible !important; }
  .home-stage-canvas, .current-members-stage-canvas, .year-stage-canvas, .honor-stage-canvas,
  .memoriam-stage-canvas, .interior-stage-canvas, .uniform-scale-canvas {
    width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; transform: none !important;
  }
  .home-background-layer, .current-members-background-layer, .year-background-layer,
  .honor-background-layer, .memoriam-background-layer, .interior-background-layer { display: none !important; }

  .interior-page-header { width: 100% !important; max-width: none !important; padding: 22px 16px !important; text-align: center; }
  .interior-page-header > h1,
  .interior-master-responsive .interior-page-header > h1,
  .honor-responsive .honor-hero .interior-page-header > h1 {
    font: italic 700 clamp(42px, 13vw, 62px)/.95 "Barlow Condensed", Impact, sans-serif !important;
  }
  .interior-page-kicker,
  .interior-master-responsive .interior-page-header .interior-page-kicker,
  .honor-responsive .honor-hero .interior-page-kicker { font-size: 14px !important; letter-spacing: 2.4px !important; }
  .interior-page-lead,
  .interior-master-responsive .interior-page-header .interior-page-lead { font-size: 16px !important; line-height: 1.45 !important; }

  /* Home */
  .home-responsive > .hero { visibility: visible !important; }
  .home-responsive .hero {
    position: relative !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important;
    padding: 36px var(--mobile-gutter) 44px !important; overflow: hidden !important;
    background: linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.58) 57%,#040607 84%), url("images/hero-image-blue-seams-softball.png") 50% top / auto 730px no-repeat !important;
  }
  .home-responsive .hero-door-sign {
    position: relative !important; top: auto !important; left: auto !important; width: min(92%, 460px) !important; margin: 60px auto 290px;
    transform: none !important;
  }
  .home-responsive .hero-copy { position: relative !important; left: auto !important; bottom: auto !important; width: 100% !important; transform: none !important; }
  .home-responsive .hero-copy h1 { font-size: clamp(42px, 12vw, 60px) !important; }
  .home-responsive .hero-copy p { font-size: 18px !important; }
  .home-responsive .hero > .hero-button {
    position: relative !important; left: auto !important; bottom: auto !important; width: min(100%, 330px) !important; min-width: 0 !important;
    margin: -16px auto 36px; transform: none !important;
  }
  .home-responsive .hero > .hero-button:hover { transform: translateY(-2px) !important; }
  .home-responsive .home-news, .home-responsive .home-member-quote, .home-responsive .home-quick-links {
    position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    width: 100% !important; margin: 18px 0 0 !important; padding: 24px 20px !important; transform: none !important;
  }
  .home-responsive .home-member-quote.is-changing { transform: translateY(-8px) !important; }
  .home-responsive .home-news + .home-quick-links { margin-top: 50px !important; }

  /* This Year's Inductees */
  .current-class-page {
    width: 100% !important; min-height: calc(100vh - 72px); aspect-ratio: auto !important; padding: 42px var(--mobile-gutter) 54px; overflow: visible !important;
    background: linear-gradient(180deg,rgba(2,5,6,.12),rgba(2,5,6,.5)), url("images/this-years-inductees-announcement-background.png?v=20260806-1") center top / auto 1000px repeat-y !important;
  }
  .current-class-display, .current-class-upper, .current-class-primary, .current-class-right { position: static !important; display: block !important; }
  .class-category, .current-class-honor, .current-class-honor .class-category {
    position: relative !important; top: auto !important; left: auto !important; width: 100% !important; margin: 0 0 22px !important;
    padding: 42px 22px !important; transform: none !important; background: rgba(1,5,7,.23); border: 1px solid rgba(131,102,65,.42);
  }
  .class-category h2 { margin-bottom: 20px; font-size: clamp(29px, 9vw, 42px) !important; letter-spacing: 1px !important; }
  .class-category h2::after { width: 42px; height: 2px; margin-top: 12px; }
  .class-category ul { gap: 8px; }
  .class-category li { font-size: clamp(23px, 7vw, 32px) !important; letter-spacing: .5px !important; }

  /* Current Members */
  .current-members-responsive > .inductees-page { visibility: visible !important; }
  .current-members-responsive .inductees-page {
    position: relative !important; top: auto !important; left: auto !important; width: 100% !important; min-width: 0 !important;
    height: auto !important; min-height: calc(100vh - 72px) !important; padding: 58px var(--mobile-gutter) 48px !important; transform: none !important;
    background: linear-gradient(180deg,rgba(1,4,5,.08),rgba(1,4,5,.84) 56%), url("images/inductees-rotunda-sculpted-portrait-plaques.png") center top / auto 760px no-repeat;
  }
  .current-members-responsive .inductees-hero, .current-members-responsive .class-timeline, .current-members-responsive .inductee-search {
    position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; margin: 0 0 22px !important;
  }
  .current-members-responsive .inductees-hero { padding: 10px 8px 300px !important; }
  .current-members-responsive .inductees-hero h1 { font-size: clamp(48px, 14vw, 68px) !important; line-height: .9; }
  .current-members-responsive .inductees-hero > p:last-child { font-size: 17px !important; }
  .current-members-responsive .class-timeline, .current-members-responsive .inductee-search { padding: 20px 16px !important; background: var(--mobile-panel); }
  .current-members-responsive .timeline-track { width: 100% !important; height: auto !important; overflow-x: auto; justify-content: flex-start; scroll-snap-type: x proximity; }
  .current-members-responsive .timeline-scrollbar { position: relative !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100%; margin-top: 8px; }
  .current-members-responsive .timeline-year { flex: 0 0 112px !important; min-height: 78px !important; scroll-snap-align: start; }
  .current-members-responsive .inductee-search { display: block !important; }
  .current-members-responsive .search-control input { height: 52px !important; font-size: 18px !important; }

  /* Individual year pages */
  .year-responsive > .members-page { visibility: visible !important; }
  .year-responsive .members-page {
    position: relative !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: calc(100vh - 72px) !important;
    padding: 48px var(--mobile-gutter) 60px !important; overflow: visible !important;
    background: linear-gradient(180deg,rgba(2,4,4,.08),rgba(2,4,4,.76) 78%), url("images/members-background.png") center top / auto 900px no-repeat;
  }
  .year-responsive .members-content { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; transform: none !important; }
  .year-responsive .members-back { position: static !important; display: inline-block; margin-bottom: 28px !important; }
  .year-responsive .members-topline { display: block !important; margin-bottom: 22px !important; }
  .year-responsive .members-heading h1 { font-size: clamp(48px, 14vw, 68px) !important; line-height: .9; }
  .year-responsive .members-subtitle { width: 100% !important; }
  .year-responsive .members-subtitle p { font-size: 17px !important; white-space: normal !important; }
  .year-responsive .class-browse { margin-top: 22px; justify-content: space-between; }
  .year-responsive .class-year strong { font-size: 50px !important; }
  .year-responsive .member-filters { width: min(100%, 230px) !important; }
  .year-responsive .member-grid { width: 100% !important; margin: 0 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 18px 12px !important; }
  .year-responsive .member-card, .year-responsive .member-card.plaque-image-card { width: 100% !important; max-width: none !important; }
  .year-responsive .plaque-card-art { width: 100%; height: auto; }

  /* Hall of Honor */
  .honor-responsive > .honor-page { visibility: visible !important; }
  .honor-responsive .honor-page, .honor-responsive .honor-hero {
    position: relative !important; top: auto !important; left: auto !important; width: 100% !important; min-width: 0 !important;
    height: auto !important; min-height: calc(100vh - 72px) !important;
  }
  .honor-responsive .honor-hero { padding: 36px var(--mobile-gutter) 52px; background: linear-gradient(180deg,rgba(3,5,6,.08),rgba(3,5,6,.7)), url("images/hall-of-honor-empty-wall-background.png") center top / auto 900px repeat-y; }
  .honor-responsive .honor-hero .interior-page-header { position: relative !important; top: auto !important; left: auto !important; height: auto !important; transform: none !important; }
  .honor-responsive .honor-wall-console { position: relative !important; top: auto !important; left: auto !important; display: flex; flex-direction: column; width: 100% !important; height: auto !important; transform: none !important; }
  .honor-responsive .honor-wall-selected { order: 0; width: 100%; }
  .honor-responsive .honor-wall-years { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; width: 100% !important; }
  .honor-responsive .honor-wall-years-left { order: 1; margin-top: 22px; }
  .honor-responsive .honor-wall-years-right { order: 2; margin-top: 12px; }
  .honor-responsive .honor-wall-years button { width: 100% !important; min-height: 88px; }
  .honor-responsive .honor-selected-year-plaque { max-width: 100%; height: auto; }
  .honor-responsive .honor-rule { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; margin-top: 28px !important; transform: none !important; }

  /* In Memoriam */
  .memoriam-responsive > .memoriam-page { visibility: visible !important; }
  .memoriam-responsive .memoriam-page {
    position: relative !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: calc(100vh - 72px) !important;
    padding: 290px var(--mobile-gutter) 56px !important; background: linear-gradient(180deg,rgba(3,5,5,.02),rgba(3,5,5,.56)), url("images/in-memoriam-gallery-background-v4.png") center top / auto 930px repeat-y;
  }
  .memoriam-responsive .memoriam-wall { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; }
  .memoriam-responsive .memoriam-list { width: 100% !important; grid-template-columns: 1fr !important; gap: 12px !important; }
  .memoriam-responsive .memoriam-list span { width: 100%; font-size: 22px !important; }

  /* Text, directory, form, and ceremony pages */
  .history-body > .history-page, .bylaws-body > .bylaws-page, .nomination-body > .nomination-page,
  .ceremony-body > .ceremony-page, .board-members-body > .board-page, .links-body > .links-page { visibility: visible !important; }
  .interior-master-responsive main,
  .interior-master-responsive .history-page, .interior-master-responsive .bylaws-page,
  .interior-master-responsive .nomination-page, .interior-master-responsive .ceremony-page,
  .interior-master-responsive .board-page, .interior-master-responsive .links-page {
    position: relative !important; top: auto !important; left: auto !important; width: 100% !important; min-width: 0 !important;
    height: auto !important; min-height: calc(100vh - 72px) !important; margin: 0 !important; padding: 36px var(--mobile-gutter) 56px !important; transform: none !important;
  }
  .history-body .history-page, .bylaws-body .bylaws-page, .nomination-body .nomination-page,
  .ceremony-body .ceremony-page, .board-members-body .board-page, .links-body .links-page {
    position: relative !important; top: auto !important; left: auto !important; width: 100% !important; min-width: 0 !important;
    height: auto !important; min-height: calc(100vh - 72px) !important; margin: 0 !important; padding: 36px var(--mobile-gutter) 56px !important; transform: none !important;
  }
  .history-body .history-page { background: linear-gradient(rgba(2,5,6,.22),rgba(2,5,6,.74)), url("images/history-scroll-vault-background.png") center top / auto 900px repeat-y; }
  .bylaws-body .bylaws-page { background: linear-gradient(rgba(2,5,6,.2),rgba(2,5,6,.82)), url("images/bylaws-charter-chamber-background.png") center top / auto 900px repeat-y; }
  .nomination-body .nomination-page { background: linear-gradient(rgba(2,5,6,.26),rgba(2,5,6,.84)), url("images/nomination-archive-background.png") center top / auto 900px repeat-y; }
  .ceremony-body .ceremony-page { background: linear-gradient(rgba(2,5,6,.2),rgba(2,5,6,.82)), url("images/ceremony-honors-theater-background.png") center top / auto 900px repeat-y; }
  .board-members-body .board-page { background: linear-gradient(rgba(2,5,6,.58),rgba(2,5,6,.92)), url("images/history-scroll-vault-background.png") center top / auto 900px repeat-y; }
  .links-body .links-page { background: linear-gradient(rgba(2,5,6,.22),rgba(2,5,6,.82)), url("images/links-network-gallery-background.png") center top / auto 900px repeat-y; }
  .interior-master-responsive .history-story, .history-body .history-story { padding: 24px 20px !important; }
  .interior-master-responsive .history-story, .history-body .history-story {
    height: clamp(310px, calc(100vh - 295px), 700px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  .interior-master-responsive .history-story p, .history-body .history-story p { font-size: 21.25px !important; }
  .bylaws-toc, .bylaws-article, .nomination-form, .form-step, .ceremony-event-card, .ticket-section, .board-directory, .link-card { padding: 22px 18px !important; }
  .nomination-form {
    height: min(680px, calc(100vh - 220px)) !important;
    min-height: 360px;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  .bylaws-toc ol, .criteria-grid, .form-grid, .ceremony-event-grid, .ceremony-honoree-columns,
  .ticket-fields, .ticket-pricing, .board-grid, .interior-master-responsive .links-directory, .links-body .links-directory { grid-template-columns: 1fr !important; }
  .form-progress { gap: 6px; overflow-x: auto; justify-content: flex-start; padding-bottom: 8px; }
  .form-progress li { flex: 0 0 112px; }
  .form-progress li::after { display: none; }
  .form-step-heading h2, .ceremony-section-heading h2 { font-size: clamp(34px,10vw,48px) !important; }
  input, select, textarea, button { max-width: 100%; font-size: 16px; }
  .form-actions { gap: 12px; flex-wrap: wrap; }
  .ceremony-location-card img { width: 100%; height: auto; }
  .links-directory { display: grid !important; gap: 14px !important; }

  .site-footer { position: relative; z-index: 2; }
  .site-footer-inner { grid-template-columns: 1fr !important; gap: 30px !important; padding: 40px var(--mobile-gutter) 28px !important; }
  .site-footer-bottom { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px var(--mobile-gutter) 32px !important; }

  .player-modal-card, .honor-modal-plaque { width: calc(100vw - 28px) !important; max-height: calc(100vh - 28px); overflow-y: auto; }
}