/* ============================================================================
   GALION SOFTWARE — habillage « Carte marine » du blog
   ----------------------------------------------------------------------------
   Cette feuille ne contient QUE ce qui est propre aux pages du blog. Les
   jetons de design (couleurs, polices, rythme), la barre de navigation, le
   pied de page, les boutons et l'animation de révélation viennent de
   marine.css, partagée avec la page d'accueil. Toutes les règles sont
   préfixées par .galion-marine-blog pour ne jamais déborder sur l'accueil.
   ========================================================================= */

/* ============================================================
   1. PHARE — en-tête photographique
   ============================================================ */
.galion-marine-blog .phare{
  position:relative;
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(520px,74vh,760px);
  padding-block:clamp(150px,17vh,210px) clamp(70px,9vh,110px);
  overflow:hidden;isolation:isolate;
}
.galion-marine-blog .phare--compact{
  min-height:clamp(420px,54vh,560px);
  padding-block:clamp(140px,15vh,180px) clamp(56px,7vh,84px);
}

.galion-marine-blog .phare__fond{
  position:absolute;inset:-8% 0 -8%;z-index:-2;
  will-change:transform;
}
.galion-marine-blog .phare__photo{
  width:100%;height:100%;object-fit:cover;object-position:center 42%;
  opacity:0;transform:scale(1.06);
  animation:phare-photo 1.9s var(--ease) .05s forwards;
}
@keyframes phare-photo{to{opacity:1;transform:scale(1)}}

.galion-marine-blog .phare__voile{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(14,22,38,.94) 0%,rgba(14,22,38,.86) 34%,rgba(14,22,38,.55) 68%,rgba(14,22,38,.42) 100%),
    linear-gradient(180deg,rgba(14,22,38,.92) 0%,rgba(14,22,38,.34) 32%,rgba(14,22,38,.72) 78%,var(--abysse) 100%);
}
.galion-marine-blog .phare__sondes{
  position:absolute;inset:auto 0 0;z-index:2;width:100%;height:62%;
  fill:none;stroke:var(--trait-froid);stroke-width:1;pointer-events:none;
}
.galion-marine-blog .phare__sondes path{
  stroke-dasharray:1600;stroke-dashoffset:1600;
  animation:sonde-trace 2.6s var(--ease) forwards;
}
.galion-marine-blog .phare__sondes path:nth-child(2){animation-delay:.12s}
.galion-marine-blog .phare__sondes path:nth-child(3){animation-delay:.24s}
.galion-marine-blog .phare__sondes path:nth-child(4){animation-delay:.36s}
.galion-marine-blog .phare__sondes path:nth-child(5){animation-delay:.48s}
@keyframes sonde-trace{to{stroke-dashoffset:0}}

.galion-marine-blog .phare__contenu{position:relative;z-index:3;width:min(1240px,100% - var(--gouttiere)*2)}

.galion-marine-blog .fil{
  display:flex;align-items:center;gap:.7em;flex-wrap:wrap;margin-bottom:22px;
  font-family:var(--data);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(247,243,235,.55);
  opacity:0;animation:phare-monte .8s var(--ease) .15s forwards;
}
.galion-marine-blog .fil a{color:rgba(247,243,235,.72);transition:color .35s var(--ease)}
.galion-marine-blog .fil a:hover{color:var(--laiton)}
.galion-marine-blog .fil i{font-style:normal;color:var(--trait);opacity:.9}

.galion-marine-blog .phare__releve{opacity:0;animation:phare-monte .9s var(--ease) .25s forwards}

.galion-marine-blog .phare__titre{
  margin-top:22px;max-width:20ch;
  font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.03;
  font-size:clamp(2.4rem,5.4vw,4.6rem);
}
.galion-marine-blog .phare--compact .phare__titre{font-size:clamp(2rem,4.2vw,3.4rem);max-width:24ch}
.galion-marine-blog.single .phare__titre{max-width:24ch;font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.09}

.galion-marine-blog .phare__titre .ligne{display:block;overflow:hidden}
.galion-marine-blog .phare__titre .ligne > span{
  display:block;transform:translateY(102%);
  animation:phare-ligne 1.05s var(--ease) forwards;
}
.galion-marine-blog .phare__titre .ligne:nth-child(1) > span{animation-delay:.30s}
.galion-marine-blog .phare__titre .ligne:nth-child(2) > span{animation-delay:.40s}
.galion-marine-blog .phare__titre .ligne:nth-child(3) > span{animation-delay:.50s}
@keyframes phare-ligne{to{transform:translateY(0)}}

.galion-marine-blog .phare__titre:not(:has(.ligne)){
  opacity:0;filter:blur(9px);
  animation:phare-emerge 1.15s var(--ease) .3s forwards;
}
@keyframes phare-emerge{to{opacity:1;filter:blur(0)}}

.galion-marine-blog .phare__chapeau{
  margin-top:26px;max-width:60ch;
  opacity:0;animation:phare-monte 1s var(--ease) .5s forwards;
}
.galion-marine-blog .phare__chapeau a{color:var(--laiton-clair);border-bottom:1px solid var(--trait)}

