:root {
    --ink-deep: #0e1a2b;
    --ink-panel: #142239;
    --line: #2a3c5a;
    --paper: #f4f1e9;
    --gold: #c9a34e;
    --gold-soft: #e4cf94;
    --text-dim: #a9b6cc;
  }

  * { box-sizing: border-box; }

 /*  body {
    margin: 0;
    padding: 48px 20px 72px;
    background: var(--ink-deep);
    background-image:
      radial-gradient(1px 1px at 8% 15%, rgba(255,255,255,0.5), transparent),
      radial-gradient(1px 1px at 22% 62%, rgba(255,255,255,0.35), transparent),
      radial-gradient(1.5px 1.5px at 38% 28%, rgba(255,255,255,0.55), transparent),
      radial-gradient(1px 1px at 52% 80%, rgba(255,255,255,0.3), transparent),
      radial-gradient(1px 1px at 68% 12%, rgba(255,255,255,0.45), transparent),
      radial-gradient(1.5px 1.5px at 78% 55%, rgba(255,255,255,0.4), transparent),
      radial-gradient(1px 1px at 91% 38%, rgba(255,255,255,0.4), transparent),
      radial-gradient(1px 1px at 12% 90%, rgba(255,255,255,0.3), transparent),
      radial-gradient(1px 1px at 85% 82%, rgba(255,255,255,0.35), transparent);
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    color: var(--paper);
  } */

  .wrap { max-width: 1040px; margin: 0 auto; }

  header {
    margin-bottom: 40px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 28px;
  }

  .kicker {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    letter-spacing: 0.04em;
    color: var(--gold-soft);
    margin: 0 0 10px;
  }

  /* h1 {
    font-size: clamp(30px, 4.6vw, 44px);
    line-height: 1.12;
    margin: 0 0 14px;
    font-weight: 500;
    color: var(--paper);
  } */

  header p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text-dim);
    font-size: 15.5px;
    line-height: 1.6;
    max-width: 680px;
    margin: 0;
  }

/*  h2 {
    font-size: 23px;
    font-weight: 500;
    color: var(--paper);
    margin: 56px 0 6px;
  } */

  .section-lead {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text-dim);
    font-size: 14.5px;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 0 22px;
  }

  .table-scroll {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 3px;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    min-width: 780px;
    background: var(--ink-panel);
  }

  thead th {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-align: left;
    color: var(--gold-soft);
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
  }

  tbody td {
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    font-size: 14.5px;
    line-height: 1.5;
  }

  tbody tr:last-child td { border-bottom: none; }
  tbody tr:hover { background: rgba(201, 163, 78, 0.06); }

  .date {
    white-space: nowrap;
    color: var(--gold-soft);
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
  }

  .heure {
    white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    color: var(--text-dim);
  }

  .event {
    font-weight: 600;
    color: var(--paper);
  }

  .desc {
    color: var(--text-dim);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13.3px;
    line-height: 1.55;
  }

  .obs {
    white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    letter-spacing: 0.02em;
  }

  .pill {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid var(--line);
    margin: 2px 3px 2px 0;
  }
  .pill.oeil { color: #cfe0c4; border-color: #3c5a3a; }
  .pill.jum { color: #d8cfa0; border-color: #5a5236; }
  .pill.tel { color: #c9b3e6; border-color: #4a3a5a; }

  /* Planets section */
  .planet-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
  }

  .planet-card {
    border: 1px solid var(--line);
    border-radius: 3px;
    background: var(--ink-panel);
    padding: 18px 20px;
  }

  .planet-card h3 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    color: var(--gold-soft);
  }

  .planet-card p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13.3px;
    line-height: 1.55;
    color: var(--text-dim);
  }

  footer {
    margin-top: 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12.5px;
    color: var(--text-dim);
    line-height: 1.6;
    border-top: 1px solid var(--line);
    padding-top: 20px;
  }

  @media (max-width: 600px) {
    body { padding: 32px 14px 56px; }
    thead th, tbody td { padding: 11px 12px; }
  }