/* Mots d'encre 6.0 « La marée d'encre » · l'habillage des anciennes pages (atelier « systeme »)
   Chargé EN DERNIER (après style.css 4.x, identite-40.css et e5/habillage.css, et après maree/systeme.css) sur le Monde,
   la maison, la salle, le Trésor, les Profondeurs, les Abysses, Moi et le Classement. Il n'ajoute aucune fonction et n'en
   retire aucune : il donne aux classes existantes les jetons et les composants du système (maree/systeme.css).
   Ces pages sont dans l'ambiance « abysse » (la nuit #071A29) ; le thème clair choisi dans les réglages reste possible
   (ambiance « surface »). Le passage depuis Lire, Explorer, Créer se vit comme une descente : même eau, même en-tête,
   mêmes portes, mêmes boutons, mêmes lettres. */

/* ---------- 1. les jetons : l'abysse sur ces pages (nuit), la surface en thème clair ---------- */
:root[data-theme="dark"] {
  --s-fond: #071A29; --s-carte: #0E2436; --s-carte-2: #143049;
  --s-txt: #EEF2EE; --s-txt-2: #A8BCC4;
  --s-trait: rgba(238, 242, 238, .13); --s-trait-fort: rgba(238, 242, 238, .34);
  --s-action: #7FD9D4; --s-action-2: #A6E6E2; --s-sur-action: #071A29; --s-action-voile: rgba(127, 217, 212, .14);
  --s-or: #E8C873; --s-or-fond: rgba(232, 200, 115, .14); --s-or-trait: #C9A14A;
  --s-corail: #F2B6A2; --s-corail-fond: rgba(242, 182, 162, .14); --s-corail-plein: #F2B6A2; --s-sur-corail: #2A1006;
  --s-mystere: #BDB4F4; --s-mystere-fond: rgba(122, 107, 216, .2);
  --s-focus: #7FD9D4; --ic-or: #E9CF8E;
  /* les jetons d'avant reçoivent les valeurs du système (une seule nuit, un seul lagon, plus de rose) */
  --fond: #071A29; --surface: #0E2436; --papier: #112A3E; --encre: #EEF2EE; --brume: #A8BCC4;
  --trait: rgba(238, 242, 238, .13); --rose: #7FD9D4; --rose-voile: rgba(127, 217, 212, .14); --sur-rose: #071A29;
  --heure: #E8C873; --plume: #3FBFBE;
  --mde-nuit: #071A29; --mde-corail: #7FD9D4; --mde-peche: #C9A14A; --mde-or: #E8C873;
  --f-titre: 'Instrument Serif', 'Iowan Old Style', serif; --f-ui: 'Instrument Sans', -apple-system, 'Segoe UI', system-ui, sans-serif; --f-vers: 'Newsreader', 'Iowan Old Style', serif;
  --s-porte: #A8D8EA;   /* la couleur de la porte (Explorer, Jouer) : les surtitres */
}
:root[data-theme="light"] {
  --s-porte: #0A3F55; --rose: #0E6B78; --rose-voile: rgba(14, 107, 120, .09); --sur-rose: #FFFFFF;
  --f-titre: 'Instrument Serif', 'Iowan Old Style', serif; --f-ui: 'Instrument Sans', -apple-system, 'Segoe UI', system-ui, sans-serif; --f-vers: 'Newsreader', 'Iowan Old Style', serif;
}

