/* --- Thème EPAW-like compact --- */
:root {
  --blue: #1f4f7f;
  --beige: #f3e6d4;
  --beige-border: #e2d1b8;
  --green: #7bb35a;
  --text: #2a2a2a;
  --paper: #fbf8f3;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--paper);
  color: var(--text);
}

/* ----- Header ----- */
header {
  background: #fff;
  border-bottom: 3px solid var(--green);
  padding: 16px 18px;
}

header h1 {
  margin: 0;
  font: 700 28px/1.1 Georgia, serif;
  color: var(--blue);
  text-align: center;
}

header nav {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

header nav a {
  color: #0d5a33;
  text-decoration: none;
  background: linear-gradient(#ecf5ea, #d9eed9);
  border: 1px solid #c7dfc7;
  padding: 7px 10px;
  border-radius: 6px;
  font-weight: 700;
}

/* ----- Layout ----- */
.layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 20px;
  max-width: 900px;
  margin: 18px auto;
  padding: 0 12px;
}

.content h2 {
  font: 700 22px/1.15 Georgia, serif;
  color: var(--blue);
  margin: 0 0 10px;
}

/* ----- Association List ----- */
.assoc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.assoc-list li {
  background: #fff;
  border: 1px solid var(--beige-border);
  border-radius: 6px;
  padding: 10px 12px;
}

.assoc-list li .meta {
  font-size: 13px;
  opacity: .85;
  margin: 4px 0;
}

/* ----- Sidebar ----- */
.sidebar .region-head {
  background: #eef6ea;
  border: 1px solid #cfe5d7;
  border-radius: 6px;
  padding: 8px 10px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}

.sidebar .card {
  background: #fff;
  border-top: 4px solid var(--green);
  border: 1px solid #e7e1d9;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 12px;