/* ANANFX Academy — Home Function First — Recommended Resources */
@media (max-width: 767px) {
  body[data-page-key="home"] .home-resources { background: var(--ananfx-page-bg-primary); }
  body[data-page-key="home"] .home-resources__grid { display: grid; gap: 14px; }
  body[data-page-key="home"] .home-resource-card {
    display: grid; grid-template-columns: 112px minmax(0,1fr); min-height: 132px; overflow: hidden;
    border: 1px solid var(--home-card-border-primary); border-radius: 17px; background-color: var(--home-card-bg-primary); text-decoration: none;
    box-shadow: 0 8px 24px var(--home-card-shadow-color);
  }
  body[data-page-key="home"] .home-resource-card:hover { background-color: var(--home-card-bg-hover); border-color: var(--home-card-border-hover); }
  body[data-page-key="home"] .home-resource-card > img { width: 100%; height: 100%; min-height: 132px; object-fit: cover; background: var(--ananfx-page-bg-tertiary); }
  body[data-page-key="home"] .home-resource-card > span { display: grid; align-content: center; gap: 5px; padding: 15px; min-width: 0; }
  body[data-page-key="home"] .home-resource-card small { color: var(--ananfx-page-gold-primary); font-weight: 700; }
  body[data-page-key="home"] .home-resource-card strong { color: var(--ananfx-page-text-primary); }
  body[data-page-key="home"] .home-resource-card em { color: var(--page-yellow-primary); font-style: normal; }
  body[data-page-key="home"] .home-anchor-alias { position: absolute; width: 1px; height: 1px; overflow: hidden; }
  @media (max-width: 359px) {
    body[data-page-key="home"] .home-resource-card { grid-template-columns: 1fr; }
    body[data-page-key="home"] .home-resource-card > img { height: 168px; }
  }
  @media (min-width: 600px) { body[data-page-key="home"] .home-resources__grid { grid-template-columns: repeat(3,minmax(0,1fr)); } body[data-page-key="home"] .home-resource-card { grid-template-columns: 1fr; } body[data-page-key="home"] .home-resource-card > img { height: 160px; } }
}