/* =========================================================================
 * Dosya    : themes/default/assets/css/headers/header_site_quiz_home_hero_art.css
 * Eski yol : css/modules/quiz/hero-art.css
 * Taşındı  : 2026-10-19 · T3.4 (K1 yerleşim kuralı: <tip>/<tip>_<kapsam>_<modül>)
 * Kapsam   : Quiz ana sayfası hero illüstrasyonu
 * ========================================================================= */

/* ==========================================================================
   ACIZANE QUIZ - HERO ART
   Sorumluluk: Hero'nun sağındaki dekoratif illüstrasyon (altın kupa, kitap
   yığını, açık kitap, soru işareti, onay, ampul). Görsel şeffaf zeminlidir:
   images/quiz/home/hero-trophy.webp (+ .png yedek), kaynak .svg.
   ========================================================================== */

.quiz-home__hero-art {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  max-width: 520px;
  min-width: 0;
  justify-self: center;
}

.quiz-home__hero-art-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 520;
  user-select: none;
  pointer-events: none;
}

/* Tek sütun: görsel metnin altında, ölçülü boyutta. */
@media (max-width: 720px) {
  .quiz-home__hero-art {
    max-width: 340px;
  }
}

/* Decorative only: hidden where space is better spent on content. */
@media (max-width: 520px) {
  .quiz-home__hero-art {
    display: none;
  }
}