/* =========================================================
   ANNUAL REPORT PAGE — page-specific only.
   Loaded solely by annual-report.php via $pageExtraCss.

   Year archive, mirroring the nirf.php / balancesheet.php
   pattern. Per the source nav, this is single link type only
   (PDF), but several years have no report published yet
   (href="#") and are shown as "Coming Soon".
   ========================================================= */

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

.ar-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;
}
.ar-kicker::before{ content:''; width:22px; height:2px; background:var(--gold-500); }

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

/* ---- Year grid ---- */
.ar-year-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.ar-year-tile{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:26px 16px 20px;
  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;
}
a.ar-year-tile:hover{
  border-color:var(--green-700);
  box-shadow:0 18px 36px -18px rgba(10,61,38,.35);
  transform:translateY(-3px);
}
.ar-year-icon{
  width:38px; height:38px;
  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;
}
.ar-year-icon svg{ width:18px; height:18px; }
a.ar-year-tile:hover .ar-year-icon{ background:var(--green-800); color:var(--gold-500); }
.ar-year-num{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:1.15rem;
  color:var(--green-900);
}
.ar-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;
}
.ar-year-tile.is-soon{
  background:var(--cream);
  border-style:dashed;
}
.ar-year-tile.is-soon .ar-year-icon{ background:#fff; color:var(--ink-soft); }
.ar-year-tile.is-soon .ar-year-num{ color:var(--ink-soft); }
.ar-year-tile.is-soon .ar-year-badge{
  color:var(--ink-soft);
  background:#fff;
  border:1px solid var(--line);
}

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

.ar-note{
  max-width:760px;
  font-size:.84rem;
  line-height:1.7;
  color:var(--ink-soft);
  font-style:italic;
  border-left:2px solid var(--gold-500);
  padding-left:16px;
  margin-top:36px;
}