.galion-marine-blog .phare__releves{
  display:flex;align-items:center;gap:.9em;flex-wrap:wrap;margin-top:32px;
  font-family:var(--data);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(247,243,235,.66);
  opacity:0;animation:phare-monte 1s var(--ease) .62s forwards;
}
.galion-marine-blog .phare__releves em{font-style:normal;color:var(--laiton-clair);font-size:1.05em}
.galion-marine-blog .phare__releves i{display:block;width:16px;height:1px;background:var(--trait)}
@keyframes phare-monte{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.galion-marine-blog .phare__cap{
  position:absolute;left:var(--gouttiere);bottom:26px;z-index:3;
  display:flex;align-items:center;gap:14px;
  font-family:var(--data);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(247,243,235,.5);
  opacity:0;animation:phare-monte 1s var(--ease) .8s forwards;
}
.galion-marine-blog .phare__cap__rail{
  display:block;width:64px;height:1px;background:var(--trait);position:relative;overflow:hidden;
}
.galion-marine-blog .phare__cap__rail::after{
  content:"";position:absolute;inset:0;width:24px;background:var(--laiton);
  animation:cap-glisse 2.6s var(--ease) infinite;
}
@keyframes cap-glisse{0%{transform:translateX(-24px)}60%,100%{transform:translateX(64px)}}

/* ============================================================
   2. BANDEAU DES RUBRIQUES
   ============================================================ */
.galion-marine-blog .bandeau-rubriques{
  position:relative;z-index:5;
  border-block:1px solid var(--trait);
  background:linear-gradient(180deg,rgba(23,41,68,.5),rgba(14,22,38,.5));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.galion-marine-blog .rubriques{
  display:flex;align-items:center;gap:8px;flex-wrap:nowrap;
  overflow-x:auto;scrollbar-width:none;
  padding-block:16px;
}
.galion-marine-blog .rubriques::-webkit-scrollbar{display:none}
.galion-marine-blog .rubrique{
  flex:none;display:inline-flex;align-items:center;gap:.6em;
  padding:8px 15px;border:1px solid var(--trait);border-radius:var(--r);
  font-family:var(--data);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--parchemin-doux);white-space:nowrap;
  position:relative;overflow:hidden;isolation:isolate;
  transition:color .35s var(--ease),border-color .35s var(--ease);
}
.galion-marine-blog .rubrique::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--laiton);
  transform:translateY(101%);transition:transform .45s var(--ease);
}
.galion-marine-blog .rubrique:hover{color:var(--abysse);border-color:var(--laiton)}
.galion-marine-blog .rubrique:hover::before{transform:translateY(0)}
.galion-marine-blog .rubrique--active{border-color:var(--laiton);color:var(--laiton-clair)}
.galion-marine-blog .rubrique__compte{
  font-size:.9em;color:var(--signal);opacity:.85;transition:color .35s var(--ease);
}
.galion-marine-blog .rubrique:hover .rubrique__compte{color:rgba(14,22,38,.7)}

.galion-marine-blog .chercher{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:22px;
}
.galion-marine-blog .chercher__label{
  font-family:var(--data);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--laiton);width:100%;
}
.galion-marine-blog .chercher__champ{
  flex:1 1 260px;min-width:0;
  background:rgba(14,22,38,.6);border:1px solid var(--trait);border-radius:var(--r);
  padding:12px 15px;color:var(--parchemin);font-family:var(--corps);font-size:.95rem;
  transition:border-color .4s var(--ease),background .4s var(--ease);
}
.galion-marine-blog .chercher__champ:focus{border-color:var(--laiton);background:rgba(14,22,38,.85);outline:none}
.galion-marine-blog .chercher__champ::placeholder{color:rgba(247,243,235,.45)}

/* ============================================================
   3. ARTICLE À LA UNE
   ============================================================ */
.galion-marine-blog .une-section{padding-block:clamp(64px,8vw,110px) clamp(30px,4vw,50px)}
.galion-marine-blog .une{position:relative}
.galion-marine-blog .une__lien{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(28px,4vw,64px);align-items:center;
  border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);
  padding-block:clamp(26px,3vw,42px);
  position:relative;isolation:isolate;
}
.galion-marine-blog .une__lien::before{
  content:"";position:absolute;inset:0 -24px;z-index:-1;
  background:linear-gradient(100deg,rgba(220,184,70,.09),transparent 58%);
  opacity:0;transition:opacity .55s var(--ease);
}
.galion-marine-blog .une__lien:hover::before,
.galion-marine-blog .une__lien:focus-visible::before{opacity:1}

.galion-marine-blog .une__cadre{
  position:relative;display:block;overflow:hidden;border-radius:var(--r);
  aspect-ratio:16/10;border:1px solid var(--trait);
}
.galion-marine-blog .une__photo{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.02);
  transition:transform 1.1s var(--ease),filter 1.1s var(--ease);
  filter:saturate(.82) contrast(1.04);
}
.galion-marine-blog .une__lien:hover .une__photo{transform:scale(1.09);filter:saturate(1) contrast(1.06)}
.galion-marine-blog .une__voile{
  position:absolute;inset:0;
  background:linear-gradient(200deg,rgba(14,22,38,.18),rgba(14,22,38,.62));
  transition:opacity .8s var(--ease);
}
.galion-marine-blog .une__lien:hover .une__voile{opacity:.75}

.galion-marine-blog .une__corps{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.galion-marine-blog .une__titre{
  font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.08;
  font-size:clamp(1.8rem,3.2vw,2.9rem);color:var(--parchemin);
  transition:color .45s var(--ease);
}
.galion-marine-blog .une__lien:hover .une__titre{color:var(--laiton-clair)}
.galion-marine-blog .une__chapeau{color:var(--parchemin-doux);font-size:1.02rem;line-height:1.62;max-width:52ch}
.galion-marine-blog .une__meta{
  display:flex;align-items:center;gap:.8em;flex-wrap:wrap;
  font-family:var(--data);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--signal);opacity:.92;
}
.galion-marine-blog .une__meta em{font-style:normal;color:var(--laiton)}
.galion-marine-blog .une__meta i{display:block;width:14px;height:1px;flex:none;background:var(--trait-froid)}
.galion-marine-blog .une__bouton{margin-top:10px;pointer-events:none}
.galion-marine-blog .une__lien:hover .une__bouton{background:var(--laiton-clair);border-color:var(--laiton-clair)}

/* ============================================================
   4. GRILLE DES NOTES
   ============================================================ */
