/* ANANFX Academy — Home mobile reference rebuild — common section/card system */
@media (max-width: 767px) {
  .home-section { padding: 56px 0; background: var(--ananfx-page-bg-primary); }
  .home-section:nth-of-type(even) { background: var(--ananfx-page-bg-secondary); }
  .home-section__heading { max-width: 610px; margin: 0 auto 24px; text-align: center; }
  .home-section__heading h2 { margin: 0; color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .home-section__heading > p:not(.home-eyebrow) { margin: 10px auto 0; color: var(--page-text-secondary); }
  .home-line-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; color: var(--ananfx-page-gold-primary); }
  .home-line-icon svg { width: 44px; height: 44px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  body[data-page-key="home"] .home-feature-card,
  body[data-page-key="home"] .home-highlight-card,
  body[data-page-key="home"] .home-czs-card,
  body[data-page-key="home"] .home-benefit-item,
  body[data-page-key="home"] .home-trust__grid article { border: 1px solid var(--home-card-border-primary); background-color: var(--home-card-bg-primary); box-shadow: 0 8px 24px var(--home-card-shadow-color); }
  .home-feature-card, .home-text-link { text-decoration: none; }
  body[data-page-key="home"] .home-feature-card:hover,
  body[data-page-key="home"] .home-highlight-card:hover,
  body[data-page-key="home"] .home-czs-card:hover,
  body[data-page-key="home"] .home-benefit-item:hover,
  body[data-page-key="home"] .home-trust__grid article:hover { background-color: var(--home-card-bg-hover); border-color: var(--home-card-border-hover); }
  .home-feature-card img, .home-benefit-item img, .home-trust__grid img { object-fit: contain; }
  .home-feature-card strong, .home-benefit-item h3, .home-trust__grid h3, .home-highlight-card h3 { color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .home-feature-card small, body[data-page-key="home"] .home-benefit-item p, body[data-page-key="home"] .home-trust__grid p, body[data-page-key="home"] .home-highlight-card p { color: var(--page-text-secondary); }
  @media (max-width: 359px) { body[data-page-key="home"] { --home-shell: calc(100% - 28px); } }
}
