
:root{
  --bg:#f7f7f8;
  --ink:#1f2937;
  --muted:#6b7280;
  --brand:#d32f2f; /* rouge pompier */
  --card:#ffffff;
  --border:#e5e7eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial; color:var(--ink); background:var(--bg);}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.header{background:var(--card); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:10}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.nav{display:flex; gap:1rem; align-items:center; flex-wrap:wrap}
.nav a{padding:.5rem .75rem;border-radius:.5rem}
.nav a.active, .nav a:hover{background:#fef2f2}
.brand{font-weight:700; color:var(--brand); letter-spacing:.2px}
.grid{display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); margin-top:1rem}
.card{background:var(--card); border:1px solid var(--border); border-radius:1rem; padding:1rem; box-shadow:0 1px 2px rgba(0,0,0,.03)}
.card h3{margin:.2rem 0 .5rem 0}
.badge{display:inline-block; font-size:.75rem; color:#fff; background:var(--brand); padding:.15rem .5rem; border-radius:.4rem}
.search{display:flex; gap:.5rem; margin-top:.5rem}
.search input{flex:1;padding:.6rem .8rem; border:1px solid var(--border); border-radius:.6rem; background:#fff}
.table{width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--border); border-radius:.6rem; overflow:hidden}
.table th,.table td{padding:.65rem .8rem; border-bottom:1px solid var(--border); text-align:left}
.table th{background:#fafafa; color:var(--muted); font-weight:600}
.kicker{color:var(--muted); font-size:.9rem}
footer{margin:2rem 0; color:var(--muted); font-size:.9rem; text-align:center}
.callout{border-left:4px solid var(--brand); background:#fff; padding:.75rem 1rem; border:1px solid var(--border); border-left-color:var(--brand); border-radius:.5rem}
.print-actions{margin:1rem 0}
@media print{
  .header, .search, .print-actions, footer{display:none !important}
  body{background:#fff}
  .card, .table{box-shadow:none;border-color:#ddd}
}
