Redesign the couple subsite per the impeccable spec

public/couple/index.html

@@ -2,17 +2,17 @@
 <html lang="fr">
 <head>
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
   <meta name="robots" content="noindex, nofollow">
-  <title>Clarté — Espace couple</title>
-  <meta name="description" content="Questionnaires d'auto-évaluation de couple, en privé, sur votre appareil.">
+  <title>Clarté · Espace couple</title>
+  <meta name="description" content="Questionnaires d’auto-évaluation de couple, en privé, sur votre appareil.">
   <link rel="manifest" href="manifest.webmanifest">
   <meta name="theme-color" content="#faf8f4">
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
-  <div id="progress" hidden></div>
-  <main id="app" aria-live="polite"></main>
+  <header id="progress" class="progress" hidden></header>
+  <main id="app"></main>
   <script src="data.js"></script>
   <script src="app.js"></script>
 </body>

public/couple/manifest.webmanifest

 {
-  "name": "Clarté — Espace couple",
+  "name": "Clarté · Espace couple",
   "short_name": "Clarté couple",
   "lang": "fr",
   "start_url": ".",

public/couple/sw.js

 /* Cache-first: la page et ses données chargent hors réseau; les réponses
    vivent dans localStorage et ne passent jamais par le réseau. */
-var CACHE = 'couple-v3';
+/* Règle : tout commit qui touche un fichier de ASSETS doit incrémenter CACHE. */
+var CACHE = 'couple-v4';
 var ASSETS = ['./', './index.html', './style.css', './app.js', './data.js',
   './manifest.webmanifest',
   './fonts/AtkinsonHyperlegible-Regular.woff2',