.galion-marine-blog .grille-section{padding-block:clamp(48px,6vw,90px) clamp(70px,9vw,140px)}
.galion-marine-blog .grille-notes{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:clamp(24px,2.6vw,38px);
  margin-top:clamp(34px,4vw,58px);
}
.galion-marine-blog .carte{position:relative;display:flex}
.galion-marine-blog .carte__lien{
  display:flex;flex-direction:column;width:100%;
  border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;
  background:linear-gradient(165deg,rgba(23,41,68,.5),rgba(14,22,38,.68));
  position:relative;isolation:isolate;
  transition:transform .55s var(--ease),border-color .55s var(--ease),box-shadow .55s var(--ease);
}
.galion-marine-blog .carte__lien::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:3;
  background:linear-gradient(90deg,transparent,var(--laiton),transparent);
  transform:scaleX(0);transform-origin:center;
  transition:transform .6s var(--ease);
}
.galion-marine-blog .carte__lien:hover,
.galion-marine-blog .carte__lien:focus-visible{
  transform:translateY(-7px);border-color:var(--trait-froid);
  box-shadow:0 26px 54px rgba(4,9,18,.5);
}
.galion-marine-blog .carte__lien:hover::after,
.galion-marine-blog .carte__lien:focus-visible::after{transform:scaleX(1)}

.galion-marine-blog .carte__cadre{
  position:relative;display:block;overflow:hidden;aspect-ratio:16/9;
  border-bottom:1px solid var(--trait);
}
.galion-marine-blog .carte__photo{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.72) contrast(1.05) brightness(.92);
  transform:scale(1.03);
  transition:transform 1s var(--ease),filter 1s var(--ease);
}
.galion-marine-blog .carte__lien:hover .carte__photo{transform:scale(1.1);filter:saturate(1) contrast(1.06) brightness(1)}
.galion-marine-blog .carte__voile{
  position:absolute;inset:0;
  background:linear-gradient(185deg,rgba(14,22,38,.22) 0%,rgba(14,22,38,.55) 62%,rgba(14,22,38,.9) 100%);
}
.galion-marine-blog .carte__rang{
  position:absolute;left:16px;top:14px;z-index:2;
  font-family:var(--data);font-size:.7rem;letter-spacing:.2em;color:var(--laiton-clair);
  text-shadow:0 2px 12px rgba(4,9,18,.8);
}

.galion-marine-blog .carte__corps{
  display:flex;flex-direction:column;gap:11px;flex:1;
  padding:clamp(20px,2vw,26px) clamp(18px,1.9vw,24px) clamp(18px,1.9vw,22px);
}
.galion-marine-blog .carte__meta{
  display:flex;align-items:center;gap:.7em;flex-wrap:wrap;
  font-family:var(--data);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--signal);opacity:.92;
}
.galion-marine-blog .carte__meta em{font-style:normal;color:var(--laiton)}
.galion-marine-blog .carte__meta i{display:block;width:14px;height:1px;flex:none;background:var(--trait-froid)}
.galion-marine-blog .carte__titre{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-family:var(--display);font-weight:500;font-size:clamp(1.14rem,1.5vw,1.38rem);
  line-height:1.18;letter-spacing:-.015em;color:var(--parchemin);
  transition:color .45s var(--ease);
}
.galion-marine-blog .carte__lien:hover .carte__titre{color:var(--laiton-clair)}
.galion-marine-blog .carte__chapeau{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  color:var(--parchemin-doux);font-size:.9rem;line-height:1.58;
}
.galion-marine-blog .carte__pied{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-top:auto;padding-top:14px;border-top:1px solid var(--trait);
}
.galion-marine-blog .carte__lire{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--data);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--laiton);transition:gap .45s var(--ease);
}
.galion-marine-blog .carte__lien:hover .carte__lire{gap:1.15em}
.galion-marine-blog .carte__duree{
  font-family:var(--data);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(247,243,235,.42);
}

/* ============================================================
   5. GOUVERNAIL — pagination
   ============================================================ */
.galion-marine-blog .gouvernail{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  margin-top:clamp(44px,5vw,72px);padding-top:clamp(28px,3vw,40px);
  border-top:1px solid var(--trait);
}
.galion-marine-blog .gouvernail .page-numbers{
  display:inline-flex;align-items:center;gap:.5em;
  min-width:42px;height:42px;padding:0 14px;justify-content:center;
  border:1px solid var(--trait);border-radius:var(--r);
  font-family:var(--data);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--parchemin-doux);
  position:relative;overflow:hidden;isolation:isolate;
  transition:color .35s var(--ease),border-color .35s var(--ease);
}
.galion-marine-blog .gouvernail .page-numbers::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--laiton);
  transform:translateY(101%);transition:transform .45s var(--ease);
}
.galion-marine-blog .gouvernail a.page-numbers:hover{color:var(--abysse);border-color:var(--laiton)}
.galion-marine-blog .gouvernail a.page-numbers:hover::before{transform:translateY(0)}
.galion-marine-blog .gouvernail .page-numbers.current{
  background:var(--laiton);border-color:var(--laiton);color:var(--abysse);font-weight:500;
}
.galion-marine-blog .gouvernail .page-numbers.dots{border-color:transparent;color:rgba(247,243,235,.4)}

/* ============================================================
   6. JAUGE DE LECTURE
   ============================================================ */
.galion-marine-blog .jauge{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:45;
  background:rgba(247,243,235,.06);pointer-events:none;
}
.galion-marine-blog .jauge__trait{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--signal),var(--laiton) 55%,var(--laiton-clair));
  box-shadow:0 0 14px rgba(220,184,70,.5);
  transition:width .12s linear;
}

/* ============================================================
   7. MISE EN PAGE DE LECTURE + SOMMAIRE
   ============================================================ */
.galion-marine-blog .lecture{
  display:grid;grid-template-columns:minmax(0,1fr) 268px;
  gap:clamp(34px,4.5vw,76px);align-items:start;
  padding-block:clamp(64px,8vw,110px) clamp(40px,5vw,70px);
}
.galion-marine-blog .lecture--seule{grid-template-columns:minmax(0,1fr)}
.galion-marine-blog .lecture--seule .corps-article{max-width:74ch;margin-inline:auto}

