/* =========================================================
   HI-TECH PATHSHALA — PREVIOUS YEAR PAPERS PAGE STYLES
   Only rules used on papers.blade.php. Depends on style.css
   for tokens and shared components (.filter-panel, .toolbar,
   .pill-tabs, .hip-card__meta, .code-tag, .price, .btn-hip ...).
   .paper-card is the canonical version — the Free Resources
   hub reuses it too, so keep this in sync if you change it.
   Loaded via @push('styles') so it only ships where needed.
   ========================================================= */

/* =========================================================
   HERO
   ========================================================= */
   .papers-hero{
    background:linear-gradient(to bottom, var(--ink-tint), var(--paper));
    padding:72px 0 60px;
    border-bottom:1px solid var(--line);
  }
  .papers-hero .eyebrow{justify-content:center; margin-bottom:14px;}
  .papers-hero .eyebrow::before{display:none;}
  .papers-hero h1{font-size:clamp(30px,4vw,44px); margin:0 0 16px; max-width:720px; margin-left:auto; margin-right:auto;}
  .papers-hero p.lead{color:var(--muted); font-size:16.5px; max-width:600px; margin:0 auto 32px;}
  
  .papers-hero__stats{display:flex; justify-content:center; gap:40px; flex-wrap:wrap;}
  .papers-hero__stats div strong{display:block; font-family:var(--font-display); font-size:24px; color:var(--ink-dark); font-weight:600;}
  .papers-hero__stats div span{font-family:var(--font-mono); font-size:11px; color:var(--muted); letter-spacing:.06em; text-transform:uppercase;}
  
  /* =========================================================
     EXAM TABS (All / CA / CS / CMA / JEE / NEET / SSC)
     ========================================================= */
  .papers-tabs{
    display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px;
    overflow-x:auto; padding-bottom:2px;
  }
  .papers-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;
  }
  .papers-tabs span:hover{border-color:var(--ink);}
  .papers-tabs span.active{background:var(--ink); border-color:var(--ink); color:#fff;}
  
  /* =========================================================
     PAPER CARD — canonical version (also used on the Free
     Resources hub page). Extends the .hip-card visual language.
     ========================================================= */
  .paper-card{
    background:var(--white); border:1px solid var(--line);
    border-radius:var(--r-md); overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    height:100%; display:flex; flex-direction:column;
  }
  .paper-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-hover); border-color:var(--line-soft);}
  
  .paper-card__thumb{
    aspect-ratio:16/10; position:relative;
    background:linear-gradient(135deg, var(--alert-tint), #F3DAD7);
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
  }
  .paper-card__thumb .code-tag{position:absolute; top:12px; left:12px; z-index:2;}
  .paper-card__badge{position:absolute; top:12px; right:12px; z-index:2;}
  .paper-card__icon{font-size:38px; color:var(--alert); opacity:.55;}
  .paper-card__pages{
    position:absolute; bottom:10px; right:10px; z-index:2;
    background:rgba(10,42,64,.85); color:#fff; font-family:var(--font-mono);
    font-size:11px; font-weight:600; padding:3px 9px; border-radius:5px;
  }
  
  .paper-card__body{padding:18px 18px 20px; display:flex; flex-direction:column; gap:8px; flex:1;}
  .paper-card__session{
    font-family:var(--font-mono); font-size:11px; color:var(--gold-dark); font-weight:600;
    letter-spacing:.04em; text-transform:uppercase;
  }
  .paper-card__body h5{font-size:16px; margin:0; line-height:1.35;}