/* /go dans la matière du nouveau site : même squelette, même moteur, même suivi.
   Surcouche chargée APRÈS les styles inline : on ne touche qu'à la couleur, l'ombre et la police. */
:root, .page-go, .page-go.light, body.page-go {
  --bch-primary: #1F1E1C; --bch-primary-dark: #1F1E1C; --bch-secondary: #38362F; --bch-accent: #38362F; --bch-deep: #1F1E1C;
  --ink: #1F1E1C; --ink-soft: #38362F; --ink-faint: #625F58;
  --paper: #F4F1EA; --surface: #FFFFFF;
  --border: #E3DED2; --border-soft: #EAE6DB; --line: #E3DED2; --rust: #0369A1;
  --nm: 0 1px 2px rgba(31, 30, 28, 0.05), 0 10px 30px -18px rgba(31, 30, 28, 0.25);
  --nm-sm: 0 1px 2px rgba(31, 30, 28, 0.05);
  --nm-lift: 0 14px 34px -16px rgba(31, 30, 28, 0.28);
  --nm-inset: none;
  --cta-grad: #1F1E1C; --grad-text: #1F1E1C;
  --font-body: 'Geist', system-ui, -apple-system, sans-serif;
  --font-display: 'Geist', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}
html, body, body.page-go { background: #F4F1EA !important; color: #1F1E1C; }
#go-light { background: #F4F1EA !important; }
.page-go .hero-aura { display: none !important; }
.page-go .scroll-prog { background: #1F1E1C !important; box-shadow: none !important; height: 2px !important; }

/* Héros : soleil et planètes */
.page-go .go-sun { box-shadow: 0 0 0 4px #fff, 0 10px 24px rgba(31, 30, 28, 0.18) !important; }
.page-go .go-sun::before { background: conic-gradient(from 0deg, rgba(31, 30, 28, 0), rgba(31, 30, 28, 0.22), rgba(31, 30, 28, 0) 55%, rgba(31, 30, 28, 0)) !important; }
.page-go .go-orbit { border-color: rgba(31, 30, 28, 0.14) !important; }
.page-go .go-planet { --c: #625F58 !important; color: #38362F !important; border-color: #E3DED2 !important; }
.page-go h1, .page-go .go-name { font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em !important; }
.go-role, .page-go .go-role { color: #38362F !important; font-weight: 600 !important; }
.page-go .go-bio { color: #625F58; }
.page-go .story-line { background: #1F1E1C !important; box-shadow: none !important; }
.page-go .story-step .accent { color: #0369A1 !important; }
.page-go .story-step small { color: #625F58 !important; }
.page-go .hook-tab { color: #625F58 !important; border-color: #E3DED2 !important; }

/* Portes gratuites */
.page-go .go-fork { background: #FFFFFF !important; border: 1px solid #E3DED2 !important; box-shadow: var(--nm) !important; }
.page-go .go-fork-kicker { color: #625F58 !important; }
.page-go .go-fork-door { border-color: #E3DED2 !important; background: #F9F7F2 !important; }
.page-go .go-fork-door:hover { border-color: #625F58 !important; box-shadow: none !important; }
.page-go .go-fork-txt small { color: #38362F !important; }
.page-go .go-fork-door .arr { color: #1F1E1C !important; }
.page-go .go-fork-cue { color: #0369A1 !important; border-bottom-color: rgba(3, 105, 161, 0.45) !important; }
.page-go .go-quiz { background: #FFFFFF !important; border: 1px solid #E3DED2 !important; }
.page-go .go-quiz-badge { background: #1F1E1C !important; }
.page-go .go-quiz-cta { background: #1F1E1C !important; }
.page-go .go-ancre { color: #625F58 !important; }
.page-go .go-ancre a { color: #0369A1 !important; }
.page-go .go-sep::before { background: #E3DED2 !important; }

/* Bibliothèque */
.page-go .cf-book { background: #1F1E1C !important; box-shadow: 0 22px 50px rgba(31, 30, 28, 0.28), 0 4px 12px rgba(31, 30, 28, 0.14) !important; }
/* Le packshot du Pack Synergie est detoure (fond transparent) : le carton sombre
   ci-dessus lui posait un rectangle noir derriere les deux livres. go.html met bien
   background:transparent sur .is-pack, mais sans !important il perdait l'arbitrage.
   Corrige le 2026-09-02, quand le pack est remonte en 2e position de la vitrine. */
.page-go .cf-book.is-pack { background: transparent !important; box-shadow: none !important; }
.page-go .cf-kicker { color: #625F58 !important; }
.page-go .cf-price { font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; font-size: 1.15rem !important; color: #1F1E1C !important; border-color: #E3DED2 !important; box-shadow: none !important; }
.page-go .cf-title { font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em !important; font-size: clamp(1.45rem, 5vw, 1.8rem) !important; }
.page-go .cf-tagline, .page-go .cf-rev, .page-go .cf-anchor { color: #38362F !important; }
.page-go .cf-cta { background: #1F1E1C !important; background-image: none !important; color: #F4F1EA !important; box-shadow: none !important; font-weight: 600 !important; }
.page-go .cf-cta:hover { background: #3A3834 !important; }
.page-go .cf-arrow { color: #1F1E1C !important; border-color: #E3DED2 !important; box-shadow: var(--nm-sm) !important; }
.page-go .cf-dot { background: #D9D3C4; }
.page-go .cf-dot.active { background: #1F1E1C !important; }
.page-go .cf-hint { color: #625F58 !important; }
.page-go .cf-alllink { color: #1F1E1C !important; border-color: #1F1E1C !important; background: transparent !important; box-shadow: none !important; }
.page-go .cf-alllink:hover { background: #1F1E1C !important; color: #F4F1EA !important; }

/* Accompagnements */
.page-go .accomp { background: #FFFFFF !important; border: 1px solid #E3DED2 !important; box-shadow: var(--nm) !important; }
.page-go .accomp h3 { font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em !important; }
.page-go .of-card { background: #F9F7F2 !important; border: 1px solid #E3DED2 !important; box-shadow: none !important; }
.page-go .of-card:hover { border-color: #625F58 !important; box-shadow: var(--nm-sm) !important; }
.page-go .of-card.is-open { border-color: #1F1E1C !important; box-shadow: inset 3px 0 0 #1F1E1C !important; }
.page-go .of-card.is-open .of-price, .page-go .of-price { color: #1F1E1C !important; font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; font-size: 1.6rem !important; }
.page-go .of-card.is-quiet .of-price { color: #625F58 !important; }
.page-go .of-region, .page-go .of-price-note { color: #625F58 !important; }
.page-go .of-desc { color: #38362F !important; }
.page-go .of-badge { background: #1F1E1C !important; }
.page-go .of-cta { color: #1F1E1C !important; border-color: #1F1E1C !important; background: transparent !important; box-shadow: none !important; }
/* 04/09/2026 : la premiere carte ne porte plus la pastille pleine. Le seul bouton plein du bloc
   est celui de l'appel de cadrage, sous les deux cartes : c'est le geste qu'on veut. */
.page-go .rdv-sujets, .page-go .rdv-note { color: #38362F !important; }
.page-go .rdv-note { background: #F4F1EA !important; border-color: #E3DED2 !important; }
.page-go .rdv-note strong { color: #1F1E1C !important; }
.page-go .rdv-pill { color: #38362F !important; background: #FFFFFF !important; border-color: #E3DED2 !important; }

/* Lignes Longévité / Cercle, Optimum, réseaux */
.page-go .link-row { border-color: #E3DED2 !important; box-shadow: none !important; }
.page-go .link-row:hover { border-color: #625F58 !important; box-shadow: var(--nm-sm) !important; }
.page-go .lr-icon { background: #F4F1EA !important; border-color: #E3DED2 !important; color: #1F1E1C !important; }
.page-go .lr-sub { color: #38362F !important; }
.page-go .lr-free { color: #1F1E1C !important; background: #F4F1EA !important; border-color: #E3DED2 !important; }
.page-go .optimum-embed h3 { font-family: 'Fraunces', Georgia, serif !important; font-weight: 400 !important; }
.page-go #optimum-btn, .page-go .bch-cta { background: #1F1E1C !important; background-image: none !important; color: #F4F1EA !important; box-shadow: none !important; }
.page-go .social { border-color: #E3DED2 !important; box-shadow: none !important; }

/* Encart "septembre complet" (2026-09-01) : meme langage que les of-card
   (fond creme, filet E3DED2, titre Fraunces, bouton encre plein). */
.page-go .go-appel { border-top: 1px solid #E3DED2 !important; }
.page-go .ga-intro { color: #38362F !important; }
.page-go .ga-btn { background: #1F1E1C !important; background-image: none !important; color: #F4F1EA !important; box-shadow: none !important; font-weight: 600 !important; }
.page-go .ga-btn:hover { background: #3A3834 !important; }
.page-go .ga-note { color: #625F58 !important; }

/* Focus : le seul bleu qui reste */
.page-go .cf-viewport:focus-visible, .page-go .cf-slide:focus-visible .cf-book, .page-go .cf-cta:focus-visible, .page-go .cf-arrow:focus-visible, .page-go .cf-dot:focus-visible, .page-go .cf-alllink:focus-visible, .page-go .of-card:focus-visible { outline-color: #0EA5E9 !important; }
.page-go .hook::before { background: repeating-linear-gradient(to bottom, rgba(31, 30, 28, 0.45) 0 1px, transparent 1px 24px) left top/10px 100% no-repeat, repeating-linear-gradient(to bottom, rgba(31, 30, 28, 0.45) 0 1px, transparent 1px 24px) right top/10px 100% no-repeat !important; }
.page-go .cf-viewport { background: repeating-linear-gradient(90deg, rgba(31, 30, 28, 0.18) 0 1px, transparent 1px 16px) 50% calc(100% - 3px)/84% 5px no-repeat, linear-gradient(rgba(31, 30, 28, 0.16), rgba(31, 30, 28, 0.16)) 50% calc(100% - 2px)/84% 1px no-repeat !important; }

/* Copy de transformation (2026-09-02) : titres plus solides, promesse en serif, preuve chiffrée en encre,
   note de résultats sous Le Socle, une voix vérifiée au point de décision. */
.page-go h1, .page-go .go-name, .page-go .accomp h3, .page-go .cf-title, .page-go .optimum-embed h3 { font-weight: 500 !important; }
.page-go .go-promesse { margin: 14px 2px 0; font-family: 'Fraunces', Georgia, serif; font-weight: 560; font-size: 1.28rem; line-height: 1.22; letter-spacing: -0.01em; color: #1F1E1C; text-wrap: balance; }
.page-go .go-preuve { margin: 14px 2px 0; padding: 14px 16px 12px; border-radius: 16px; background: #1F1E1C; color: #F8F5EF; text-align: left; }
.page-go .go-preuve-k { display: block; font-family: var(--font-mono); font-size: .62rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #7CC9F0; }
.page-go .go-preuve-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.page-go .go-preuve-grid b { display: block; font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 1.4rem; line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: #F8F5EF; }
.page-go .go-preuve-grid small { display: block; margin-top: 5px; font-size: .66rem; line-height: 1.25; color: #BDB8AE; }
.page-go .go-preuve-lim { display: block; margin-top: 10px; font-size: .66rem; line-height: 1.35; color: #8F8A80; }
.page-go .of-note { display: block; margin-top: 8px; padding-left: 10px; border-left: 2px solid #0EA5E9; font-size: .78rem; line-height: 1.4; color: #38362F; }
.page-go .go-temoin { margin: 14px 0 0; padding: 14px 16px; border-radius: 14px; background: #FFFFFF; border: 1px solid #E3DED2; }
.page-go .go-temoin::before { content: "★★★★★"; display: block; color: #0EA5E9; letter-spacing: .08em; font-size: .85rem; margin-bottom: 6px; }
.page-go .go-temoin blockquote { margin: 0; font-size: .92rem; line-height: 1.5; color: #38362F; }
.page-go .go-temoin figcaption { margin-top: 8px; font-size: .78rem; color: #625F58; }
.page-go .go-temoin b { color: #1F1E1C; }

/* ============================================================================
   REFONTE /go du 2026-09-04 : deux etages.
   ETAGE 1 = l'offre (le Socle), ETAGE 2 = l'etagere des guides, puis les portes
   gratuites en consolation. Mesure Umami sur 30 j avant refonte : 3 712 visiteurs,
   2 374 clics de tuile, dont 57 % vers les deux outils gratuits et 3,4 % vers les
   accompagnements. Le heros ne porte plus AUCUN vocabulaire de laboratoire.
   🚨 Contrainte de gabarit : le bouton .gg-btn doit rester au-dessus de 690 px sur
   un ecran de 390 px de large (hauteur utile d'une webview Instagram). Tout ajout
   au-dessus de lui se paie en clics perdus.
   ========================================================================== */

/* --- Heros : la reconnaissance ------------------------------------------- */
.page-go .go-reco {
  margin: 6px 2px 0; font-family: 'Fraunces', Georgia, serif; font-weight: 500;
  font-size: clamp(1.42rem, 6.4vw, 1.85rem); line-height: 1.2; letter-spacing: -0.015em;
  color: #1F1E1C; text-wrap: balance;
}
.page-go .go-reco strong { font-weight: 600; }

/* .go-promesse garde ses regles plus haut dans ce fichier (Fraunces 1.28rem). */

/* --- Heros : LE GESTE ----------------------------------------------------- */
.page-go .go-geste { margin: 16px 2px 0; }
.page-go .gg-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
  min-height: 54px; padding: 15px 18px; border-radius: 14px;
  background: #1F1E1C; color: #F4F1EA; text-decoration: none;
  font-size: 1.02rem; font-weight: 600; letter-spacing: -0.01em;
  box-shadow: 0 12px 28px -14px rgba(31, 30, 28, 0.6); -webkit-tap-highlight-color: transparent;
}
.page-go .gg-btn:hover { background: #3A3834; }
.page-go .gg-btn:active { transform: translateY(1px); }
.page-go .gg-btn:focus-visible { outline: 3px solid #0284C7; outline-offset: 3px; }
.page-go .gg-btn .arr { transition: transform .18s ease; }
.page-go .gg-btn:hover .arr { transform: translateX(3px); }
.page-go .gg-note {
  display: block; margin-top: 9px; font-size: .78rem; line-height: 1.4; color: #625F58; text-wrap: balance;
}

/* --- Heros : la signature, SOUS le bouton --------------------------------- */
.page-go .go-signature {
  display: flex; align-items: center; gap: 11px; margin: 18px 2px 0;
  padding-top: 14px; border-top: 1px solid #E3DED2; text-align: left;
}
.page-go .gs-photo {
  width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: 0 0 56px;
  box-shadow: 0 0 0 3px #fff, 0 6px 16px rgba(31, 30, 28, 0.16);
}
.page-go .gs-txt { margin: 0; font-size: .82rem; line-height: 1.35; color: #1F1E1C; }
.page-go .gs-txt b { font-weight: 700; }
.page-go .gs-txt span { display: block; margin-top: 3px; font-size: .74rem; color: #625F58; }

/* --- Offre : ce que vous recevez ------------------------------------------ */
.page-go .go-contenu { margin-top: 16px; }
.page-go .gc-k, .page-go .gn-k {
  display: block; font-family: var(--font-mono); font-size: .62rem; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; color: #625F58; margin-bottom: 9px;
}
.page-go .gc-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.page-go .gc-liste li {
  position: relative; padding: 0 0 0 25px; font-size: .87rem; line-height: 1.45; color: #38362F;
}
.page-go .gc-liste li::before {
  content: "✓"; position: absolute; left: 3px; top: 0;
  font-size: .82rem; font-weight: 700; color: #0369A1;
}
.page-go .gc-liste li b { color: #1F1E1C; font-weight: 650; }
.page-go .gc-liste li.is-plus {
  padding: 11px 12px 11px 25px; border-radius: 12px;
  background: #F4F1EA; border: 1px solid #E3DED2;
}
.page-go .gc-liste li.is-plus::before { left: 9px; top: 11px; }
.page-go .gc-val {
  display: inline-block; margin-top: 5px; padding: 2px 8px; border-radius: 999px;
  background: #FFFFFF; border: 1px solid #E3DED2;
  font-family: var(--font-mono); font-size: .66rem; font-weight: 700; color: #1F1E1C;
}

/* --- Offre : le prix et ses ancrages -------------------------------------- */
.page-go .go-prix {
  margin-top: 16px; padding: 14px 16px; border-radius: 14px;
  background: #FFFFFF; border: 1px solid #E3DED2; box-shadow: var(--nm-sm);
}
.page-go .gp-ligne { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 0; }
.page-go .gp-montant {
  font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 2rem;
  line-height: 1; letter-spacing: -0.02em; color: #1F1E1C; font-variant-numeric: tabular-nums;
}
.page-go .gp-note { font-size: .76rem; line-height: 1.35; color: #625F58; flex: 1 1 160px; }
.page-go .gp-ancres { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; }
.page-go .gp-ancres li {
  position: relative; padding-left: 15px; font-size: .8rem; line-height: 1.4; color: #38362F;
}
.page-go .gp-ancres li::before {
  content: ""; position: absolute; left: 2px; top: .55em;
  width: 4px; height: 4px; border-radius: 50%; background: #625F58;
}
/* Lien en TEXTE, jamais un bouton plein : le seul geste du bloc reste l'appel.
   data-tile="consult_france" y vit pour ne pas rompre la serie Umami du 2026-08-02. */
.page-go .gp-detail {
  display: inline-block; margin-top: 12px; font-size: .82rem; font-weight: 600;
  color: #1F1E1C; text-decoration: none; border-bottom: 1px solid rgba(31, 30, 28, 0.35); padding-bottom: 2px;
}
.page-go .gp-detail:hover { border-bottom-color: #1F1E1C; }
.page-go .gp-detail:focus-visible { outline: 3px solid #0284C7; outline-offset: 3px; border-radius: 4px; }

/* --- Offre : disponibilite reelle et refus -------------------------------- */
.page-go .go-dispo {
  margin-top: 16px; padding: 12px 14px; border-radius: 12px;
  background: #FFFFFF; border: 1px dashed #D9D3C4;
  font-size: .82rem; line-height: 1.45; color: #38362F; text-align: left;
}
.page-go .go-dispo b { color: #1F1E1C; }
.page-go .go-non { margin-top: 16px; text-align: left; }
.page-go .go-non ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.page-go .go-non li {
  position: relative; padding-left: 20px; font-size: .82rem; line-height: 1.45; color: #625F58;
}
.page-go .go-non li::before {
  content: "✕"; position: absolute; left: 3px; top: 0; font-size: .74rem; font-weight: 700; color: #A8A296;
}

/* --- Offre : la carte Audit seule ----------------------------------------- */
.page-go .offers.is-autres { margin-top: 16px; }

/* --- Etage 2 : l'etagere et les portes gratuites descendues ---------------- */
.page-go .go-fork { margin-top: 0; }
.page-go .go-fork-kicker { font-weight: 600; }

/* ============================================================================
   /go, 2026-09-05 : LA VITRINE EST LA PORTE D'ENTREE.
   Decision Nicolas : « c'est vraiment la porte d'entree les livres ». Ordre du
   document : identification (header) -> vitrine -> appel -> offre -> outils
   gratuits -> Optimum. La vitrine sort donc du .bento et vit directement dans
   .wrap : sa regle grid-column:1/-1 y est simplement ignoree, elle prend la
   largeur du .wrap, soit le meme rendu. Il faut en revanche lui rendre a la
   main l'espacement que le gap de la grille lui donnait.
   ========================================================================== */

/* --- La vitrine, hors grille --------------------------------------------- */
.page-go .wrap > .cf { margin-top: 22px; }

/* --- L'appel, descendu sous la vitrine ------------------------------------ */
.page-go .go-appel-haut {
  grid-column: 1 / -1; text-align: center;
  padding-top: 4px;
}
.page-go .go-appel-haut .go-promesse { margin-top: 0; }

/* ============================================================================
   EN-TETE /go, 2e passe du 2026-09-05 : la VALEUR remplace le constat.
   Nicolas : « je vous apprends a lire votre feuille ne fait pas vendre ». Les cinq
   blocs qui posaient le probleme sont devenus deux blocs de recit et UN bloc de
   valeur : la portee auto-immune, le resultat sur les symptomes, l'attribution.
   🚨 Un seul comptage de symptomes dans ce bloc (le 42/43). Ne jamais y ajouter la
   triade 11/11 + 7/7 + 6/6 : ces 24 cas sont deja dedans, les empiler fait lire 66.
   ========================================================================== */
.page-go .go-recit {
  margin: 14px 2px 0; font-size: .95rem; line-height: 1.45; color: #38362F;
}
.page-go .go-recit strong { color: #1F1E1C; font-weight: 650; }

.page-go .go-valeur {
  margin: 18px 2px 0; padding: 14px 16px; border-radius: 14px; text-align: left;
  background: #FFFFFF; border: 1px solid #E3DED2; box-shadow: var(--nm-sm);
}
.page-go .gv-portee {
  margin: 0; font-size: .88rem; line-height: 1.45; color: #38362F;
}
/* La carte se lit en TROIS niveaux, trois traitements, aucun repete (05/09) :
   la liste en petit gris, l'IDEE en serif surlignee, la PROMESSE en serif nue.
   Avant, les trois phrases de l'en-tete portaient le meme gras : rien ne menait
   le regard, et la seule phrase avec un verbe d'action etait la plus petite. */
.page-go .gv-cle {
  margin: 7px 0 0; font-family: 'Fraunces', Georgia, serif;
  font-weight: 560; font-size: 1.14rem; line-height: 1.34; letter-spacing: -0.01em; color: #1F1E1C;
}
/* 🚨 Le <strong> doit rester EN LIGNE. En display:block le degrade s'applique a la
   BOITE : sur deux lignes il barre la seconde jusqu'au bord de la carte au lieu
   d'epouser les mots. box-decoration-break:clone redonne son fond a chaque ligne.
   Meme marqueur que .marqueur de globals.css : c'est la convention de la maison. */
.page-go .gv-cle strong {
  font-weight: inherit;
  background: linear-gradient(transparent 62%, rgba(14, 165, 233, 0.22) 62%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  padding: 0 0.1em;
}
.page-go .gv-resultat {
  margin: 12px 0 0; padding-top: 12px; border-top: 1px solid #EAE6DB;
  font-size: .92rem; line-height: 1.5; color: #38362F;
}
/* La promesse : le seul verbe d'action de l'en-tete. Elle prend le serif de l'idee,
   sans marqueur : deux surlignages cote a cote s'annulent. */
.page-go .gv-resultat strong {
  color: #1F1E1C; font-family: 'Fraunces', Georgia, serif;
  font-weight: 560; font-size: 1.1rem; line-height: 1.3; letter-spacing: -0.01em;
}
.page-go .go-passerelle {
  margin: 16px 2px 0; font-family: 'Fraunces', Georgia, serif; font-weight: 500;
  font-size: 1.02rem; line-height: 1.3; letter-spacing: -0.01em; color: #1F1E1C;
}

/* ============================================================================
   ONGLETS DE /go, 2026-09-05. L'etagere par defaut, l'argumentaire au clic.
   La page faisait 6 246 px sur mobile, dont 3 097 px pour le seul bloc
   d'offre. La barre reste invisible sans JavaScript : les deux panneaux
   s'empilent alors et la page garde toutes ses destinations.
   ========================================================================== */
.page-go .go-tabs { display: none; }
.page-go.js-tabs .go-tabs {
  display: flex; gap: 6px; width: 100%; max-width: 560px;
  margin: 18px auto 14px; padding: 4px;
  background: #EFE7DD; border-radius: 999px;
}
.page-go .go-tab {
  flex: 1 1 0; min-height: 44px; padding: 10px 12px;
  border: 0; border-radius: 999px; background: transparent;
  font: inherit; font-weight: 700; font-size: .95rem; color: #6B5645;
  cursor: pointer; transition: background .18s ease, color .18s ease;
}
.page-go .go-tab[aria-selected="true"] {
  background: #fff; color: #7C2D12; box-shadow: 0 1px 3px rgba(76, 42, 13, .14);
}
.page-go .go-tab:focus-visible { outline: 2px solid #9A3412; outline-offset: 2px; }
/* Ecrit en dur plutot que laisse a la feuille du navigateur : ce fichier pose
   75 !important et une regle de display pourrait reprendre la main. */
.page-go .go-pan[hidden] { display: none; }
.page-go .go-pan > .accomp { margin-top: 0; }
@media (prefers-reduced-motion: reduce) {
  .page-go .go-tab { transition: none; }
}
/* 🚨 Sans JavaScript, <html> garde sa classe no-js : le panneau porteur de
   l'attribut hidden redeviendrait invisible par la feuille du navigateur et
   l'accompagnement serait inatteignable. On le rend, les deux panneaux
   s'empilent, et la page garde toutes ses destinations. */
html.no-js .page-go .go-pan[hidden] { display: block; }
/* Renvoi vers /socle : ce que la liste condensee ne detaille plus. */
.page-go .gc-suite { margin: 10px 0 0; font-size: .84rem; line-height: 1.5; color: var(--ink-soft); }

/* ============================================================================
   LE SYSTEME SOLAIRE REVIENT, EN MEDAILLON (2026-09-05, 3e passe)
   Nicolas : « le fait qu'on ait retire ma tete avec le halo des vitamines qui
   tournait, ca fait un peu fade comme ca. » Vrai : l'en-tete etait devenu
   432 px de texte pur, sans un seul objet a regarder avant la premiere
   couverture, a 580 px.
   Il ne revient PAS a sa taille d'origine. Mesures sous Chromium, 390x844 :
     · aujourd'hui        onglets 484, premiere couverture 580
     · solaire 190 px     onglets 674, premiere couverture 770  (vitrine perdue)
     · medaillon 132 px   onglets 526, premiere couverture 622  (+42 px)
   La vitrine dans le premier ecran est une decision prise le 05/09 (« c'est
   vraiment la porte d'entree les livres ») : un objet decoratif ne la reprend
   pas. Le medaillon flotte donc DANS le recit, le texte s'enroule autour, et
   les 132 px de l'objet sont absorbes par un paragraphe qui en faisait deja 105.
   🚨 Ne pas le repasser en bloc centre sans remesurer : c'est 148 px de plus.
   🚨 Le recit passe a gauche : un texte centre autour d'un cercle donne un
   contour en dents de scie des deux cotes.
   ========================================================================== */
.page-go .go-medaillon{
  width:132px;height:132px;float:left;
  margin:6px 14px 2px 0;   /* 🚨 la marge basse reste a 2px : a 8px, la forme
                              d'exclusion fait passer une ligne de plus au recit et
                              l'en-tete reprend 21 px sur mobile pour rien. */
  shape-outside:circle(52%);shape-margin:9px;
}
.page-go .go-medaillon .go-sun{width:60px;height:60px;margin:-30px 0 0 -30px;}
.page-go .go-medaillon::before{width:82px;height:82px;margin:-41px 0 0 -41px;}
.page-go .go-medaillon .go-orbit.o1{width:86px;height:86px;margin:-43px 0 0 -43px;}
/* 🚨 L'orbite basse reste a 112 px dans une boite de 132 : une pastille est centree
   SUR le cercle, elle deborde donc de sa moitie de hauteur. A 128 px elle sortait de
   la boite et se faisait recouvrir par la carte blanche en dessous. */
.page-go .go-medaillon .go-orbit.o2{width:112px;height:112px;margin:-56px 0 0 -56px;}
.page-go .go-medaillon .go-planet{font-size:7px;padding:2px 6px 2px 5px;}
.page-go .go-medaillon .go-planet::before{width:4px;height:4px;margin-right:4px;}
/* Le recit s'enroule : aligne a gauche, et l'en-tete reprend la main sur le
   flottant pour que la carte de valeur ne remonte jamais a cote du medaillon. */
.page-go .go-recit{text-align:left;}
/* 🚨 clear sur la carte, pas seulement en fin d'en-tete : sinon, sur grand ecran ou le
   recit tient en quatre lignes, le medaillon depasse dessous et la LISTE de la carte
   s'enroule autour de lui, premiere ligne indentee. */
.page-go .go-valeur{clear:both;}
.page-go header::after{content:"";display:block;clear:both;}