/* =========================================================
   HI-TECH PATHSHALA — FREE RESOURCES HUB PAGE STYLES
   Only rules used on resources.blade.php that aren't already
   covered by style.css / notes.css / video.css / quiz.css
   (this page reuses .note-card, .video-card and .quiz-card
   directly, so those stylesheets are pushed alongside this one).
   Loaded via @push('styles').
   ========================================================= */

/* =========================================================
   HERO
   ========================================================= */
   .resources-hero{
    background:linear-gradient(to bottom, var(--ink-tint), var(--paper));
    padding:72px 0 56px;
    border-bottom:1px solid var(--line);
  }
  .resources-hero .eyebrow{justify-content:center; margin-bottom:14px;}
  .resources-hero .eyebrow::before{display:none;}
  .resources-hero h1{font-size:clamp(30px,4vw,44px); margin:0 0 16px; max-width:720px; margin-left:auto; margin-right:auto;}
  .resources-hero p.lead{color:var(--muted); font-size:16.5px; max-width:600px; margin:0 auto 20px;}
  
  .resources-hero__badge{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.03em;
    background:var(--success-tint); color:var(--success);
    padding:8px 16px; border-radius:999px; margin-bottom:32px;
  }
  
  .resources-hero__stats{display:flex; justify-content:center; gap:36px; flex-wrap:wrap;}
  .resources-hero__stats div strong{display:block; font-family:var(--font-display); font-size:24px; color:var(--ink-dark); font-weight:600;}
  .resources-hero__stats div span{font-family:var(--font-mono); font-size:11px; color:var(--muted); letter-spacing:.06em; text-transform:uppercase;}
  
  /* =========================================================
     QUICK NAV — jump links to each resource type
     ========================================================= */
  .resources-quicknav{
    background:var(--white); border-bottom:1px solid var(--line);
    position:sticky; top:73px; z-index:500;
  }
  .resources-quicknav__row{display:flex; gap:6px; overflow-x:auto; padding:12px 24px;}
  .resources-quicknav a{
    display:flex; align-items:center; gap:8px; white-space:nowrap;
    font-size:13.5px; font-weight:600; color:var(--ink-text);
    padding:9px 16px; border-radius:999px; transition:background .15s, color .15s;
  }
  .resources-quicknav a i{color:var(--gold-dark); font-size:13px;}
  .resources-quicknav a:hover{background:var(--ink-tint); color:var(--ink);}
  
  /* offset anchored sections so the sticky nav/quicknav don't cover the heading */
  .resources-section{scroll-margin-top:132px;}
  .resources-section--tint{background:var(--ink-tint);}
  
  /* =========================================================
     PAPER CARD — Previous Year Papers
     ========================================================= */
  .paper-card{
    background:var(--white); border:1px solid var(--line); border-radius:var(--r-md);
    padding:22px; height:100%; text-align:center;
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .paper-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-hover);}
  .paper-card__icon{font-size:32px; color:var(--alert); opacity:.8; display:block; margin-bottom:12px;}
  .paper-card .code-tag{margin-bottom:10px;}
  .paper-card h5{font-size:14.5px; margin:0 0 10px; line-height:1.4; min-height:40px;}
  .paper-card__meta{
    display:flex; justify-content:center; gap:10px; margin-bottom:16px;
    font-family:var(--font-mono); font-size:11.5px; color:var(--muted);
  }
  
  /* =========================================================
     NEWSLETTER CTA
     ========================================================= */
  .resources-newsletter{padding:64px 0;}
  .resources-newsletter__box{
    display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
    background:linear-gradient(135deg, rgba(198,138,46,.10), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.1); border-radius:var(--r-lg);
    padding:40px;
  }
  .resources-newsletter__content{max-width:520px;}
  .resources-newsletter__content h2{margin:10px 0 10px; color:#fff;}
  .resources-newsletter__content p{margin:0; color:#B9C9D4;}
  .resources-newsletter__form{display:flex; gap:10px; flex-wrap:wrap; min-width:320px; flex:1; max-width:420px;}
  .resources-newsletter__form .input-hip{
    flex:1; min-width:200px; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.2); color:#fff;
  }
  .resources-newsletter__form .input-hip::placeholder{color:#9FB0BE;}