.galion-marine-blog .sommaire{position:sticky;top:118px;order:2}
.galion-marine-blog .sommaire__cadre{
  border:1px solid var(--trait);border-radius:var(--r);
  background:linear-gradient(165deg,rgba(23,41,68,.55),rgba(14,22,38,.72));
  padding:22px 20px 18px;position:relative;overflow:hidden;
}
.galion-marine-blog .sommaire__cadre::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--laiton),transparent);
}
.galion-marine-blog .sommaire__liste{list-style:none;margin:14px 0 0;padding:0}
.galion-marine-blog .sommaire__liste li + li{margin-top:2px}
.galion-marine-blog .sommaire__liste a{
  display:flex;gap:.8em;padding:8px 8px 8px 12px;border-left:1px solid transparent;
  margin-left:-1px;
  transition:border-color .4s var(--ease),color .4s var(--ease),padding-left .4s var(--ease);
}
.galion-marine-blog .sommaire__rang{
  flex:none;font-family:var(--data);font-size:.6rem;letter-spacing:.12em;
  color:var(--laiton);opacity:.75;padding-top:.2em;
}
.galion-marine-blog .sommaire__texte{
  font-size:.84rem;line-height:1.4;color:rgba(247,243,235,.66);
  transition:color .4s var(--ease);
}
.galion-marine-blog .sommaire__liste a:hover{border-left-color:var(--trait);padding-left:16px}
.galion-marine-blog .sommaire__liste a:hover .sommaire__texte{color:var(--parchemin)}
.galion-marine-blog .sommaire__liste a.actif{border-left-color:var(--laiton)}
.galion-marine-blog .sommaire__liste a.actif .sommaire__texte{color:var(--laiton-clair)}
.galion-marine-blog .sommaire__liste a.actif .sommaire__rang{opacity:1}
.galion-marine-blog .sommaire__retour{
  display:inline-flex;align-items:center;gap:.6em;margin-top:16px;padding-top:14px;
  border-top:1px solid var(--trait);width:100%;
  font-family:var(--data);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--laiton);transition:gap .4s var(--ease),color .35s var(--ease);
}
.galion-marine-blog .sommaire__retour:hover{color:var(--laiton-clair);gap:1em}

/* ============================================================
   8. CORPS DE L'ARTICLE — typographie et neutralisation de Divi
   ============================================================ */
.galion-marine-blog .corps-article{
  max-width:74ch;
  color:var(--parchemin-doux);
  font-family:var(--corps);font-size:clamp(1rem,1.12vw,1.09rem);line-height:1.75;
}

.galion-marine-blog .corps-article .et_pb_section,
.galion-marine-blog .corps-article .et_pb_row,
.galion-marine-blog .corps-article .et_pb_column,
.galion-marine-blog .corps-article .et_pb_module,
.galion-marine-blog .corps-article .et_pb_text,
.galion-marine-blog .corps-article .et_pb_text_inner{
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  background:none!important;background-color:transparent!important;
  float:none!important;display:block!important;
  border:0!important;box-shadow:none!important;
  min-height:0!important;
}
.galion-marine-blog .corps-article .et_pb_section{padding-block:0!important}
.galion-marine-blog .corps-article .et_pb_row{display:block!important}
.galion-marine-blog .corps-article .et_pb_module{margin-bottom:0!important}
.galion-marine-blog .corps-article .et_pb_with_border{border:0!important}
.galion-marine-blog .corps-article .et_pb_module + .et_pb_module,
.galion-marine-blog .corps-article .et_pb_row + .et_pb_row,
.galion-marine-blog .corps-article .et_pb_section + .et_pb_section{margin-top:1.6em!important}

.galion-marine-blog .corps-article h1,
.galion-marine-blog .corps-article h2,
.galion-marine-blog .corps-article h3,
.galion-marine-blog .corps-article h4,
.galion-marine-blog .corps-article h5,
.galion-marine-blog .corps-article h6{
  color:var(--parchemin)!important;
  font-family:var(--display)!important;font-weight:500!important;
  letter-spacing:-.015em;padding:0!important;
  scroll-margin-top:120px;
}
.galion-marine-blog .corps-article h2{
  font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.14;
  margin:2.2em 0 .7em!important;padding-top:.85em!important;
  border-top:1px solid var(--trait);position:relative;
}
.galion-marine-blog .corps-article h2::before{
  content:"";position:absolute;left:0;top:-1px;width:52px;height:1px;background:var(--laiton);
}
.galion-marine-blog .corps-article h2:first-child{margin-top:0!important;padding-top:0!important;border-top:0}
.galion-marine-blog .corps-article h2:first-child::before{display:none}
.galion-marine-blog .corps-article h3{
  font-size:clamp(1.22rem,1.7vw,1.5rem);line-height:1.24;margin:1.9em 0 .55em!important;
  color:var(--laiton-clair)!important;
}
.galion-marine-blog .corps-article h4{
  font-family:var(--corps)!important;font-weight:600!important;
  font-size:1.06rem;letter-spacing:.01em;margin:1.6em 0 .45em!important;
}
.galion-marine-blog .corps-article h5,
.galion-marine-blog .corps-article h6{
  font-family:var(--data)!important;font-weight:500!important;
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--laiton)!important;margin:1.6em 0 .5em!important;
}

.galion-marine-blog .corps-article p{
  margin:0 0 1.15em!important;color:var(--parchemin-doux)!important;
  font-size:inherit!important;line-height:1.75!important;font-family:var(--corps)!important;
}
.galion-marine-blog .corps-article p:last-child{margin-bottom:0!important}
.galion-marine-blog .corps-article strong,
.galion-marine-blog .corps-article b{color:var(--parchemin);font-weight:600}
.galion-marine-blog .corps-article em,
.galion-marine-blog .corps-article i{color:var(--laiton-clair)}
.galion-marine-blog .corps-article a{
  color:var(--laiton-clair);
  background-image:linear-gradient(var(--laiton),var(--laiton));
  background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .4s var(--ease),color .35s var(--ease);
  padding-bottom:1px;
}
.galion-marine-blog .corps-article a:hover{color:var(--parchemin);background-size:100% 2px}

