/* assets/site.css */
:root { --hero-start: #003366; --hero-end: #0055aa; }
html, body { min-height: 100%; }
body { background: #f8f9fa; color: #212529; }
.navbar { background: #212529; }
.navbar .navbar-brand, .navbar .nav-link { color: #fff; }
.navbar .nav-link { opacity: .75; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: #fff; opacity: 1; }
header.hero {
  background: linear-gradient(90deg, var(--hero-start), var(--hero-end));
  color: #fff; padding: 4rem 1rem; text-align: center;
}
.card:hover { transform: translateY(-3px); transition: transform .25s ease; }
.table-wrap { max-width: 900px; }
.mono { font-variant-numeric: tabular-nums; white-space: nowrap; }
footer.footer { background: #212529; color: #fff; }
footer.footer small { color: rgba(255,255,255,.65); }
@media print {
  .navbar, .no-print, footer.footer { display: none !important; }
  body { background: #fff; }
  .card { box-shadow: none !important; }
}