/* =========================================================
   AQAR PAGE — page-specific only.
   Loaded solely by aqar.php via $pageExtraCss.

   Year archive of AQAR (Annual Quality Assurance Report)
   PDFs, mirroring the nirf.php / balancesheet.php pattern.
   ========================================================= */

.aq-section{ padding:72px 0 88px; }

.aq-kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size:.76rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--green-700); margin-bottom:12px;
}
.aq-kicker::before{ content:''; width:22px; height:2px; background:var(--gold-500); }

.aq-heading{
  font-size:clamp(1.55rem,2.4vw,2.1rem);
  font-weight:800; color:var(--green-900); max-width:680px; margin:0 0 14px;
}
.aq-lede{
  max-width:720px;
  font-size:1rem; line-height:1.75; color:var(--ink-soft);
  margin:0 0 40px;
}

/* ---- Year grid ---- */
.aq-year-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.aq-year-tile{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:30px 18px 24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  text-align:center;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.aq-year-tile:hover{
  border-color:var(--green-700);
  box-shadow:0 18px 36px -18px rgba(10,61,38,.35);
  transform:translateY(-3px);
}
.aq-year-icon{
  width:40px; height:40px;
  border-radius:10px;
  background:var(--green-100);
  color:var(--green-700);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .18s ease, color .18s ease;
}
.aq-year-icon svg{ width:19px; height:19px; }
.aq-year-tile:hover .aq-year-icon{ background:var(--green-800); color:var(--gold-500); }
.aq-year-num{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:1.2rem;
  color:var(--green-900);
}
.aq-year-badge{
  font-size:.66rem; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--red-500,var(--green-700));
  background:var(--red-100,var(--green-100));
  border-radius:999px;
  padding:3px 10px;
}

@media (max-width:900px){ .aq-year-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .aq-year-grid{ grid-template-columns:repeat(2,1fr); } }