.galion-marine-blog .corps-article ul,
.galion-marine-blog .corps-article ol{
  margin:0 0 1.3em!important;
  color:var(--parchemin-doux)!important;line-height:1.7!important;
}
.galion-marine-blog .corps-article li{margin-bottom:.5em;padding:0}
.galion-marine-blog .corps-article ul{list-style:none;padding-left:0!important}
.galion-marine-blog .corps-article ul > li{position:relative;padding-left:1.5em!important}
.galion-marine-blog .corps-article ul > li::before{
  content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--laiton);
}
.galion-marine-blog .corps-article ol{list-style:none;counter-reset:puce;padding-left:0!important}
.galion-marine-blog .corps-article ol > li{position:relative;padding-left:2.1em!important;counter-increment:puce}
.galion-marine-blog .corps-article ol > li::before{
  content:counter(puce,decimal-leading-zero);position:absolute;left:0;top:.06em;
  font-family:var(--data);font-size:.7rem;letter-spacing:.1em;color:var(--laiton);
}

.galion-marine-blog .corps-article blockquote{
  margin:1.9em 0!important;padding:.2em 0 .2em 1.6em!important;
  border-left:2px solid var(--laiton);border-radius:0;
  background:none!important;
  font-family:var(--display);font-style:italic;
  font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.5;color:var(--parchemin);
}
.galion-marine-blog .corps-article blockquote p{
  font-family:var(--display)!important;font-style:italic;color:var(--parchemin)!important;
  font-size:inherit!important;line-height:inherit!important;
}

.galion-marine-blog .corps-article img{
  border-radius:var(--r);border:1px solid var(--trait);
  margin-block:.6em;max-width:100%;height:auto;
}
.galion-marine-blog .corps-article figure{margin:1.9em 0}
.galion-marine-blog .corps-article figcaption{
  margin-top:10px;font-family:var(--data);font-size:.66rem;letter-spacing:.1em;
  color:rgba(247,243,235,.5);
}

.galion-marine-blog .corps-article code,
.galion-marine-blog .corps-article kbd,
.galion-marine-blog .corps-article samp{
  font-family:var(--data);font-size:.88em;
  background:rgba(99,232,224,.09);border:1px solid var(--trait-froid);border-radius:2px;
  padding:.12em .4em;color:var(--signal);
}
.galion-marine-blog .corps-article pre{
  margin:1.7em 0!important;padding:20px 22px!important;overflow-x:auto;
  background:rgba(9,15,27,.85)!important;border:1px solid var(--trait);border-radius:var(--r);
  font-family:var(--data);font-size:.84rem;line-height:1.65;color:rgba(247,243,235,.86);
}
.galion-marine-blog .corps-article pre code{background:none;border:0;padding:0;color:inherit}

.galion-marine-blog .corps-article table{
  width:100%;margin:1.8em 0;border-collapse:collapse;
  font-size:.92rem;background:none!important;border:1px solid var(--trait);
}
.galion-marine-blog .corps-article th,
.galion-marine-blog .corps-article td{
  padding:12px 14px;border:1px solid var(--trait);text-align:left;
  background:none!important;color:var(--parchemin-doux);
}
.galion-marine-blog .corps-article th{
  font-family:var(--data);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--laiton);background:rgba(220,184,70,.06)!important;font-weight:500;
}
.galion-marine-blog .corps-article tr:hover td{background:rgba(220,184,70,.04)!important}

.galion-marine-blog .corps-article hr{
  margin:2.4em 0;border:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--trait) 18%,var(--trait) 82%,transparent);
}

.galion-marine-blog .corps-article .et_pb_blurb{
  border:1px solid var(--trait)!important;border-radius:var(--r);
  padding:22px 24px!important;margin-block:1.4em!important;
  background:linear-gradient(165deg,rgba(23,41,68,.5),rgba(14,22,38,.6))!important;
}
.galion-marine-blog .corps-article .et_pb_blurb_content{max-width:none!important}
.galion-marine-blog .corps-article .et_pb_main_blurb_image{margin-bottom:14px!important}
.galion-marine-blog .corps-article .et_pb_blurb h4,
.galion-marine-blog .corps-article .et_pb_blurb .et_pb_module_header{
  font-family:var(--display)!important;font-size:1.2rem!important;
  color:var(--laiton-clair)!important;margin-bottom:.5em!important;
}

.galion-marine-blog .corps-article .et_pb_toggle{
  border:1px solid var(--trait)!important;border-radius:var(--r);
  background:rgba(23,41,68,.42)!important;
  padding:0!important;margin-block:.7em!important;
}
.galion-marine-blog .corps-article .et_pb_toggle_title{
  font-family:var(--corps)!important;font-weight:600!important;font-size:1.02rem!important;
  color:var(--parchemin)!important;padding:16px 46px 16px 20px!important;cursor:pointer;
  transition:color .35s var(--ease);
}
.galion-marine-blog .corps-article .et_pb_toggle_title:hover{color:var(--laiton-clair)!important}
.galion-marine-blog .corps-article .et_pb_toggle_title::before{color:var(--laiton)!important;right:18px!important}
.galion-marine-blog .corps-article .et_pb_toggle_content{padding:0 20px 18px!important;color:var(--parchemin-doux)!important}
.galion-marine-blog .corps-article .et_pb_toggle_open{background:rgba(220,184,70,.06)!important;border-color:var(--trait)!important}

.galion-marine-blog .corps-article .et_pb_counter_container,
.galion-marine-blog .corps-article .et_pb_counters li{background:rgba(247,243,235,.07)!important;border-radius:2px}
.galion-marine-blog .corps-article .et_pb_counter_amount{background:var(--laiton)!important;border-radius:2px}
.galion-marine-blog .corps-article .et_pb_counter_title{
  font-family:var(--data)!important;font-size:.68rem!important;letter-spacing:.14em;
  text-transform:uppercase;color:var(--parchemin-doux)!important;
}
.galion-marine-blog .corps-article .et_pb_counter_amount_number{color:var(--abysse)!important;font-family:var(--data)!important}

