/* Restauration douce de ZIK! : le graphisme d'origine reste intact. */
html { overflow-y: scroll; }
body {
  margin: 0;
  padding: 18px 10px 32px;
  background: #fff;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.35;
}

img { max-width: 100%; height: auto; }
img[width][height] { height: auto; }
table { max-width: 100%; }
a { overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #ff6600; outline-offset: 2px; }

/* Les tableaux de 700 px formaient la grille originale. Ils deviennent
   simplement fluides sur les écrans plus étroits. */
@media (max-width: 740px) {
  body { padding: 8px 5px 24px; }
  table[width="700"], table[width="600"], table[width="450"],
  table[width="325"], table[width="315"] { width: 100% !important; }
  td[width="50"] { width: 12px !important; }
  font[size="1"] { font-size: 0.75rem; }
  font[size="2"] { font-size: 0.85rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}