/* Home integrity pass — 2026-10-13.
   The approved desktop artwork and all measured link geometry remain untouched.
   This layer makes interactive areas discoverable, stable and accessible. */

#irfanCanvas { contain: layout paint; }

/* Owner-approved: make the built-in library scene perceptibly clearer without
   moving, recolouring or rebuilding the approved home composition. */
#irfanCanvas > .reference { filter: brightness(1.05); }

/* Invisible links are necessary to preserve the approved canvas.  A precise
   focus indicator appears only for keyboard users and never changes resting
   desktop composition. */
@media (min-width: 601px) {
  .hotspot:focus-visible {
    outline: 2px solid #ffe09a !important;
    outline-offset: 2px;
    border-radius: 5px;
    background: rgba(229, 184, 67, .12) !important;
    box-shadow: 0 0 0 4px rgba(6, 5, 3, .78), 0 0 19px rgba(245, 202, 99, .42) !important;
  }

  .metric-card[href] {
    border-radius: 8px;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  }

  .metric-card[href]:hover,
  .metric-card[href]:focus-visible {
    transform: translateY(-1px);
    background: linear-gradient(145deg, rgba(77, 57, 19, .45), rgba(11, 10, 7, .12));
    box-shadow: 0 0 0 1px rgba(245, 212, 128, .58), 0 12px 26px rgba(0, 0, 0, .28);
    outline: none;
  }
}

/* Preserve a calm, premium motion profile for users who request less motion. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* The mobile presentation retains the same routes, with comfortable tap zones
   on narrow phones and no horizontal overflow. */
@media (max-width: 390px) {
  .home-mobile { padding-inline: 14px; }
  .home-mobile-commands,
  .home-mobile-nav { grid-template-columns: 1fr; }
  .home-mobile-nav a:last-child { grid-column: auto; }
  .home-mobile-commands a { min-height: 92px; }
}
