/* Pages communes à toutes les langues (racine, 404). */

.plain {
  max-width: 480px;
  margin: 0 auto;
  padding: 64px 16px;
  text-align: center;
}

.plain .brand { display: inline-block; margin-bottom: 24px; font-size: 2rem; }

.plain section + section { margin-top: 24px; }
.plain h1 { margin: 0 0 4px; font-size: 1.3rem; font-weight: 600; }
.plain p { margin: 0 0 8px; color: var(--muted); }
.plain p a { color: var(--brand); font-weight: 600; }

.plain-links { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.plain-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 16px;
  border: 2px solid var(--border);
  border-radius: 999px;
  background: var(--panel);
  color: var(--text);
  text-decoration: none;
}
.plain-links a:hover, .plain-links a:focus-visible { border-color: var(--brand); background: var(--brand-soft); }
.plain-links svg { width: 30px; height: 20px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }