/* =============================================================================
   impulsestation.org — feuille de style commune aux pages secondaires
   (à propos, contact, confidentialité, mentions légales).
   Déplacée telle quelle depuis le <style> en ligne de a-propos.html (2026-09-24).
   Les quelques règles propres à une seule page sont restées dans cette page,
   dans un <style> qui suit ce fichier — c'est la surcharge de .card p des
   mentions légales qui impose cet ordre.
   ============================================================================= */
  :root{
    --ink:#1c2b4a;
    --ink-2:#0f1830;
    --paper:#eef1f6;
    --card:#ffffff;
    --stamp:#b3273e;
    --muted:#64748b;
    --border:#d8dee8;
    --mono:'IBM Plex Mono', ui-monospace, monospace;
    --sans:'Public Sans', system-ui, -apple-system, sans-serif;
  }
  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; }
  body{
    font-family:var(--sans);
    background:
      radial-gradient(circle, rgba(28,43,74,0.06) 1px, transparent 1px) 0 0/22px 22px,
      var(--paper);
    color:var(--ink);
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 0 60px;
  }
  a{ color:var(--stamp); }
  header{
    width:100%;
    background:linear-gradient(180deg,var(--ink-2), var(--ink));
    color:#fff;
    padding:48px 20px 64px;
    text-align:center;
  }
  .back-link{
    display:inline-block;
    color:#c7d0e2;
    font-family:var(--mono);
    font-size:12px;
    text-decoration:none;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,0.25);
    padding:5px 12px;
    border-radius:6px;
  }
  .back-link:hover{ border-color:#fff; }
  h1{
    font-family:var(--mono);
    font-weight:700;
    font-size:clamp(24px, 4vw, 34px);
    margin:0;
  }
  main{
    width:100%;
    max-width:680px;
    padding:0 20px;
    margin-top:-38px;
  }
  .card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:16px;
    box-shadow:0 18px 40px -20px rgba(15,24,48,0.35);
    padding:34px 32px;
    line-height:1.7;
    font-size:15px;
  }
  .card h2{
    font-family:var(--mono);
    font-size:16px;
    margin:26px 0 10px;
  }
  .card h2:first-child{ margin-top:0; }
  .card p{ margin:0 0 14px; color:#2c3750; }
  footer{
    margin-top:30px;
    max-width:680px;
    text-align:center;
    color:#8b95a8;
    font-size:12px;
    padding:0 20px;
  }
  footer a{ color:#64748b; text-decoration:underline; margin:0 8px; }