/* ---------- 2. l'eau : la même que Jouer, plus claire en haut (on vient de la surface), puis la nuit ---------- */
:root[data-theme="dark"] body {
  background-color: #071A29;
  background-image: radial-gradient(120% 420px at 50% -120px, rgba(43, 126, 142, .5), rgba(43, 126, 142, 0) 70%), linear-gradient(#0B2C40, #071A29 520px);
  background-repeat: no-repeat; background-size: 100% 640px;
}
:root[data-theme="dark"] ::selection { background: rgba(127, 217, 212, .3); color: #FFFFFF; }
:root[data-theme="dark"] :focus-visible { outline-color: #7FD9D4; }
/* passer d'une page à l'autre : la page qui arrive monte de l'eau, d'un geste court (navigateurs récents seulement) */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: .26s ease both mde-vt-sort; }
::view-transition-new(root) { animation: .42s cubic-bezier(.2, .8, .2, 1) both mde-vt-descend; }
@keyframes mde-vt-sort { to { opacity: 0; } }
@keyframes mde-vt-descend { from { opacity: 0; transform: translateY(18px); } }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; } }
html.mvt-reduit::view-transition-old(root), html.mvt-reduit::view-transition-new(root) { animation: none !important; }

/* ---------- 3. les lettres : trois polices, l'échelle du système ---------- */
body { font-family: var(--s-f-ui); }
h1, h2, h3 { font-family: var(--s-f-titre); font-weight: 400; }
/* plus de Gloock ni de Familjen : les titres en Instrument Serif, les commandes en Instrument Sans */
.marque, .marque #marque-txt, .entete .marque span, .marque .nv-marque b,
.lc-couv-sous, .lc-nom, .lc-chap-num, .lc-chap-titre, .lc-som-titre, .lc-som b, .lc-garde-titre, .lc-mini-titre, .lc-mini-txt b,
.cn-couv-txt b, .rv-legende .rv-nom, .se-carte b, .se-boite h3, .mj-tete h3, .mj-l b { font-family: var(--s-f-titre) !important; }
.lc-haut-titre, .lc-mini, .lc-rarete small, .lc-rarete b, .lc-sceau text, .lc-notes dt, .lc-carte .rose text, .lc-legende li, .lc-anneau text, .lc-gardien,
.lc-mini-txt small, .lc-mini-txt em, .cn-couv-txt small, .cn-couv-ouvrir, .rv-sur, .rv-passer, .rv-apercu, .se-carte i, .se-sur, .se-btn, .se-page dt, .se-aide, .mj-l small { font-family: var(--s-f-ui) !important; }
.lc-mini-titre small, .lc-mini-txt small { font-size: 13px !important; }
/* les surtitres : une seule couleur, celle de la porte (avant : turquoise, rose ou or selon la page) */
.sur, .repere small, .marque .nv-esp, .pf-hero .sur { color: var(--s-porte, #A8D8EA) !important; font-size: 13px !important; letter-spacing: .1em; }

/* ---------- 4. l'en-tête : le même partout (le verre d'eau de la barre de Jouer) ---------- */
:root[data-theme="dark"] .entete, :root[data-theme="dark"] .mo-tete { background: rgba(7, 26, 41, .84) !important; -webkit-backdrop-filter: saturate(1.2) blur(14px); backdrop-filter: saturate(1.2) blur(14px); border-bottom: 1px solid rgba(238, 242, 238, .1) !important; }
.repere .rp-ret, .mo-rond, .entete .retour { width: 44px !important; height: 44px !important; min-width: 44px; }
:root[data-theme="dark"] .repere .rp-ret, :root[data-theme="dark"] .mo-rond { background: rgba(127, 217, 212, .08); border-color: rgba(127, 217, 212, .28); color: #CFEFEA; }
.repere b { font-family: var(--s-f-titre); font-size: 20px; }
@media (max-width: 420px) { .entete .mur:not(:has(.tr-hud.dans-entete)) .repere b, .entete .mur:not(:has(.tr-hud.dans-entete)) .repere small { max-width: 56vw; } }
/* le logo des pages d'avant (une goutte violette et rose, en Gloock) devient celui de l'accueil : une goutte d'encre, la nuit */
.marque .marque-ic { visibility: hidden; }
.marque:has(.marque-ic) { position: relative; }
.marque:has(.marque-ic)::before { content: ""; position: absolute; left: 0; top: 50%; width: 1.75em; height: 1.75em; transform: translateY(-50%); background: currentColor; pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4.5c4.4 5.9 9 11.4 9 17a9 9 0 0 1-18 0c0-5.6 4.6-11.1 9-17z' fill='none' stroke='%23000' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M15.5 22.5a4.5 4.5 0 0 0 4.5 4.5' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4.5c4.4 5.9 9 11.4 9 17a9 9 0 0 1-18 0c0-5.6 4.6-11.1 9-17z' fill='none' stroke='%23000' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M15.5 22.5a4.5 4.5 0 0 0 4.5 4.5' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ---------- 5. la navigation du bas : celle de Jouer, sans les roses 4.x ---------- */
:root[data-theme="dark"] .nav-g:not(.nav-5) { --nv-c: #A3B6BE; --nv-on: #CFEFEA; --nv-fond: rgba(127, 217, 212, .14); background: rgba(7, 26, 41, .9) !important; border-top: 0 !important; box-shadow: 0 -1px 0 rgba(207, 239, 234, .1) !important; }
:root[data-theme="dark"] .nav-g:not(.nav-5)::before { display: none !important; }
:root[data-theme="dark"] .nav-g:not(.nav-5) a[aria-current="page"]:not(.nv-centre)::after { display: none !important; }
:root[data-theme="dark"] .nav-g a[data-porte="explorer"], :root[data-theme="dark"] .nav-g a[data-porte="jouer"] { --nv-on: #CFEFEA; --nv-fond: rgba(127, 217, 212, .14); }
.nav-g a.nv-centre .nv-med { background: radial-gradient(circle at 32% 24%, #E3F4F0 0%, #7FD9D4 40%, #0E6B78 100%) !important; }
@media (min-width: 960px) { :root[data-theme="dark"] .nav-g.en-haut a[aria-current="page"] { background: rgba(127, 217, 212, .16); color: #CFEFEA; } }

/* ---------- 6. les boutons : le bouton principal du système (lagon, 12 px d'arrondi), les secondaires bordés ---------- */
:root .btn.plein:not(.manque), :root[data-theme="dark"] .btn.plein:not(.manque), :root .btn.rose:not(.manque), :root[data-theme="dark"] .btn.rose:not(.manque) {
  background: var(--s-action, #7FD9D4) !important; border-color: transparent !important; color: var(--s-sur-action, #071A29) !important;
  border-radius: 12px !important; min-height: 48px; font-family: var(--s-f-ui); font-weight: 600;
  box-shadow: 0 10px 22px -14px rgba(10, 63, 85, .75) !important;
}
:root[data-theme="light"] .btn.plein, :root[data-theme="light"] .btn.rose { background: #0E6B78 !important; color: #FFFFFF !important; }
/* un coffre trop cher (5.0.6) : le bouton reste touchable, en pointillés, et dit combien il manque — jamais le plein lagon d'une action possible */
.btn.manque { border-radius: 12px !important; border: 1.5px dashed var(--s-trait-fort, rgba(238, 242, 238, .34)) !important; background: transparent !important; color: var(--s-txt, #EEF2EE) !important; box-shadow: none !important; }
.btn { border-radius: 12px; min-height: 44px; font-family: var(--s-f-ui); }
.btn:not(.plein):not(.rose) { border: 1.5px solid var(--s-trait-fort, rgba(238, 242, 238, .34)); }
@media (hover: hover) { .btn:not(.plein):not(.rose):hover { background: var(--s-action-voile, rgba(127, 217, 212, .14)); border-color: var(--s-action, #7FD9D4); } }
.btn[aria-pressed="true"], .btn[aria-selected="true"] { box-shadow: inset 0 0 0 1.5px var(--s-action, #7FD9D4); }
/* désactivé : plus une simple transparence, mais un bord en pointillés et un libellé lisible */
.btn[disabled], .btn[aria-disabled="true"] { opacity: 1 !important; background: transparent !important; color: var(--s-txt-2, #A8BCC4) !important; box-shadow: none !important; outline: 1.5px dashed var(--s-trait-fort, rgba(238, 242, 238, .34)); outline-offset: -1.5px; }

/* ---------- 7. les icônes dessinées à la place des emojis emblématiques (maree/icones.js) ---------- */
.mde-ic-e { color: inherit; }
.mde-ic-e .mde-ic { width: 1.3em; height: 1.3em; }
/* les raretés gardent leur couleur, et ont désormais aussi une forme */
.mde-ic-e[data-emoji^="⚪"] { color: #C3D0D6; } .mde-ic-e[data-emoji^="🔵"] { color: #7DB9EA; } .mde-ic-e[data-emoji^="🟣"] { color: #B9A2F0; }
.mde-ic-e[data-emoji^="🟠"] { color: #F0B95E; } .mde-ic-e[data-emoji^="🔴"] { color: #F08A86; } .mde-ic-e[data-emoji^="⚫"] { color: #9AA8C2; } .mde-ic-e[data-emoji^="💠"] { color: #7FD9D4; }
:root[data-theme="light"] .mde-ic-e[data-emoji^="⚪"] { color: #6F8590; } :root[data-theme="light"] .mde-ic-e[data-emoji^="🔵"] { color: #2F7FC0; } :root[data-theme="light"] .mde-ic-e[data-emoji^="🟣"] { color: #7A58C8; }
:root[data-theme="light"] .mde-ic-e[data-emoji^="🟠"] { color: #B87418; } :root[data-theme="light"] .mde-ic-e[data-emoji^="🔴"] { color: #C0403C; } :root[data-theme="light"] .mde-ic-e[data-emoji^="⚫"] { color: #3B4558; } :root[data-theme="light"] .mde-ic-e[data-emoji^="💠"] { color: #0E6B78; }

/* ---------- 8. le Monde de l'Encre ---------- */
/* les onglets : des icônes dessinées, la teinte de ce qui se touche pour l'onglet choisi */
.mo-onglets { background: rgba(7, 26, 41, .94) !important; }
.mo-onglets button { min-height: 52px; color: #A3B6BE !important; font-size: 13px !important; }
.mo-onglets button span { filter: none !important; opacity: .85; font-size: 1.3rem; }
.mo-onglets button span .mde-ic { width: 26px; height: 26px; }
.mo-onglets button[aria-selected="true"] { color: #CFEFEA !important; background: rgba(127, 217, 212, .12) !important; }
.mo-onglets button[aria-selected="true"] span { opacity: 1; }
/* les noms des régions sur la mer : un cartouche d'encre (avant : 1,8 à 3,8:1 sur l'eau claire) */
.m3-t { background: rgba(7, 26, 41, .86) !important; border-radius: 10px !important; padding: .3rem .6rem .34rem !important; text-shadow: none !important; box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(238, 242, 238, .1); }
.m3-t small { font: italic 400 13px/1.15 var(--s-f-texte) !important; color: #CFE3EA !important; }
.m3-t.inconnu b { opacity: 1 !important; color: #C9C2F6; }
.m3-t.ferme b { opacity: 1 !important; color: #C9C2F6; }
.m3-t.ferme, .m3-t.inconnu { background: rgba(24, 20, 58, .88) !important; }
.m3-t.ici b::after { background: #E8C873 !important; box-shadow: 0 0 8px rgba(232, 200, 115, .8) !important; }
/* la carte dessinée (repli sans 3D) : des étiquettes lisibles (avant : 9,3 px, blanc sur lilas 2,6:1) */
.mo-mq-x small { font-size: 12px !important; color: #B9CBD4 !important; }
.mo-mq-x b { font-size: 13px !important; }
.mo-mq-r small { font-size: 12px !important; }
.mo-mq-p { background: linear-gradient(170deg, #FCFAF5, #EFE8D9) !important; box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .5) !important; }
.mo-mq-p.vu { background: linear-gradient(170deg, #E9E3D6, #DCD3C1) !important; }
.mo-mq-p b { font: 600 13px/1 var(--s-f-ui) !important; color: #161B44 !important; }
.mo-mq-p i { background: #E3F4F0 !important; }
.mo-mq-p i svg { fill: #0E6B78 !important; }
.mo-mq-l .mde-ic { width: 18px; height: 18px; color: #3A2606; }
:root[data-theme="dark"] .mo-3d #mo-carte { background: #071A29; }

/* ---------- 9. la maison et la salle ---------- */
/* les pastilles de compte : texte sombre sur le lagon (avant : blanc sur menthe, 1,64:1) */
.pieces button .pastille-n, .chapitres .neuf .ch-n { color: var(--sur-rose, #071A29) !important; }
.pieces button[aria-selected="true"] .pastille-n { background: var(--sur-rose, #071A29) !important; color: var(--rose, #7FD9D4) !important; }
:root[data-theme="dark"] .chapitres button:disabled { opacity: 1; }
:root[data-theme="dark"] .chapitres button:disabled .ch-t b { color: #C9D6DC; }
:root[data-theme="dark"] .chapitres .ch-t small { color: #A8BCC4; font-size: 13px; }
.chapitres button:disabled .ch-n { border-style: dashed; color: #BDB4F4; }
/* le chapitre est une page de papier : le poème qui l'accompagne reste lisible dessus (avant : texte clair sur rose pâle, 1,03:1) */
.chapitre .fil-poeme { background: #F1EADB !important; color: #161B44 !important; }
.chapitre .fil-poeme b, .chapitre .fil-poeme .fp-t b { color: #161B44 !important; }
.chapitre .fil-poeme small, .chapitre .fil-poeme .fp-t small { color: #4C6272 !important; }
.chapitre .fil-poeme i { color: #0E6B78 !important; }
.chapitre .fil-poeme .fp-ic, .jeu-poeme .fil-poeme .fp-ic { background: #0E6B78 !important; color: #FFFFFF !important; }
.chapitre .ch-sur { color: #765311 !important; }
.chapitre h3 + p::first-letter { color: #765311 !important; }
/* la lettre : « Cher Octave, » en Instrument Serif italique (plus de Caveat ni de rose 4.x) ; le compteur lisible */
.papier .compte-l { color: #4C6272 !important; font-size: 13px !important; }
.papier .cher { font: italic 400 2rem/1.1 var(--s-f-titre) !important; color: #9E4A36 !important; }

/* ---------- 10. les Profondeurs ---------- */
.pf-hero h1 em { background: linear-gradient(110deg, #9BE8F0, #CFEFEA 50%, #A8D8EA) !important; -webkit-background-clip: text !important; background-clip: text !important; }
ol > li.inconnu > i { color: #B9B0E6 !important; }
.pf-ep-rec small { color: #D9C9CF !important; }

/* ---------- 11. Moi : les sceaux des boss pas encore vaincus restent lisibles (avant : 2,9:1) ---------- */
.ex-sceau svg text { fill: #B9C7CE !important; }

/* ---------- 12. les petites annonces (toast) : la carte du système ---------- */
:root[data-theme="dark"] .toast { background: #0E2436 !important; color: #EEF2EE !important; border-radius: 14px !important; box-shadow: inset 0 0 0 1px rgba(238, 242, 238, .12), 0 16px 34px -16px rgba(0, 0, 0, .8) !important; font-family: var(--s-f-ui); }

/* ---------- 13. les Profondeurs : les trois défis sportifs ont une icône dessinée, dans une tuile comme les autres jeux ---------- */
.pf-carte .ic .emo:has(.mde-ic-e) { display: grid; place-items: center; width: 100%; height: 100%; aspect-ratio: 1; border-radius: 22%; color: #CFEFEA;
  background: linear-gradient(160deg, #1C6F80, #0A3F55 70%); box-shadow: inset 0 0 0 1.5px rgba(207, 239, 234, .25), 0 6px 14px -8px rgba(0, 0, 0, .7); }
.pf-carte .ic .emo .mde-ic { width: .95em; height: .95em; stroke-width: 2.6; }
/* la pastille « nouveau » du système : un point d'or fixe (avant : 7 pastilles arc-en-ciel qui clignotaient toutes) */
.pf-neuf { display: inline-flex !important; align-items: center; gap: 5px; animation: none !important; background: rgba(232, 200, 115, .16) !important; color: #E8C873 !important; font: 600 12px/1.2 var(--s-f-ui) !important; letter-spacing: .06em; padding: 3px 9px 3px 7px !important; }
.pf-neuf::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #C9A14A; flex: none; }
:root[data-theme="light"] .pf-neuf { background: #F6EBCB !important; color: #765311 !important; }

/* ---------- 14. derniers réglages mesurés (6.0 systeme) ---------- */
/* le Monde : « ??? » des régions fermées lisible sur son cartouche ; la boussole du bouton « % » dessinée */
.m3-t.ferme b, .m3-t.inconnu b { color: #F1EFFE !important; }   /* (monde3d.js pâlit les noms lointains jusqu'à 35 % : le cartouche plus dense garde 4,5:1 jusqu'à 60 %) */
.mo-pct::before { content: "" !important; display: inline-block; width: 18px; height: 18px; margin-right: 4px; vertical-align: -3px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='20' r='14'/%3E%3Cpath d='M25.5 14.5 22 22l-7.5 3.5L18 18z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='20' r='14'/%3E%3Cpath d='M25.5 14.5 22 22l-7.5 3.5L18 18z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat; }
/* la couverture du Livre des créatures (Bestiaire) : son titre au-dessus de 4,5:1 */
.lc-mini-titre { color: #EAF9FB !important; }
.lc-mini-titre small { color: #DDF4F8 !important; }
/* les pièces fermées de la maison : le cadenas dessiné, à la couleur du mystère */
.mp-cadenas .mde-ic, .note-privee .mde-ic { color: #BDB4F4; }
/* la maison : les cadres encore inconnus (« ? » en Georgia dans maison-monde.js) prennent la police des titres */
.mp-cadre.inconnu .mp-toile { font-family: var(--s-f-titre) !important; font-weight: 400 !important; color: #BDB4F4 !important; }
/* le Trésor : les coffres encore fermés ont le cadenas dessiné */
.carte-c .cadenas-c .mde-ic { width: 1.1em; height: 1.1em; color: #DDD8FB; filter: drop-shadow(0 4px 10px #000); }
/* rien sous 12 px : la météo et l'événement de l'en-tête du Monde, le nom dans le dialogue, les noms sous les portraits de la maison */
.mo-tete .mo-titre span, #mo-meteo, .ev-pastille { font-size: 13px !important; }
.mo-d-txt b { font-size: 13px !important; }
.bulle-m b.nom-o, .bulle-m b.nom-m { font-size: 13px !important; }   /* (pas le grand titre, qui porte les mêmes classes) */
.pieces button .pastille-n { font-size: 12px !important; min-width: 1.4rem; height: 1.4rem; }

/* la maison : les questions et les gestes sous la pièce, 44 px de haut (avant : 42) */
#questions button, #gestes button { min-height: 44px; }
/* la maison : le dessin des archives écrivait en Georgia (attribut SVG de maison-monde.js) */
.mp-dessin svg text { font-family: var(--s-f-titre) !important; }
/* le Classement redéfinissait sa propre nuit (#102328) et son rose 4.x sur body.cl-page : la nuit et le lagon du système */
:root[data-theme="dark"] body.cl-page { --fond: #071A29; --surface: #0E2436; --papier: #112A3E; --encre: #EEF2EE; --brume: #A8BCC4; --trait: rgba(238, 242, 238, .13);
  --rose: #7FD9D4; --rose-voile: rgba(127, 217, 212, .14); --sur-rose: #071A29; --plume: #3FBFBE; }
.ex-profil h3 { color: var(--s-porte, #A8D8EA) !important; font-size: 13px !important; }
/* les Abysses : le surtitre de l'en-tête et celui de la page, la même couleur que partout, 13 px */
.ab-retour small, .ab-sur { color: var(--s-porte, #A8D8EA) !important; font-size: 13px !important; letter-spacing: .1em !important; }