.galion-marine-blog .corps-article .et_pb_button{
  display:inline-flex!important;align-items:center;gap:.7em;
  padding:13px 26px!important;border-radius:var(--r)!important;
  font-family:var(--corps)!important;font-size:.82rem!important;letter-spacing:.09em!important;
  text-transform:uppercase;font-weight:500!important;
  border:1px solid var(--laiton)!important;color:var(--laiton-clair)!important;
  background:transparent!important;background-image:none!important;
  transition:color .4s var(--ease),background .4s var(--ease)!important;
}
.galion-marine-blog .corps-article .et_pb_button:hover{background:var(--laiton)!important;color:var(--abysse)!important}
.galion-marine-blog .corps-article .et_pb_button::after{display:none!important}

.galion-marine-blog .corps-article .et_pb_contact_form_container,
.galion-marine-blog .corps-article .et_pb_contact_field{background:none!important}
.galion-marine-blog .corps-article .et_pb_contact_form_container input,
.galion-marine-blog .corps-article .et_pb_contact_form_container textarea{
  background:rgba(14,22,38,.6)!important;border:1px solid var(--trait)!important;
  color:var(--parchemin)!important;border-radius:var(--r)!important;
  font-family:var(--corps)!important;
}

/* ============================================================
   9. SIGNATURE, ÉTIQUETTES, RELAIS
   ============================================================ */
.galion-marine-blog .signature-section{padding-block:0 clamp(50px,6vw,86px)}
.galion-marine-blog .signature{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,40px);
  align-items:start;position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--trait);border-radius:var(--r);
  padding:clamp(26px,3vw,40px);
  background:linear-gradient(150deg,rgba(23,41,68,.66),rgba(14,22,38,.8));
}
.galion-marine-blog .signature__halo{
  position:absolute;inset:auto -10% -60% auto;width:420px;height:420px;z-index:-1;
  background:radial-gradient(circle,rgba(220,184,70,.14),transparent 68%);
  pointer-events:none;
}
.galion-marine-blog .signature__marque img{
  border-radius:var(--r);border:1px solid var(--trait);width:72px;height:72px;object-fit:cover;
}
.galion-marine-blog .signature__titre{
  font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,2vw,1.85rem);
  margin:12px 0 12px;color:var(--parchemin);
}
.galion-marine-blog .signature__liens{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;
}
.galion-marine-blog .signature__lien{
  font-family:var(--data);font-size:.68rem;letter-spacing:.12em;
  color:var(--signal);border-bottom:1px solid var(--trait-froid);
  transition:color .35s var(--ease);
}
.galion-marine-blog .signature__lien:hover{color:var(--laiton-clair)}

.galion-marine-blog .etiquettes{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:clamp(24px,3vw,36px);
}
.galion-marine-blog .etiquettes__titre{
  font-family:var(--data);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(247,243,235,.45);margin-right:6px;
}
.galion-marine-blog .etiquette{
  display:inline-flex;padding:6px 13px;border:1px solid var(--trait);border-radius:var(--r);
  font-family:var(--data);font-size:.62rem;letter-spacing:.12em;
  color:var(--parchemin-doux);
  transition:color .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease);
}
.galion-marine-blog .etiquette:hover{color:var(--abysse);background:var(--laiton);border-color:var(--laiton)}
.galion-marine-blog .etiquette--fine{border-style:dashed;color:var(--signal)}

.galion-marine-blog .relais{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);
}
.galion-marine-blog .relais__lien{
  display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.6vw,34px) clamp(18px,2vw,28px);
  position:relative;isolation:isolate;
}
.galion-marine-blog .relais__lien--avant{padding-left:0}
.galion-marine-blog .relais__lien--apres{
  text-align:right;align-items:flex-end;padding-right:0;border-left:1px solid var(--trait);
}
.galion-marine-blog .relais__lien::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;
  transition:opacity .5s var(--ease);
}
.galion-marine-blog .relais__lien--avant::before{background:linear-gradient(90deg,rgba(220,184,70,.1),transparent 70%)}
.galion-marine-blog .relais__lien--apres::before{background:linear-gradient(270deg,rgba(220,184,70,.1),transparent 70%)}
.galion-marine-blog .relais__lien:hover::before{opacity:1}
.galion-marine-blog .relais__sens{
  font-family:var(--data);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--laiton);
}
.galion-marine-blog .relais__titre{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-family:var(--display);font-weight:500;font-size:clamp(1.05rem,1.5vw,1.32rem);
  line-height:1.2;color:var(--parchemin);transition:color .4s var(--ease);
}
.galion-marine-blog .relais__lien:hover .relais__titre{color:var(--laiton-clair)}

/* ============================================================
   10. APPEL À L'ACTION
   ============================================================ */
.galion-marine-blog .appel{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,4vw,60px);
  align-items:center;position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--trait);border-radius:var(--r);
  padding:clamp(30px,4vw,56px);
  background:linear-gradient(140deg,rgba(23,41,68,.72),rgba(14,22,38,.86));
}
.galion-marine-blog .appel__halo{
  position:absolute;inset:-40% -20% auto auto;width:520px;height:520px;z-index:-1;
  background:radial-gradient(circle,rgba(99,232,224,.12),transparent 66%);
}
.galion-marine-blog .appel h2{
  font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1;margin:16px 0 18px;
}
.galion-marine-blog .appel__actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.galion-marine-blog .appel__actions .bouton{justify-content:center;white-space:nowrap}

.galion-marine-blog .quatrecentquatre__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

.galion-marine-blog .lien-doux{color:var(--laiton-clair);border-bottom:1px solid var(--trait)}
.galion-marine-blog .lien-doux:hover{color:var(--parchemin)}

