/* Styles for the /impact/ catalog page + staff grant-report print export.
   One non-obvious decision: the printable report reuses the SAME counts the
   on-screen tiles render (impact.js fills both from the live resource catalog),
   so there is nothing to keep in sync by hand except the static fallback. */

/* ---- stat tiles ---- */
.impact-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  margin:1.4rem 0}
.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.1rem 1.2rem;box-shadow:var(--shadow)}
.stat-tile .stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.stat-tile .chip{font-size:.62rem;padding:.16rem .55rem;letter-spacing:.06em}
.stat-tile b{display:block;font-family:var(--display);font-size:2.1rem;color:var(--bay-deep);
  line-height:1.1;margin-top:.5rem}
.stat-tile span{display:block;font-size:.88rem;color:var(--muted);margin-top:.2rem}
.stat-tile.live b{color:var(--copper-deep)}

/* ---- what-we-report list: a definition-style list, not a data display, so it
   reads as commitments rather than as figures with the numbers missing ---- */
.measure-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.85rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.measure-list li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--bay);
  border-radius:10px;padding:.9rem 1.1rem}
.measure-list b{display:block;font-family:var(--display);color:var(--harbor);
  font-size:1.02rem;margin-bottom:.25rem}
.measure-list span{display:block;font-size:.9rem;color:var(--muted);line-height:1.5}

/* ---- staff strip ---- */
.staff-strip{background:var(--harbor);color:#fff;padding:2.4rem 0;margin-top:.5rem}
.staff-strip h2{color:#fff;margin:0 0 .5rem}
.staff-strip p{color:#cfe0ea;max-width:56ch;margin:0 0 1.2rem}
.staff-strip .print-note{font-size:.82rem;color:#9fb8c6;margin:.8rem 0 0}

/* ---- print-only report block: hidden on screen, shown only in @media print ---- */
.print-report{display:none}

@media print{
  .proto-banner,.util-bar,.masthead,.primary-nav,.skip-link,.site-footer,
  .staff-strip,.impact-screen{display:none !important}
  .print-report{display:block !important;color:#000;background:#fff}
  body{background:#fff}
  .print-report .wrap{max-width:100%;padding:0}
  .print-report h2{font-size:1.4rem;margin:0 0 .2rem}
  .print-report .print-meta{font-size:.85rem;color:#333;margin:0 0 1.2rem}
  .print-report table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.9rem}
  .print-report caption{text-align:left;font-weight:700;margin-bottom:.4rem;color:#000}
  .print-report th,.print-report td{border:1px solid #999;padding:.4rem .6rem;text-align:left}
  .print-report .print-footnote{font-size:.78rem;color:#333;margin:0 0 1.6rem;max-width:70ch}
  .print-report .print-signature p{margin:1.4rem 0 0;border-top:1px solid #000;
    padding-top:.3rem;font-size:.85rem}
}