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

   Year archive, mirroring the placement-archive year-tile
   pattern, but with two link types per the source nav:
   - Recent years (2021–2026) link straight to a per-year PDF.
   - Older years (2018–2020) all share one combined archive
     page, nirf-2020.php, per the source navigation.
   ========================================================= */

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

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

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

/* ---- Year grid ---- */
.nf-year-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.nf-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, background .18s ease;
}
.nf-year-tile:hover{
  border-color:var(--green-700);
  box-shadow:0 18px 36px -18px rgba(10,61,38,.35);
  transform:translateY(-3px);
}
.nf-year-num{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:1.5rem;
  color:var(--green-900);
}
.nf-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;
}
.nf-year-icon svg{ width:18px; height:18px; }
.nf-year-tile:hover .nf-year-icon{ background:var(--green-800); color:var(--gold-500); }
.nf-year-badge{
  font-size:.66rem; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink-soft);
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:999px;
  padding:3px 10px;
}
.nf-year-tile.is-combined .nf-year-badge{
  color:var(--gold-600);
  background:rgba(240,168,0,.12);
  border-color:transparent;
}

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

.nf-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;
}