/* ============================================================
   11. BOUTON REMONTER
   ============================================================ */
.galion-marine-blog .remonter{
  position:fixed;right:clamp(16px,2.4vw,32px);bottom:clamp(16px,2.4vw,32px);z-index:38;
  width:46px;height:46px;display:grid;place-items:center;
  border:1px solid var(--trait);border-radius:var(--r);
  background:rgba(14,22,38,.82);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--laiton);cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s,border-color .35s var(--ease),color .35s var(--ease);
}
.galion-marine-blog .remonter.visible{opacity:1;visibility:visible;transform:none}
.galion-marine-blog .remonter:hover{border-color:var(--laiton);color:var(--laiton-clair)}
.galion-marine-blog .remonter svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================
   12. ADAPTATIF
   ============================================================ */
@media(max-width:1100px){
  .galion-marine-blog .lecture{grid-template-columns:minmax(0,1fr)}
  .galion-marine-blog .sommaire{position:static;order:-1;max-width:none}
  .galion-marine-blog .sommaire__cadre{padding:18px 18px 14px}
  .galion-marine-blog .sommaire__liste{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 18px;
  }
  .galion-marine-blog .corps-article{max-width:none}
}
@media(max-width:960px){
  .galion-marine-blog .une__lien{grid-template-columns:1fr}
  .galion-marine-blog .une__cadre{aspect-ratio:16/9}
  .galion-marine-blog .signature{grid-template-columns:1fr}
  .galion-marine-blog .appel{grid-template-columns:1fr}
  .galion-marine-blog .appel__actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:760px){
  .galion-marine-blog .phare{min-height:clamp(440px,68vh,600px);padding-block:130px 60px}
  .galion-marine-blog .phare--compact{min-height:380px;padding-block:120px 48px}
  .galion-marine-blog .phare__titre{max-width:none}
  .galion-marine-blog .phare__cap{display:none}
  .galion-marine-blog .grille-notes{grid-template-columns:1fr}
  .galion-marine-blog .relais{grid-template-columns:1fr}
  .galion-marine-blog .relais__lien--apres{
    text-align:left;align-items:flex-start;border-left:0;border-top:1px solid var(--trait);padding-left:0;
  }
  .galion-marine-blog .relais__lien{padding-inline:0}
  .galion-marine-blog .corps-article h2{font-size:1.5rem}
  .galion-marine-blog .sommaire__liste{grid-template-columns:1fr}
}

/* ============================================================
   13. MOUVEMENT RÉDUIT
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  .galion-marine-blog .phare__photo,
  .galion-marine-blog .phare__titre .ligne > span,
  .galion-marine-blog .fil,
  .galion-marine-blog .phare__releve,
  .galion-marine-blog .phare__chapeau,
  .galion-marine-blog .phare__releves,
  .galion-marine-blog .phare__cap{
    animation:none!important;opacity:1!important;transform:none!important;filter:none!important;
  }
  .galion-marine-blog .phare__sondes path{animation:none!important;stroke-dashoffset:0!important}
  .galion-marine-blog .phare__cap__rail::after{animation:none!important}
  .galion-marine-blog .carte__lien:hover{transform:none}
  .galion-marine-blog .carte__lien:hover .carte__photo,
  .galion-marine-blog .une__lien:hover .une__photo{transform:none}
}

/* ============================================================
   14. BARRE D'ADMINISTRATION WORDPRESS
   Les éléments fixés en haut d'écran doivent laisser sa place à la barre
   d'admin quand l'utilisateur est connecté — visible de vous seul.
   ============================================================ */
.galion-marine-homepage.admin-bar .barre{top:32px}
.galion-marine-blog.admin-bar .jauge{top:32px}
.galion-marine-blog.admin-bar .sommaire{top:150px}
@media screen and (max-width:900px){
  .galion-marine-homepage.admin-bar .menu{top:134px}
}
@media screen and (max-width:782px){
  .galion-marine-homepage.admin-bar .barre{top:46px}
  .galion-marine-blog.admin-bar .jauge{top:46px}
}

/* ============================================================
   15. FINITIONS DU CORPS D'ARTICLE
   Divi laisse parfois de grands vides entre modules : on resserre, et on
   évite qu'une image isolée ne flotte trop loin du texte qu'elle illustre.
   ============================================================ */
.galion-marine-blog .corps-article .et_pb_image{margin-block:1.4em!important}
.galion-marine-blog .corps-article .et_pb_image .et_pb_image_wrap{display:block;width:100%}
.galion-marine-blog .corps-article .et_pb_image img{width:100%;height:auto}
.galion-marine-blog .corps-article > *:first-child{margin-top:0!important}
.galion-marine-blog .corps-article > *:last-child{margin-bottom:0!important}

/* Rythme de fin d'article : on resserre entre la signature, le relais et le
   bloc « poursuivre », qui forment une même séquence de bas de page. */
.galion-marine-blog .relais-section{padding-block:0 clamp(20px,3vw,40px)}
.galion-marine-blog .relais-section + .grille-section{padding-top:clamp(40px,5vw,70px)}

/* Sommaire long : le cadre ne dépasse jamais l'écran, il défile en interne. */
.galion-marine-blog .sommaire__cadre{
  max-height:calc(100vh - 150px);overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--trait) transparent;
}
.galion-marine-blog.admin-bar .sommaire__cadre{max-height:calc(100vh - 182px)}
.galion-marine-blog .sommaire__cadre::-webkit-scrollbar{width:4px}
.galion-marine-blog .sommaire__cadre::-webkit-scrollbar-track{background:transparent}
.galion-marine-blog .sommaire__cadre::-webkit-scrollbar-thumb{background:var(--trait);border-radius:2px}
.galion-marine-blog .sommaire__cadre::-webkit-scrollbar-thumb:hover{background:var(--laiton)}
@media(max-width:1100px){
  .galion-marine-blog .sommaire__cadre,
  .galion-marine-blog.admin-bar .sommaire__cadre{max-height:none;overflow:visible}
}

