/* ANANFX Academy — Home mobile reference rebuild — footer */
@media (max-width: 767px) {
  .site-footer-scene { padding: 38px 0 calc(22px + env(safe-area-inset-bottom)); background: var(--ananfx-page-bg-primary); border-top: 1px solid var(--ananfx-page-border-primary); }
  .site-footer-scene__inner { width: var(--home-shell); margin-inline: auto; }
  .site-footer-scene__brand { display: block; width: 190px; max-width: 58vw; line-height: 0; }
  .site-footer-scene__brand img { width: 100%; height: auto; }
  body[data-page-key="home"] .site-footer-scene__description { margin: 14px 0 18px; color: var(--page-text-secondary); }
  body[data-page-key="home"] .site-footer-scene__framework-name { white-space: nowrap; }
  .site-footer-socials { display: flex; flex-wrap: wrap; gap: 10px; }
  .site-footer-social { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid var(--ananfx-page-border-primary); border-radius: 999px; text-decoration: none; color: var(--ananfx-page-text-primary); }
  .site-footer-social--placeholder { opacity: .52; }
  .site-footer-social__icon { display: grid; width: 26px; height: 26px; place-items: center; }
  .site-footer-social__icon svg { width: 24px; height: 24px; }
  .site-footer-scene__divider, .site-footer-scene__legal-divider { height: 1px; margin: 22px 0; background: var(--ananfx-page-border-primary); }
  .site-footer-accordions { display: grid; gap: 8px; }
  .site-footer-accordion { border-bottom: 1px solid var(--ananfx-page-border-primary); }
  .site-footer-accordion__toggle { display: flex; width: 100%; min-height: 50px; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; border: 0; background: transparent; color: var(--ananfx-page-text-primary); text-align: left; }
  .site-footer-accordion__toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .16s ease; }
  .site-footer-accordion__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .site-footer-accordion__panel-inner { display: grid; gap: 6px; padding: 0 0 14px; }
  .site-footer-link { display: block; width: 100%; min-height: 44px; padding: 9px 0; border: 0; background: transparent; color: var(--ananfx-page-text-muted); text-align: left; }
  .site-footer-contact-list { display: grid; gap: 8px; }
  .site-footer-contact { display: grid; min-height: 52px; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; padding: 5px 0; text-decoration: none; color: var(--ananfx-page-text-primary); }
  .site-footer-contact__icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--ananfx-page-gold-primary); border-radius: 50%; }
  .site-footer-contact__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  .site-footer-contact__copy { display: grid; gap: 2px; }
  .site-footer-contact__copy > span { color: var(--ananfx-page-text-muted); }
  .site-footer-scene__copyright { margin: 0; color: var(--ananfx-page-text-muted); text-align: center; }

  /* Home-only color bridge for the shared mobile drawer. Structure and logic remain global and unchanged. */
  body[data-page-key="home"] .ananfx-mobile-drawer-overlay { background: var(--ananfx-page-overlay); }
  body[data-page-key="home"] .ananfx-mobile-drawer {
    background: var(--ananfx-page-bg-primary);
    color: var(--ananfx-page-text-primary);
    box-shadow: 22px 0 60px var(--page-shadow-color);
  }
  body[data-page-key="home"] .ananfx-mobile-drawer__header { background: var(--ananfx-page-bg-primary); color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .ananfx-mobile-drawer__header,
  body[data-page-key="home"] .ananfx-mobile-drawer__group,
  body[data-page-key="home"] .ananfx-mobile-drawer__divider { border-color: var(--ananfx-page-divider); }
  body[data-page-key="home"] .ananfx-mobile-drawer__divider { background: var(--ananfx-page-divider); }
  body[data-page-key="home"] .ananfx-mobile-drawer__close,
  body[data-page-key="home"] .ananfx-mobile-drawer__profile,
  body[data-page-key="home"] .ananfx-mobile-drawer__account-button--outline { border-color: var(--ananfx-page-border-primary); background: var(--ananfx-page-surface-primary); color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .ananfx-mobile-drawer__direct,
  body[data-page-key="home"] .ananfx-mobile-drawer__group-toggle,
  body[data-page-key="home"] .ananfx-mobile-drawer__sub-link,
  body[data-page-key="home"] .ananfx-mobile-drawer__profile-copy strong { color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .ananfx-mobile-drawer__profile-copy span { color: var(--ananfx-page-text-muted); }
  body[data-page-key="home"] .ananfx-mobile-drawer__direct::before,
  body[data-page-key="home"] .ananfx-mobile-drawer__sub-link::before { background: var(--ananfx-page-gold-primary); }
  body[data-page-key="home"] .ananfx-mobile-drawer__account-button--gold { border-color: var(--page-yellow-primary); background: var(--page-yellow-primary); color: var(--page-bg-primary); }
  body[data-page-key="home"] .ananfx-mobile-drawer__account-button--outline:active {
    border-color: var(--page-yellow-dark);
    background: var(--page-card-selected);
    color: var(--page-text-primary);
  }
  body[data-page-key="home"] .ananfx-mobile-drawer__account-button--gold:active {
    border-color: var(--page-yellow-dark);
    background: var(--page-yellow-dark);
    color: var(--page-bg-primary);
  }
  body[data-page-key="home"] .ananfx-mobile-drawer__avatar { background: var(--ananfx-page-surface-secondary); color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .ananfx-mobile-drawer__close:focus-visible {
    outline: 2px solid #FFD000;
    outline-offset: 2px;
  }
  body[data-page-key="home"] .ananfx-mobile-drawer__direct:focus-visible,
  body[data-page-key="home"] .ananfx-mobile-drawer__group-toggle:focus-visible,
  body[data-page-key="home"] .ananfx-mobile-drawer__sub-link:focus-visible,
  body[data-page-key="home"] .ananfx-mobile-drawer__account-button:focus-visible { outline-color: var(--ananfx-page-focus-ring); }
  @media (hover: hover) {
    body[data-page-key="home"] .site-footer-link:hover,
    body[data-page-key="home"] .site-footer-social:hover,
    body[data-page-key="home"] .site-footer-contact:hover { color: var(--ananfx-page-gold-primary); }
    body[data-page-key="home"] .ananfx-mobile-drawer__close:hover,
    body[data-page-key="home"] .ananfx-mobile-drawer__direct:hover,
    body[data-page-key="home"] .ananfx-mobile-drawer__group-toggle:hover,
    body[data-page-key="home"] .ananfx-mobile-drawer__sub-link:hover { background: var(--ananfx-page-surface-hover); }
    body[data-page-key="home"] .ananfx-mobile-drawer__account-button--outline:hover:not(:active) {
      border-color: var(--page-border-hover);
      background: var(--page-card-hover);
      color: var(--page-text-primary);
    }
    body[data-page-key="home"] .ananfx-mobile-drawer__account-button--gold:hover:not(:active) {
      border-color: var(--page-yellow-bright);
      background: var(--page-yellow-bright);
      color: var(--page-bg-primary);
    }
  }

}

/* V154 — Home footer direct action buttons. Home footer only. */
body[data-page-key="home"] #siteFooter .site-footer-direct-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
body[data-page-key="home"] #siteFooter .site-footer-direct-action {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--ananfx-page-border-primary);
  border-radius: 999px;
  background-color: var(--ananfx-page-surface-primary);
  color: var(--ananfx-page-text-primary);
  font: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
body[data-page-key="home"] #siteFooter .site-footer-direct-action img {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  object-fit: contain;
}
body[data-page-key="home"] #siteFooter .site-footer-direct-action:focus-visible,
body[data-page-key="home"] #siteFooter .site-footer-email-link:focus-visible {
  outline: 3px solid var(--ananfx-page-focus-ring);
  outline-offset: 3px;
}
body[data-page-key="home"] #siteFooter .site-footer-direct-actions__status {
  margin: 12px 0 0;
  color: var(--ananfx-page-text-muted);
  text-align: center;
}
body[data-page-key="home"] #siteFooter .site-footer-email-link {
  display: block;
  width: fit-content;
  margin: 12px auto 0;
  color: var(--ananfx-page-text-secondary);
  text-decoration: none;
}
@media (hover: hover) {
  body[data-page-key="home"] #siteFooter .site-footer-direct-action:hover,
  body[data-page-key="home"] #siteFooter .site-footer-email-link:hover {
    color: var(--ananfx-page-gold-primary);
    border-color: var(--ananfx-page-gold-primary);
  }
}
@media (max-width: 767px) {
  body[data-page-key="home"] #siteFooter .site-footer-direct-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body[data-page-key="home"] #siteFooter .site-footer-direct-action img {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
  body[data-page-key="home"] #siteFooter .site-footer-direct-action:last-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 359px) {
  body[data-page-key="home"] #siteFooter .site-footer-direct-actions {
    grid-template-columns: 1fr;
  }
  body[data-page-key="home"] #siteFooter .site-footer-direct-action:last-child {
    grid-column: auto;
  }
}