/* =========================================================
   HI-TECH PATHSHALA — QUIZ PAGE STYLES
   Only rules used on quiz.blade.php. Depends on style.css
   for tokens and shared components (.select-hip, .toolbar,
   .pill-tabs, .code-tag, .btn-hip, .explore-pagination ...).
   Loaded via @push('styles') so it only ships on this page.
   ========================================================= */

/* =========================================================
   HERO
   ========================================================= */
   .quiz-hero{
    background:linear-gradient(to bottom, var(--ink-tint), var(--paper));
    padding:72px 0 50px;
    border-bottom:1px solid var(--line);
  }
  .quiz-hero .eyebrow{justify-content:center; margin-bottom:14px;}
  .quiz-hero .eyebrow::before{display:none;}
  .quiz-hero h1{font-size:clamp(30px,4vw,44px); margin:0 0 16px; max-width:700px; margin-left:auto; margin-right:auto;}
  .quiz-hero p.lead{color:var(--muted); font-size:16.5px; max-width:580px; margin:0 auto 32px;}
  
  .quiz-hero__stats{display:flex; justify-content:center; gap:40px; flex-wrap:wrap;}
  .quiz-hero__stats div strong{display:block; font-family:var(--font-display); font-size:24px; color:var(--ink-dark); font-weight:600;}
  .quiz-hero__stats div span{font-family:var(--font-mono); font-size:11px; color:var(--muted); letter-spacing:.06em; text-transform:uppercase;}
  
  /* =========================================================
     QUIZ FINDER — cascading Category > Subcategory > Subject > Chapter
     ========================================================= */
  .quiz-finder{
    background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
    padding:32px; box-shadow:var(--shadow-card);
    margin-top:-64px; position:relative; z-index:2;
  }
  .quiz-finder__head{margin-bottom:22px;}
  .quiz-finder__head h3{font-size:20px; margin:0 0 6px;}
  .quiz-finder__head p{color:var(--muted); font-size:13.5px; margin:0;}
  
  .quiz-finder__grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-bottom:22px;
  }
  .quiz-finder__field label{
    display:block; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em;
    text-transform:uppercase; color:var(--muted); margin-bottom:8px;
  }
  .select-hip--block{width:100%;}
  .select-hip:disabled{opacity:.5; cursor:not-allowed;}
  
  .quiz-finder__foot{
    display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
    padding-top:20px; border-top:1px solid var(--line-soft);
  }
  .quiz-finder__preview{font-size:13.5px; color:var(--muted); font-weight:600;}
  .quiz-finder__preview.is-ready{color:var(--success);}
  
  /* =========================================================
     EXAM TABS (All / CA / CS / CMA / JEE / NEET / SSC)
     ========================================================= */
  .quiz-tabs{
    display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px;
    overflow-x:auto; padding-bottom:2px;
  }
  .quiz-tabs span{
    font-family:var(--font-mono); font-size:12.5px; font-weight:600; letter-spacing:.03em;
    padding:8px 17px; border-radius:999px; border:1.5px solid var(--line);
    background:var(--white); color:var(--ink-text); cursor:pointer;
    white-space:nowrap; transition:.15s;
  }
  .quiz-tabs span:hover{border-color:var(--ink);}
  .quiz-tabs span.active{background:var(--ink); border-color:var(--ink); color:#fff;}
  
  /* extra difficulty color used only on this page */
  .code-tag--alert{background:var(--alert-tint); color:var(--alert);}
  
  /* =========================================================
     QUIZ CARD
     ========================================================= */
  .quiz-card{
    background:var(--white); border:1px solid var(--line); border-radius:var(--r-md);
    padding:22px; height:100%; display:flex; flex-direction:column; gap:12px;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .quiz-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-hover); border-color:var(--line-soft);}
  
  .quiz-card__breadcrumb{
    font-family:var(--font-mono); font-size:11px; color:var(--muted);
    display:flex; align-items:center; gap:6px; flex-wrap:wrap; letter-spacing:.02em;
  }
  .quiz-card__breadcrumb i{font-size:7px; opacity:.6;}
  
  .quiz-card h5{font-size:16px; margin:0; line-height:1.35;}
  
  .quiz-card__meta{display:flex; gap:10px; flex-wrap:wrap; align-items:center; font-size:12.5px; color:var(--muted); font-family:var(--font-mono);}
  .quiz-card__meta span{display:flex; align-items:center; gap:5px;}
  
  .quiz-card__foot{
    margin-top:auto; padding-top:14px; border-top:1px solid var(--line-soft);
    display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  }
  .quiz-card__attempts{display:flex; flex-direction:column; gap:2px; font-size:12px; color:var(--muted); font-family:var(--font-mono);}
  .quiz-card__score{color:var(--gold-dark); font-weight:600;}