/* FindNow-specific media adjustments. Site shell, color, type, cards and CTAs
   deliberately come from shared.css and translation-blog.css. */
.fn-guides-page a:focus-visible { outline: 3px solid #93c5fd; outline-offset: 4px; }
.fn-guides-page .fn-cover { max-width: 920px; margin-left: auto; margin-right: auto; }
.fn-guides-page .fn-cover img { aspect-ratio: auto; object-fit: contain; }
.fn-guides-page figcaption { color: var(--text-secondary); font-size: .78rem; line-height: 1.65; margin-top: 12px; }
.fn-guides-page .fn-body-media { margin: 28px 0; }
.fn-guides-page .fn-body-media img { display: block; width: 100%; height: auto; border-radius: var(--radius-md); }
.fn-guides-page .fn-example { padding: 24px; }
.fn-guides-page .fn-example h2 { margin-top: 8px; }
.fn-guides-page .fn-example h3 { margin-top: 24px; }
.fn-guides-page .fn-example p { margin-bottom: 18px; }
.fn-guides-page .fn-note { font-size: .8rem; color: var(--text-secondary); }
.fn-guides-page .fn-app-card > img { width: 112px; height: 112px; border-radius: 24px; }
.fn-guides-page .blog-card-image { aspect-ratio: 800 / 520; }
.fn-guides-page .blog-card-image img { object-fit: contain; }
.fn-guides-page .fn-guide-grid { max-width: 1040px; margin: 0 auto; }
.fn-guides-page .footer-copy { max-width: 440px; }
@media (prefers-reduced-motion: reduce) {
  .fn-guides-page { scroll-behavior: auto; }
  .fn-guides-page .mesh-blob { animation: none; }
  .fn-guides-page .nav { transition: none; }
}