/* Le corps assaini garde parfois des retraits hérités du document collé :
   on les ramène au rythme de lecture du site. */
.galion-marine-blog .corps-article article,
.galion-marine-blog .corps-article section,
.galion-marine-blog .corps-article header,
.galion-marine-blog .corps-article aside{
  padding-inline:0!important;margin-inline:0!important;
}

/* ============================================================================
   16. DOCUMENTS AUTONOMES COLLÉS DANS UN ARTICLE
   ----------------------------------------------------------------------------
   Deux articles ont été rédigés comme des pages HTML complètes, avec leur
   propre système de design (variables CSS, héros pleine hauteur, sommaire
   intégré, cartes, tableaux de scores). Plutôt que de les démonter — ce qui
   ferait perdre leurs tableaux et leurs graphiques — on redirige leurs jetons
   de design vers la palette « Carte marine » : le contenu garde sa structure,
   mais parle la même langue visuelle que le reste du site.
   ========================================================================= */
.galion-marine-blog .corps-article{
  --galion-bg:transparent;
  --galion-primary:#DCB846;
  --galion-primary-2:#F4E09B;
  --galion-accent:#63E8E0;
  --galion-text:#F7F3EB;
  --galion-muted:rgba(247,243,235,.72);
  --card-bg:rgba(23,41,68,.5);
  --chip:rgba(220,184,70,.10);
  --good:#63E8E0;
  --warn:#DCB846;
  --bad:#FF9D8A;
  --shadow:0 18px 40px rgba(4,9,18,.42);
  --radius:3px;
}

/* Aucun bloc du corps ne doit réclamer une hauteur d'écran : ces règles
   viennent de documents conçus pour occuper une page entière. */
.galion-marine-blog .corps-article header,
.galion-marine-blog .corps-article section,
.galion-marine-blog .corps-article main,
.galion-marine-blog .corps-article article,
.galion-marine-blog .corps-article aside,
.galion-marine-blog .corps-article div{min-height:0!important}

/* Conteneurs de page ramenés à la largeur de lecture. */
.galion-marine-blog .corps-article .wrap,
.galion-marine-blog .corps-article .container,
.galion-marine-blog .corps-article .content{
  max-width:none!important;width:auto!important;padding-inline:0!important;margin-inline:0!important;
}

/* Héros interne : le site en fournit déjà un, celui-ci devient un chapeau. */
.galion-marine-blog .corps-article .hero{
  padding:0 0 10px!important;background:none!important;text-align:left!important;
}
.galion-marine-blog .corps-article .hero .wrap{padding:0!important}

/* Sommaire intégré : redondant avec le sommaire latéral, et collant en haut
   d'écran il passerait sous la barre de navigation. */
.galion-marine-blog .corps-article .toc{display:none!important}

/* Pastilles et étiquettes. */
.galion-marine-blog .corps-article .badge,
.galion-marine-blog .corps-article .chip,
.galion-marine-blog .corps-article .pill{
  display:inline-block;
  background:rgba(220,184,70,.08)!important;background-image:none!important;
  border:1px solid var(--trait)!important;border-radius:var(--r)!important;
  color:var(--laiton-clair)!important;
  font-family:var(--data)!important;font-size:.62rem!important;
  letter-spacing:.14em;text-transform:uppercase;font-weight:500!important;
  padding:6px 13px!important;
}
.galion-marine-blog .corps-article .badge{color:var(--laiton)!important}
.galion-marine-blog .corps-article .lead{
  color:var(--parchemin-doux)!important;max-width:none!important;margin:18px 0 0!important;
}

/* Cartes, lignes de tableau, encarts. */
.galion-marine-blog .corps-article .card,
.galion-marine-blog .corps-article .row,
.galion-marine-blog .corps-article .callout,
.galion-marine-blog .corps-article .box{
  background:linear-gradient(165deg,rgba(23,41,68,.5),rgba(14,22,38,.66))!important;
  border:1px solid var(--trait)!important;border-radius:var(--r)!important;
  box-shadow:none!important;color:var(--parchemin-doux)!important;
}
.galion-marine-blog .corps-article .row td{background:none!important}
.galion-marine-blog .corps-article .table{border:0!important;background:none!important}
.galion-marine-blog .corps-article .table th{background:none!important;border:0!important;color:var(--laiton)!important}
.galion-marine-blog .corps-article .table td{border:0!important}

/* Boutons internes ramenés au bouton maison. */
.galion-marine-blog .corps-article .cta a,
.galion-marine-blog .corps-article .button{
  border:1px solid var(--laiton)!important;border-radius:var(--r)!important;
  color:var(--laiton-clair)!important;background:none!important;background-image:none!important;
  font-family:var(--corps)!important;font-size:.8rem!important;letter-spacing:.09em;
  text-transform:uppercase;padding:12px 24px!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transition:color .4s var(--ease),background .4s var(--ease);
}
.galion-marine-blog .corps-article .cta a:hover,
.galion-marine-blog .corps-article .button:hover{background:var(--laiton)!important;color:var(--abysse)!important}

/* Barres de score : abysse en fond, dégradé signal → laiton en remplissage. */
.galion-marine-blog .corps-article .score{background:rgba(247,243,235,.08)!important;border-radius:2px!important}
.galion-marine-blog .corps-article .score > i{background:linear-gradient(90deg,var(--signal),var(--laiton))!important}

/* Nuances sémantiques. */
.galion-marine-blog .corps-article .ok{color:var(--signal)!important;border-color:var(--trait-froid)!important}
.galion-marine-blog .corps-article .warn{color:var(--laiton)!important;border-color:var(--trait)!important}
.galion-marine-blog .corps-article .bad{color:#FF9D8A!important;border-color:rgba(255,157,138,.35)!important}
.galion-marine-blog .corps-article .muted{color:rgba(247,243,235,.6)!important}