/* =====================================================================
   VIGIBOURSE — feuille unique du thème vb-forum (29/10/2026)
   Idée visuelle : le carnet d'ordres vu en profondeur (marches, écart, barres de profondeur, téléscripteur de discussions).
   Matière : lumière de verre sur brume. Mode clair seul. Aucun chiffre de marché.
   ===================================================================== */

/* ---------- 1. Polices auto-hébergées (latin + latin-ext) ---------- */
@font-face{font-family:'Zalando Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zalando Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Zalando Sans';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zalando Sans';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Zalando Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zalando Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Zalando Sans';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zalando Sans';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Zalando Sans Expanded';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-expanded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zalando Sans Expanded';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-expanded-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Zalando Sans Expanded';font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-expanded-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zalando Sans Expanded';font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/zalando-sans-expanded-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bona Nova';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/bona-nova-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bona Nova';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/bona-nova-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bona Nova';font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/bona-nova-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bona Nova';font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/bona-nova-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bona Nova';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/bona-nova-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bona Nova';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/bona-nova-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- 2. Jetons (palette DA : brume · carte · encre · cobalt · ambre · nuit) ---------- */
:root{
  color-scheme:light;
  --vb-brume:#EEF1F6;--vb-carte:#FFFFFF;--vb-encre:#101A33;--vb-sec:#56627A;
  --vb-cobalt:#2B4BF2;--vb-cobalt-h:#2140D9;--vb-ambre:#FFB020;
  --vb-nuit:#0C1530;--vb-nuit2:#081022;--vb-nuit-txt:#C3CCE3;--vb-nuit-mention:#AEB9D6;
  --vb-pale:#DCE4FF;--vb-ambre-pale:#FFE9B8;--vb-filet:#D7DDEA;
  --vb-ombre:0 1px 2px rgba(16,26,51,.06),0 12px 32px -12px rgba(16,26,51,.18);
  --vb-ombre-f:0 24px 60px -18px rgba(16,26,51,.35);
  --vb-titre:'Zalando Sans Expanded','Zalando Sans',Arial,Helvetica,sans-serif;
  --vb-ui:'Zalando Sans',Arial,Helvetica,sans-serif;
  --vb-lire:'Bona Nova',Georgia,'Times New Roman',serif;
  /* variables des blocs figés (--sb-*) */
  --sb-conteneur:1336px;--sb-lecture:852px;--sb-rail:340px;--sb-gouttiere:clamp(18px,3.4vw,48px);
  --sb-accent:#2B4BF2;--sb-accent-clair:#B4C2FF;--sb-encre:#101A33;--sb-doux:#56627A;--sb-filet:#D7DDEA;
  --sb-fond-carte:#FFFFFF;--sb-surf:#E9EEF8;--sb-fonce:#0C1530;--sb-sur-fonce:#FFFFFF;
  --sb-rayon:14px;--sb-rayon-grand:18px;
  --sb-ombre:0 1px 2px rgba(16,26,51,.06),0 12px 32px -12px rgba(16,26,51,.18);--sb-ombre-forte:0 24px 60px -18px rgba(16,26,51,.35);
  --sb-titre:'Zalando Sans Expanded','Zalando Sans',Arial,sans-serif;--sb-texte:'Bona Nova',Georgia,serif;
}

/* ---------- 3. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--vb-brume);color:var(--vb-encre);font:400 16px/1.55 var(--vb-ui);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
.vb-main{flex:1 0 auto;min-width:0}
.vb-pied{flex:0 0 auto}
img,svg{max-width:100%;height:auto}
a{color:var(--vb-cobalt);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--vb-cobalt-h)}
:focus-visible{outline:3px solid var(--vb-ambre);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--vb-titre);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--vb-encre)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
.vb-tab,.vb-tab *{font-variant-numeric:tabular-nums}
b,strong{font-weight:600}
.vb-sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vb-evite{position:absolute;left:8px;top:-60px;background:var(--vb-encre);color:#fff;padding:10px 16px;border-radius:10px;z-index:200}
.vb-evite:focus{top:8px}
.vb-ic{flex:none;vertical-align:-.2em}
.vb-ic--ambre{color:var(--vb-ambre)}
.vb-conteneur,.sbt-conteneur{width:100%;max-width:var(--sb-conteneur);margin-inline:auto;padding-inline:var(--sb-gouttiere)}
.vb-h1{font-size:clamp(32px,4vw,52px)}
.vb-h2{font-size:clamp(26px,2.6vw,36px)}
.vb-h3{font-size:clamp(20px,1.8vw,24px);font-weight:700}
.vb-kicker{margin:0 0 14px;font:600 12px/1 var(--vb-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--vb-cobalt)}
.vb-kicker--clair{color:#9DB0FF}
.vb-lead{font:400 20px/1.55 var(--vb-lire);max-width:62ch}
.vb-note,.vb-aide{font-size:14px;color:var(--vb-sec)}
.vb-aide{display:flex;gap:8px;align-items:flex-start;background:var(--vb-brume);border-radius:12px;padding:10px 14px;margin:12px 0}
.vb-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Boutons (texte sur une ligne, contraste APCA ≥ 60) */
.vb-btn,.sbt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border:0;border-radius:12px;background:var(--vb-cobalt);color:#fff;font:600 16px/1.1 var(--vb-ui);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.vb-btn:hover,.sbt-btn:hover{background:var(--vb-cobalt-h);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(43,75,242,.6)}
.vb-btn--petit{min-height:38px;padding:8px 16px;font-size:14px}
.vb-btn--bloc{display:flex;width:100%}
.vb-btn--contour{background:transparent;color:var(--vb-encre);box-shadow:inset 0 0 0 1.5px var(--vb-encre)}
.vb-btn--contour:hover{background:var(--vb-encre);color:#fff;box-shadow:inset 0 0 0 1.5px var(--vb-encre)}
.vb-btn--ambre{background:var(--vb-ambre);color:var(--vb-encre)}
.vb-btn--ambre:hover{background:#FFC247;color:var(--vb-encre);box-shadow:0 8px 20px -8px rgba(255,176,32,.7)}
.vb-lien{font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.vb-lien:hover{text-decoration:underline}
.vb-lien-titre{color:var(--vb-encre);font-weight:600;text-decoration:none}
.vb-lien-titre:hover{color:var(--vb-cobalt)}
.vb-lien-act{display:inline-flex;gap:6px;align-items:center;background:none;border:0;padding:6px 10px;border-radius:10px;font:500 14px var(--vb-ui);color:var(--vb-sec);cursor:pointer}
.vb-lien-act:hover{background:var(--vb-pale);color:var(--vb-cobalt)}

/* Champs */
.vb-champ,.vb-formulaire input[type=text],.vb-formulaire textarea,.bbp-form textarea,.bbp-form input[type=text]{width:100%;min-height:46px;padding:11px 14px;border:1.5px solid var(--vb-filet);border-radius:12px;background:#fff;color:var(--vb-encre);font:400 16px/1.4 var(--vb-ui)}
textarea.vb-champ,.vb-formulaire textarea,.bbp-form textarea{min-height:150px;font:400 18px/1.55 var(--vb-lire);resize:vertical}
.vb-champ:focus,.vb-formulaire textarea:focus{outline:none;border-color:var(--vb-cobalt);box-shadow:0 0 0 3px rgba(43,75,242,.18)}
.vb-etiquette{display:block;margin:14px 0 6px;font:600 14px var(--vb-ui)}
.vb-coche{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:12px 0}
.vb-coche input{margin-top:4px}
.vb-erreur{display:block;color:#B8391F;font-size:13px;margin:4px 0}
.vb-piege{position:absolute;left:-9999px;height:0;overflow:hidden}
.vb-succes{display:flex;gap:12px;align-items:center;background:var(--vb-pale);border-radius:12px;padding:12px 16px;margin-bottom:16px}
.vb-succes p{margin:0}

/* Pilules, étiquettes, types */
.vb-pilules{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0}
.vb-pilules a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--vb-pale);color:var(--vb-encre);font:500 14px var(--vb-ui);text-decoration:none;min-height:34px}
.vb-pilules a:hover,.vb-pilules a.is-actif{background:var(--vb-cobalt);color:#fff}
.vb-pilules a b{font-weight:600;opacity:.8}
.vb-pilules--ligne{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:12px}
.vb-pilules--ligne::-webkit-scrollbar{display:none}
.vb-pilules--ligne a{white-space:nowrap}
.vb-pilules--clair a{background:rgba(255,255,255,.10);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.vb-pilules--clair a:hover{background:#fff;color:var(--vb-encre)}
.vb-pilules--clair .vb-pilule--forte{background:var(--vb-ambre);color:var(--vb-encre);box-shadow:none}
.vb-pastille{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--vb-pale);color:var(--vb-cobalt-h);font:600 12px/1.2 var(--vb-ui);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.vb-pastille:hover{background:var(--vb-cobalt);color:#fff}
.vb-pastille--vigilance{background:var(--vb-ambre-pale);color:var(--vb-encre)}
.vb-type{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--vb-pale);color:var(--vb-encre);font:600 12px/1.3 var(--vb-ui)}
.vb-type--vigilance{background:var(--vb-ambre-pale)}
.vb-type--vigilance .vb-ic{color:#9A5B00}
.vb-type--journal{background:var(--vb-brume);box-shadow:inset 0 0 0 1px var(--vb-filet)}
.vb-tag{display:inline-block;padding:2px 8px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--vb-filet);color:var(--vb-sec);font:600 11px/1.5 var(--vb-ui);letter-spacing:.04em}
.vb-etat{font:600 12px var(--vb-ui);color:var(--vb-sec)}
.vb-retenu-mot{display:inline-flex;gap:4px;align-items:center;font:600 13px var(--vb-ui);color:var(--vb-cobalt-h)}
.vb-avert{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:14px 18px;background:var(--vb-ambre-pale);border-radius:14px;box-shadow:inset 4px 0 0 var(--vb-ambre)}
.vb-avert .vb-ic{color:#9A5B00;margin-top:2px}
.vb-avert p{margin:0;font-size:14.5px}
.vb-avert--court{padding:10px 16px;margin:14px 0}
.vb-avert a{font-weight:600;color:var(--vb-encre)}
.vb-vide-carte{background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);padding:28px;text-align:center;display:grid;gap:14px;justify-items:center}
.vb-vide-carte p{margin:0;max-width:56ch}
.vb-vide-txt{color:var(--vb-sec);font-size:15px}
.vb-plus{text-align:center;margin:28px 0 8px}
.vb-panneau{background:#fff;border-radius:24px;box-shadow:var(--vb-ombre);padding:clamp(20px,3vw,40px)}

/* Photos et repli : aplat bleu pâle + motif de marches (jamais de case vide) */
.vb-photo{display:block;width:100%;height:100%;object-fit:cover}
.vb-photo--repli{background:
  linear-gradient(135deg,transparent 0 62%,rgba(43,75,242,.10) 62% 74%,transparent 74%),
  repeating-linear-gradient(90deg,rgba(16,26,51,.05) 0 1px,transparent 1px 32px),
  linear-gradient(160deg,#DCE4FF,#EEF1F6)}
.vb-photo--t1{background:linear-gradient(135deg,transparent 0 55%,rgba(255,176,32,.20) 55% 68%,transparent 68%),repeating-linear-gradient(0deg,rgba(16,26,51,.05) 0 1px,transparent 1px 24px),linear-gradient(160deg,#E8ECFA,#DCE4FF)}
.vb-photo--t2{background:linear-gradient(225deg,transparent 0 58%,rgba(43,75,242,.14) 58% 72%,transparent 72%),repeating-linear-gradient(90deg,rgba(16,26,51,.05) 0 1px,transparent 1px 28px),linear-gradient(160deg,#FFF3D6,#EEF1F6)}

/* Fil d'Ariane */
.vb-ariane ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;font-size:13px;color:var(--vb-sec);margin:0 0 14px}
.vb-ariane li+li::before{content:"›";margin-right:8px;color:var(--vb-sec)}
.vb-ariane a{color:var(--vb-sec);text-decoration:none}
.vb-ariane a:hover{color:var(--vb-cobalt)}

/* Marches : filets et détourages (3 emplacements : hero, en-tête d'article, bandeaux) */
.vb-filet{position:absolute;left:0;width:100%;pointer-events:none;overflow:visible}
.vb-filet__c{stroke:var(--vb-cobalt)}.vb-filet__a{stroke:var(--vb-ambre)}
.vb-filet--haut{top:0}.vb-filet--bas{bottom:0}
.vb-filet--haut.vb-filet--d{height:44px}.vb-filet--haut.vb-filet--m{height:18px}
.vb-filet--bas.vb-filet--d{height:34px}.vb-filet--bas.vb-filet--m{height:16px}
.vb-filet--m{display:none}

/* ---------- 4. En-tête, téléscripteur, navigation ---------- */
.vb-entete{position:sticky;top:0;z-index:60;height:76px;background:var(--vb-brume)}
.vb-entete__in{display:flex;align-items:center;gap:20px;height:76px;transition:all .25s ease}
.vb-entete.est-defile{background:transparent;pointer-events:none}
.vb-entete.est-defile .vb-entete__in{pointer-events:auto;margin-top:8px;height:60px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:var(--vb-ombre-f);max-width:calc(var(--sb-conteneur) - 32px)}
.vb-entete__logo{display:flex;flex:none;text-decoration:none}
.vb-logo{display:inline-flex}
.vb-logo__svg{height:34px;width:auto;display:block}
.vb-logo--blanc .l-e{fill:#fff}.vb-logo--blanc .l-c{fill:#8FA3FF}.vb-logo--blanc .l-picto .l-e{fill:#fff}
.vb-nav{flex:1;min-width:0}
.vb-nav ul{display:flex;align-items:center;gap:2px;list-style:none}
.vb-nav__it{position:relative}
.vb-nav__it>a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;color:var(--vb-encre);font:500 15px/1 var(--vb-ui);text-decoration:none;white-space:nowrap}
.vb-nav__it>a:hover,.vb-nav__it.est-actif>a{background:var(--vb-pale);color:var(--vb-cobalt-h)}
.vb-nav__it.est-actif>a{color:var(--vb-cobalt);font-weight:600}
.vb-nav__n{padding:1px 7px;border-radius:999px;background:var(--vb-cobalt);color:#fff;font-size:12px}
.vb-mega{position:absolute;top:100%;left:-120px;width:min(760px,90vw);padding-top:12px;display:none;z-index:70}
.vb-nav__it--mega:hover .vb-mega,.vb-nav__it--mega:focus-within .vb-mega,.vb-nav__it--mega.est-ouvert .vb-mega{display:block}
.vb-mega__liste{display:grid;grid-template-columns:1fr 1fr;gap:4px;list-style:none;padding:14px;background:#fff;border-radius:18px;box-shadow:var(--vb-ombre-f)}
.vb-mega__liste a{display:flex;gap:12px;align-items:center;padding:8px;border-radius:12px;text-decoration:none;color:var(--vb-encre)}
.vb-mega__liste a:hover{background:var(--vb-pale)}
.vb-mega__vign{width:64px;height:44px;border-radius:10px;overflow:hidden;flex:none}
.vb-mega__txt{display:grid;line-height:1.25}.vb-mega__txt b{font-weight:600;font-size:15px}.vb-mega__txt small{color:var(--vb-sec);font-size:12.5px}
.vb-entete__droite{display:flex;align-items:center;gap:12px;flex:none}
.vb-recherche{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--vb-filet);border-radius:12px;padding:0 12px;min-height:42px;color:var(--vb-sec)}
.vb-recherche input{border:0;outline:0;background:transparent;font:400 15px var(--vb-ui);color:var(--vb-encre);width:150px;min-width:0}
.vb-recherche:focus-within{border-color:var(--vb-cobalt);box-shadow:0 0 0 3px rgba(43,75,242,.15)}
.vb-recherche--grande{max-width:640px;padding:6px 8px 6px 14px;background:#fff;box-shadow:var(--vb-ombre);border-color:#fff;flex-wrap:nowrap}
.vb-recherche--grande input{flex:1;width:auto;font-size:16px}
.vb-recherche--solde input{width:240px}
.vb-entete__connexion{font:500 15px var(--vb-ui);color:var(--vb-encre);text-decoration:none;padding:8px 6px;white-space:nowrap}
.vb-entete__connexion:hover{color:var(--vb-cobalt)}
.vb-entete__compte{display:flex;gap:8px;align-items:center;color:var(--vb-encre);font-weight:500;text-decoration:none;max-width:150px}
.vb-entete__compte span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb-entete__mobile{display:none;margin-left:auto;gap:4px}
.vb-icone-btn{width:44px;height:44px;border:0;background:transparent;border-radius:12px;color:var(--vb-encre);display:grid;place-items:center;cursor:pointer}
.vb-icone-btn:hover{background:var(--vb-pale)}

.vb-tele{background:var(--vb-encre);color:var(--vb-nuit-txt);height:36px;overflow:hidden;position:relative}
.vb-tele__piste{display:flex;width:max-content;animation:vb-tele 40s linear infinite}
.vb-tele:hover .vb-tele__piste{animation-play-state:paused}
.vb-tele__lot{display:flex;align-items:center;min-width:100vw;justify-content:space-around;gap:36px;padding-right:36px}
.vb-tele__it{display:inline-flex;align-items:center;gap:10px;height:36px;white-space:nowrap;color:var(--vb-nuit-txt);text-decoration:none;font-size:13.5px}
.vb-tele__it:hover{color:#fff}
.vb-tele__tag{padding:2px 9px;border-radius:999px;background:var(--vb-ambre);color:var(--vb-encre);font:600 11px/1.5 var(--vb-ui);letter-spacing:.05em;text-transform:uppercase}
.vb-tele__tag--j{background:var(--vb-pale)}
.vb-tele__t{font-weight:500;color:#fff}
.vb-tele__i{color:var(--vb-nuit-mention);font-size:12.5px}
@keyframes vb-tele{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vb-tele{overflow-x:auto}.vb-tele__piste{animation:none}.vb-tele__lot[aria-hidden]{display:none}}

/* ---------- 5. Bandes (fonds alternés) ---------- */
.vb-bande{padding:clamp(36px,4vw,56px) 0}
.vb-bande--brume{background:var(--vb-brume)}
.vb-bande--carte{background:#fff}
.vb-bande--pale{background:var(--vb-pale)}
.vb-bande--nuit{background:var(--vb-nuit);color:var(--vb-nuit-txt);position:relative;overflow:hidden}
.vb-bande--nuit::before{content:"";position:absolute;right:-10%;top:-40%;width:60%;height:140%;background:radial-gradient(closest-side,rgba(43,75,242,.35),transparent);pointer-events:none}
.vb-bande--nuit>*{position:relative}
.vb-bande--nuit h2,.vb-bande--nuit h3{color:#fff}
.vb-section-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.vb-section-tete .vb-h2{margin:0}

/* ---------- 6. Accueil : hero ---------- */
.vb-hero{background:var(--vb-brume);padding:24px 0 72px;position:relative}
.vb-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:48%;background:repeating-linear-gradient(0deg,rgba(16,26,51,.04) 0 1px,transparent 1px 32px);pointer-events:none}
.vb-hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
.vb-hero__titre{font-size:clamp(38px,3.6vw,56px);line-height:1.04;margin:0 0 20px;text-wrap:balance}
.vb-hero__titre em{font-family:var(--vb-lire);font-style:italic;font-weight:400;color:var(--vb-cobalt);letter-spacing:-.01em}
.vb-hero__texte{font:400 20px/1.5 var(--vb-lire);max-width:34em;margin-bottom:26px}
.vb-hero__gauche{padding-top:56px}
.vb-preuves{display:flex;gap:12px;list-style:none}
.vb-preuves li{flex:1;background:#fff;border-radius:16px;box-shadow:var(--vb-ombre);padding:14px 16px;display:grid;gap:2px;min-width:0}
.vb-preuves b{font:800 36px/1.05 var(--vb-titre);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.vb-preuves__age{font-size:24px!important;padding-top:8px}
.vb-preuves span{font-size:13.5px;color:var(--vb-sec)}
.vb-hero__droite{position:relative;padding-top:40px}
.vb-hero__photo{position:relative;height:550px}
.vb-hero__pic{display:contents}
.vb-hero__photo>.vb-photo,.vb-hero__pic>.vb-photo{position:absolute;inset:0;height:100%;clip-path:polygon(0 2px,6% 2px,6% 22px,12% 22px,12% 42px,88% 42px,88% 22px,94% 22px,94% 2px,100% 2px,100% 100%,0 100%)}
.vb-question{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(460px,92%);padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--vb-ombre-f);z-index:3}
.vb-question__t{margin:0 0 10px;font:700 18px/1.2 var(--vb-titre)}
.vb-question .vb-btn{margin-top:10px}
.vb-question__ou{text-align:center;margin:10px 0 0;font-size:14px}
.vb-question .vb-pilules{margin-top:12px}
.vb-derniere{position:absolute;left:-32px;bottom:24px;width:280px;display:block;padding:14px 16px;background:#fff;border-radius:16px;box-shadow:var(--vb-ombre-f);text-decoration:none;color:var(--vb-encre);z-index:3}
.vb-derniere__k{display:block;font:600 11px/1 var(--vb-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--vb-cobalt);margin-bottom:8px}
.vb-derniere__l{display:flex;gap:10px;align-items:flex-start}
.vb-derniere__l>span{display:grid;line-height:1.3;font-size:14px;min-width:0}
.vb-derniere__t{color:var(--vb-sec);font-size:13px}
.vb-derniere small{color:var(--vb-sec);font-size:12px}
.vb-av{border-radius:50%;object-fit:cover;flex:none;background:var(--vb-pale)}
.vb-hero__gauche,.vb-hero__photo,.vb-question{animation:vb-entree .24s ease-out both}
@keyframes vb-entree{from{opacity:.001;transform:translateY(12px)}to{opacity:1;transform:none}}
.vb-question{animation-name:vb-entree-q}
@keyframes vb-entree-q{from{opacity:.001;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.vb-hero__gauche,.vb-hero__photo,.vb-question{animation:none}}

/* ---------- 7. Accueil : « Ça discute » ---------- */
.vb-discute{padding:12px 0 64px;margin-top:0}
.vb-discute__carte{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px;background:#fff;border-radius:24px;box-shadow:var(--vb-ombre-f);margin-top:-60px;padding:clamp(18px,2.6vw,32px);position:relative;z-index:4}
.vb-discute__tete{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.vb-discute__tete .vb-h2{margin:0;font-size:clamp(22px,2vw,28px)}
.vb-onglets-liste{display:flex;gap:4px;background:var(--vb-brume);padding:4px;border-radius:12px}
.vb-onglets-liste button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font:500 14px var(--vb-ui);color:var(--vb-sec);cursor:pointer;white-space:nowrap}
.vb-onglets-liste button.est-actif{background:#fff;color:var(--vb-encre);box-shadow:0 1px 3px rgba(16,26,51,.15);font-weight:600}
.vb-discute__pied{margin:14px 0 0}
.vb-liste-rangs{display:grid;gap:8px}
.vb-liste-rangs[hidden]{display:none}
.vb-rang{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px 10px 10px;background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px var(--vb-filet);overflow:hidden;isolation:isolate}
.vb-rang__barre{position:absolute;inset:0 auto 0 0;width:var(--prof,0%);background:rgba(220,228,255,.6);z-index:-1;min-width:0}
.vb-rang:hover{box-shadow:inset 0 0 0 1.5px var(--vb-cobalt)}
.vb-rang__vign{width:72px;height:54px;border-radius:10px;overflow:hidden;display:block}
.vb-rang__vign--art{width:96px;height:64px}
.vb-rang--art{grid-template-columns:96px minmax(0,1fr) auto}
.vb-rang__titre{font:600 17px/1.3 var(--vb-ui);letter-spacing:0;margin:0 0 6px}
.vb-rang__titre a{color:var(--vb-encre);text-decoration:none}
.vb-rang__titre a:hover{color:var(--vb-cobalt)}
.vb-rang__meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0;font-size:13px;color:var(--vb-sec)}
.vb-rang__forum{color:var(--vb-sec);text-decoration:none;font-weight:500}
.vb-rang__forum:hover{color:var(--vb-cobalt)}
.vb-rang__droite{display:flex;align-items:center;gap:14px;text-align:right;font-size:13px;color:var(--vb-sec)}
.vb-rang__rep{margin:0;white-space:nowrap}
.vb-rang__rep b{font-size:16px;color:var(--vb-encre)}
.vb-rang__rep--vide{color:var(--vb-sec)}
.vb-rang__age{min-width:84px;white-space:nowrap}
.vb-pile{display:inline-flex;align-items:center}
.vb-pile .vb-av{border:2px solid #fff;margin-left:-8px}.vb-pile .vb-av:first-child{margin-left:0}
.vb-pile__plus{margin-left:4px;font-size:12px;color:var(--vb-sec)}.vb-pile__txt{margin-left:8px;font-size:13px;color:var(--vb-sec)}
.vb-jour{background:var(--vb-brume);border-radius:18px;padding:18px;align-self:start}
.vb-jour__photo{border-radius:14px;overflow:hidden;aspect-ratio:3/2;margin-bottom:14px}
.vb-jour__titre{font:700 20px/1.25 var(--vb-titre)}
.vb-jour__titre a{color:var(--vb-encre);text-decoration:none}
.vb-jour__texte{font:400 16px/1.5 var(--vb-lire);color:var(--vb-encre)}
.vb-jour__meta{color:var(--vb-sec);font-size:13.5px}

/* ---------- 8. Accueil : les cinq portes ---------- */
.vb-portes__grille{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.vb-porte{display:flex;flex-direction:column;background:rgba(255,255,255,.07);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);overflow:hidden;color:var(--vb-nuit-txt);text-decoration:none;transition:transform .2s,background .2s}
.vb-porte:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);color:#fff}
.vb-porte__photo{position:relative;display:block;aspect-ratio:4/5;max-height:300px;width:100%;border-radius:14px;overflow:hidden;margin:8px 8px 0;width:calc(100% - 16px)}
.vb-porte__tag{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:var(--vb-ambre);color:var(--vb-encre);font:600 11px/1.3 var(--vb-ui);letter-spacing:.06em;text-transform:uppercase}
.vb-porte__corps{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1;position:relative}
.vb-porte__nom{font:800 17px/1.2 var(--vb-titre);color:#fff;letter-spacing:-.01em}
.vb-porte__desc{font-size:13.5px;line-height:1.45}
.vb-porte__chiffres{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--vb-nuit-mention);margin-top:auto}
.vb-porte__chiffres b{color:#fff}
.vb-porte__fl{position:absolute;right:14px;bottom:14px;color:var(--vb-ambre)}
.vb-portes .vb-pilules{margin-top:28px}

/* ---------- 9. Cartes d'articles ---------- */
.vb-carte-art{position:relative;background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s}
.vb-carte-art:hover{transform:translateY(-3px)}
.vb-carte-art__photo{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:14px;margin:8px 8px 0}
.vb-carte-art__pastille{position:absolute;left:18px;top:18px;z-index:2}
.vb-carte-art__pastille .vb-pastille{background:#fff;box-shadow:0 2px 8px rgba(16,26,51,.18)}
.vb-carte-art__corps{padding:14px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.vb-carte-art__titre{font:700 17px/1.25 var(--vb-titre);margin:0;letter-spacing:-.01em}
.vb-carte-art__titre a{color:var(--vb-encre);text-decoration:none}
.vb-carte-art__titre a:hover{color:var(--vb-cobalt)}
.vb-carte-art__chapo{font:italic 400 18px/1.45 var(--vb-lire);color:var(--vb-sec);margin:0}
.vb-carte-art__meta{display:flex;gap:10px;align-items:center;margin:auto 0 0;font-size:13px;color:var(--vb-sec);flex-wrap:wrap}
.vb-sign{display:inline-flex;gap:8px;align-items:center;color:var(--vb-encre);text-decoration:none;font-weight:500}
.vb-sign .vb-av{width:28px;height:28px}
.vb-carte-art--grande{height:100%}
.vb-carte-art--grande .vb-carte-art__photo{aspect-ratio:16/10;max-height:clamp(260px,48vh,420px);flex:1 1 auto}
.vb-carte-art--grande .vb-carte-art__titre{font-size:clamp(22px,2.2vw,30px)}
.vb-carte-art--compacte{flex-direction:row;align-items:stretch}
.vb-carte-art--compacte .vb-carte-art__photo{aspect-ratio:auto;width:36%;margin:8px 0 8px 8px;flex:none}
.vb-carte-art--compacte .vb-carte-art__corps{padding:12px 16px}
.vb-carte-art--compacte .vb-carte-art__pastille{display:none}
.vb-journal-accueil__grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
.vb-journal-accueil__six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vb-journal-accueil__six .vb-carte-art__titre{font-size:15px}
.vb-journal-accueil .vb-pilules{margin-top:28px}
.vb-grille-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px}

/* ---------- 10. Outil, vigilance, chiffres ---------- */
.vb-outil__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:stretch}
.vb-outil__carte{background:#fff;border-radius:24px;box-shadow:var(--vb-ombre);padding:clamp(20px,3vw,36px)}
.vb-outil__q{border:0;padding:0;margin:0 0 14px}
.vb-outil__q legend{font:600 14px var(--vb-ui);color:var(--vb-sec);margin-bottom:8px;padding:0}
.vb-outil__choix{display:flex;flex-wrap:wrap;gap:8px}
.vb-outil__choix label{cursor:pointer}
.vb-outil__choix input{position:absolute;opacity:0;pointer-events:none}
.vb-outil__choix span{display:inline-flex;padding:9px 16px;border-radius:999px;background:var(--vb-brume);box-shadow:inset 0 0 0 1.5px var(--vb-filet);font:500 14.5px var(--vb-ui);min-height:40px;align-items:center}
.vb-outil__choix input:checked+span{background:var(--vb-cobalt);color:#fff;box-shadow:none}
.vb-outil__choix input:focus-visible+span{outline:3px solid var(--vb-ambre);outline-offset:2px}
.vb-outil__res{background:var(--vb-brume);border-radius:14px;padding:14px 18px;margin-top:6px}
.vb-outil__res-t{margin:0 0 6px;font:600 13px var(--vb-ui);color:var(--vb-sec);text-transform:uppercase;letter-spacing:.06em}
.vb-outil__res ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.vb-outil__res li[hidden]{display:none}
.vb-outil__res a{font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.vb-outil__note{font-size:13px;color:var(--vb-sec);margin:12px 0 0}
.vb-outil__photo{border-radius:24px;overflow:hidden;min-height:260px}
.vb-vigilance__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:stretch}
.vb-encadre-vigie{background:var(--vb-ambre-pale);border-radius:18px;box-shadow:inset 6px 0 0 var(--vb-ambre);padding:clamp(20px,3vw,34px) clamp(20px,3vw,34px) clamp(20px,3vw,34px) clamp(26px,3vw,40px)}
.vb-encadre-vigie__ic{color:#9A5B00;margin-bottom:10px}
.vb-verifs{margin:0 0 16px 20px;display:grid;gap:8px;font-size:15.5px}
.vb-encadre-vigie__liens{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.vb-encadre-vigie__liens .vb-lien{color:var(--vb-encre)}
.vb-vigilance__cartes{display:grid;gap:14px;align-content:start}
.vb-chiffres__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.vb-gros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;list-style:none;margin-top:20px}
.vb-gros li{display:grid;gap:4px}
.vb-gros b{font:800 clamp(48px,6.4vw,92px)/1 var(--vb-titre);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.vb-gros__age{font-size:clamp(28px,3.2vw,44px)!important;padding-top:10px}
.vb-gros span{color:var(--vb-nuit-txt);font-size:15px}
.vb-verre{background:rgba(255,255,255,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:clamp(20px,2.6vw,32px);box-shadow:var(--vb-ombre-f)}
.vb-rejoindre__t{font:800 22px var(--vb-titre);color:#fff}
.vb-form-rejoindre{display:grid;gap:10px}
.vb-form-rejoindre .vb-coche{color:var(--vb-nuit-txt)}
.vb-form-rejoindre .vb-coche a{color:#fff}
.vb-verre .vb-erreur{color:#FFC9BD}
.vb-regles-ligne{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:16px 0 0;font-size:13.5px;color:var(--vb-nuit-txt)}
.vb-regles-ligne li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--vb-ambre);margin-right:8px}

/* ---------- 11. Bandeaux de pages (forum, rubrique, annexes) ---------- */
.vb-bandeau{background:var(--vb-brume);padding:28px 0 40px}
.vb-bandeau__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.vb-bandeau__in--texte{grid-template-columns:minmax(0,1fr)}
.vb-bandeau__titre{font-size:clamp(34px,4vw,56px);margin:0 0 12px;line-height:1.04}
.vb-bandeau__chapo{font:400 20px/1.5 var(--vb-lire);max-width:44ch;color:var(--vb-encre)}
.vb-bandeau__photo{position:relative;height:clamp(200px,24vw,300px)}
.vb-bandeau__photo>.vb-photo{position:absolute;inset:0;clip-path:polygon(0 2px,25% 2px,25% 16px,75% 16px,75% 2px,100% 2px,100% 100%,0 100%);border-radius:0 0 24px 24px}
.vb-bandeau__photo .vb-filet--d{display:none}.vb-bandeau__photo .vb-filet--m{display:block}
.vb-bandeau__faits,.vb-faits{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;list-style:none;margin:16px 0;color:var(--vb-sec);font-size:15px}
.vb-faits b,.vb-bandeau__faits b{font:800 24px var(--vb-titre);color:var(--vb-encre);margin-right:4px}
.vb-bandeau__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 0}
.vb-bandeau__actions a:not(.vb-btn),.vb-bandeau__actions .subscription-toggle{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--vb-encre);color:var(--vb-encre);font:600 15px var(--vb-ui);text-decoration:none}
.vb-bandeau--page{padding-bottom:28px}
.vb-bandeau--forum .vb-recherche--grande{margin-top:16px}
.vb-bandeau--forum .vb-recherche--grande .vb-btn--ambre{margin-left:2px}
.vb-bandeau--rubrique{background:var(--vb-brume)}

/* ---------- 12. Forum : index, forum, liste ---------- */
.vb-forum-index__grille,.vb-forum__grille,.vb-fil__grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;margin-top:24px}
.vb-poser{margin:24px 0}
.vb-poser .vb-h3{display:flex;gap:8px;align-items:center}
.vb-cartes-forums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vb-carte-forum{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:1fr auto;background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);overflow:hidden}
.vb-carte-forum__photo{grid-row:1/3;display:block;margin:8px;border-radius:14px;overflow:hidden;min-height:220px}
.vb-carte-forum__corps{padding:16px 18px 6px 8px}
.vb-carte-forum__nom{display:flex;gap:8px;align-items:center;font:700 19px/1.2 var(--vb-titre);margin:0 0 8px}
.vb-carte-forum__nom a{color:var(--vb-encre);text-decoration:none}.vb-carte-forum__nom a:hover{color:var(--vb-cobalt)}
.vb-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--vb-pale);color:var(--vb-cobalt);flex:none}
.vb-carte-forum__desc{font-size:14.5px;color:var(--vb-sec);margin:0 0 6px}
.vb-carte-forum__chiffres{display:flex;gap:16px;font-size:13.5px;color:var(--vb-sec);margin:10px 0 0}
.vb-carte-forum__chiffres b{color:var(--vb-encre)}
.vb-carte-forum__der{padding:10px 18px 16px 8px;display:flex;gap:10px;align-items:center;font-size:13.5px;border-top:1px solid var(--vb-filet);margin-left:8px;color:var(--vb-sec)}
.vb-carte-forum__der>span{display:grid;line-height:1.3;min-width:0}
.vb-carte-forum__der .vb-lien-titre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb-cote{display:grid;gap:16px;min-width:0}
.vb-cote--collant{position:sticky;top:96px}
.vb-cote__bloc{background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);padding:18px}
.vb-cote__t{display:flex;gap:8px;align-items:center;font:700 15px/1.2 var(--vb-titre);margin:0 0 12px}
.vb-cote__q{font-weight:600;margin:0 0 6px}.vb-cote__q a{color:var(--vb-encre);text-decoration:none}
.vb-cote__ex{font:400 15.5px/1.5 var(--vb-lire);color:var(--vb-sec)}.vb-cote__m{font-size:13px;color:var(--vb-sec);margin:0}
.vb-voisins,.vb-regles-mini,.vb-utiles{list-style:none;display:grid;gap:10px}
.vb-voisins a{color:var(--vb-encre);text-decoration:none;font-weight:500;font-size:14.5px;line-height:1.35;display:block}
.vb-voisins a:hover{color:var(--vb-cobalt)}
.vb-regles-mini li{font-size:14px;padding-left:16px;position:relative}
.vb-regles-mini li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:2px;background:var(--vb-ambre)}
.vb-utiles li{display:grid;grid-template-columns:32px 1fr;gap:2px 10px;align-items:center}
.vb-utiles li span{grid-column:2;font-size:12.5px;color:var(--vb-sec)}
.vb-utiles a{font-weight:600;color:var(--vb-encre);text-decoration:none}
.vb-sousforums{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:8px;scrollbar-width:thin}
.vb-sousforum{flex:0 0 240px;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;box-shadow:var(--vb-ombre);padding:8px;text-decoration:none;color:var(--vb-encre)}
.vb-sousforum:hover{box-shadow:inset 0 0 0 1.5px var(--vb-cobalt)}
.vb-sousforum__photo{width:64px;height:48px;border-radius:10px;overflow:hidden;flex:none}
.vb-sousforum__txt{display:grid;line-height:1.25;min-width:0}.vb-sousforum__txt b{font-weight:600;font-size:14.5px}.vb-sousforum__txt small{color:var(--vb-sec)}
.vb-filtres ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px}
.vb-filtres a{display:inline-flex;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--vb-filet);color:var(--vb-encre);font:500 14px var(--vb-ui);text-decoration:none}
.vb-filtres a:hover{box-shadow:inset 0 0 0 1.5px var(--vb-cobalt)}
.vb-filtres a.is-actif{background:var(--vb-cobalt);color:#fff;box-shadow:none}
.vb-formulaire{margin-top:28px}
.vb-formulaire__act{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:16px}
.vb-formulaire .bbp-submit-wrapper{margin:0}
.vb-invite{text-align:center}

/* ---------- 13. Fil : message d'ouverture, rail, réponses ---------- */
.vb-fil__entete{padding:24px 0 8px}
.vb-fil__tete{margin-top:6px}
.vb-fil__pastilles{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.vb-fil__titre{font-size:clamp(28px,3vw,40px);margin:0 0 18px;line-height:1.1}
.vb-fil__meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.vb-fil__meta>p:first-of-type{display:grid;gap:2px;margin:0;font-size:14px;color:var(--vb-sec)}
.vb-fil__actions{margin:0 0 0 auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vb-fil__actions .subscription-toggle,.vb-fil__actions a:not(.vb-btn){display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--vb-encre);color:var(--vb-encre);font:600 14px var(--vb-ui);text-decoration:none}
.vb-fil__corps-bande{padding-top:8px}
.vb-msg{position:relative;background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);padding:18px 22px 14px}
.vb-msg--ouverture{box-shadow:inset 4px 0 0 var(--vb-cobalt),var(--vb-ombre)}
.vb-msg__tete{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.vb-msg__av{display:block;flex:none}
.vb-msg__qui{display:grid;gap:0;margin:0;line-height:1.3;min-width:0}
.vb-msg__nom{font-weight:600;color:var(--vb-encre);text-decoration:none}
.vb-msg__niv{font-size:12.5px;color:var(--vb-sec)}
.vb-msg__num{margin-left:auto;font-size:12.5px;color:var(--vb-sec);background:var(--vb-brume);padding:2px 10px;border-radius:999px}
.vb-msg__date{font-size:12.5px;color:var(--vb-sec);white-space:nowrap}
.vb-msg__num+.vb-msg__date{margin-left:0}
.vb-msg__qui+.vb-msg__date{margin-left:auto}
.vb-contenu{font:400 19px/1.62 var(--vb-lire);overflow-wrap:anywhere}
.vb-contenu p{margin:0 0 1em}
.vb-contenu blockquote{margin:1em 0;padding:12px 18px;border-radius:12px;background:var(--vb-pale);font-style:italic}
.vb-contenu blockquote p:last-child{margin:0}
.vb-contenu a{font-weight:600}
.vb-msg__pied{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--vb-filet)}
.vb-msg__actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.vb-msg__admin{font-size:13px}.vb-msg__admin a{color:var(--vb-sec)}
.vb-reac{display:flex;flex-wrap:wrap;gap:6px}
.vb-reac__f{margin:0}
.vb-reac__b{display:inline-flex;gap:6px;align-items:center;min-height:34px;padding:5px 12px;border-radius:999px;background:var(--vb-brume);border:0;color:var(--vb-encre);font:500 13px var(--vb-ui);text-decoration:none;cursor:pointer}
.vb-reac__b:hover{background:var(--vb-pale)}
.vb-reac__b.is-actif{background:var(--vb-cobalt);color:#fff}
.vb-reac__n[hidden]{display:none}
.vb-reac__b--lecture{cursor:default}
.vb-messages{position:relative;margin-top:24px;padding-left:28px;display:grid;gap:14px}
.vb-messages::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--vb-pale);border-radius:2px}
.vb-messages .vb-msg::before{content:"";position:absolute;left:-26px;top:26px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--vb-pale),inset 0 0 0 3px var(--vb-cobalt)}
.vb-retenue-bloc{position:relative;margin-top:30px;padding:26px 22px 14px;background:#fff;border-radius:18px;box-shadow:0 0 0 2px var(--vb-cobalt),var(--vb-ombre)}
.vb-retenue-bloc__tag{position:absolute;top:-14px;left:20px;margin:0;display:inline-flex;gap:6px;align-items:center;padding:5px 14px;border-radius:999px;background:var(--vb-cobalt);color:#fff;font:600 13px var(--vb-ui)}
.vb-repondre-fixe{display:none}
.bbp-template-notice,#bbpress-forums div.bbp-template-notice{background:var(--vb-ambre-pale);border-radius:12px;padding:10px 16px;margin:12px 0;list-style:none;border:0}
.bbp-template-notice.error,div.bbp-template-notice.error{background:#FFD9D1}
.bbp-template-notice p,.bbp-template-notice li{margin:0}

/* ---------- 14. Journal : article (en-tête DA) ---------- */
.vb-ea__haut{padding-top:20px}
.vb-ea__cadre{position:relative;padding-bottom:0}
.vb-ea__photo{position:relative;height:clamp(240px,29vw,420px)}
.vb-ea__photo>.vb-photo{position:absolute;inset:0;border-radius:24px 24px 0 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),88% calc(100% - 2px),88% calc(100% - 18px),76% calc(100% - 18px),76% calc(100% - 34px),24% calc(100% - 34px),24% calc(100% - 18px),12% calc(100% - 18px),12% calc(100% - 2px),0 calc(100% - 2px))}
.vb-ea__grille{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;margin-top:-140px;align-items:start}
.vb-ea__fiche{position:relative;background:#fff;border-radius:18px;box-shadow:var(--vb-ombre-f);padding:36px clamp(20px,3vw,40px) 28px;z-index:2}
.vb-ea__pastille{position:absolute;top:-14px;left:28px}
.vb-ea__titre{font:800 clamp(28px,3.6vw,52px)/1.06 var(--vb-titre);letter-spacing:-.02em;margin:0 0 14px}
.vb-ea__chapo{font:italic 400 22px/1.45 var(--vb-lire);color:var(--vb-sec);margin:0 0 18px}
.vb-ea__auteur{display:flex;gap:14px;align-items:center}
.vb-ea__auteur p{display:grid;gap:2px;margin:0}
.vb-ea__portrait{width:56px;height:56px}
.vb-ea__nom{font-weight:600;color:var(--vb-encre);text-decoration:none}
.vb-ea__dates{font-size:13.5px;color:var(--vb-sec)}
.vb-ea__cote{background:var(--vb-pale);border-radius:18px;padding:28px 22px 22px;margin-top:0;position:relative;z-index:1;box-shadow:var(--vb-ombre)}
.vb-cotation{display:grid;gap:0;margin:0 0 14px}
.vb-cotation>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(16,26,51,.18)}
.vb-cotation dt{color:var(--vb-sec);font-size:14px}.vb-cotation dd{margin:0;font-weight:600;text-align:right}
.vb-cotation__forum{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--vb-cobalt-h);text-decoration:none}
.vb-art .sbt-article-mise-en-page{padding-top:40px}
.vb-alire{padding:48px 0}
.vb-alire .sbt-grille--3{margin-top:12px}
.vb-ca-parle__tete{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.vb-ca-parle__tete .vb-h2{margin:0}
.vb-ca-parle .vb-liste-rangs{margin-bottom:6px}

/* Barre de progression en marches (dans le rail collant) */
.vb-rail-prog__t{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:13.5px;color:var(--vb-sec)}
.vb-rail-prog__t b{color:var(--vb-encre);font-weight:600}
.vb-marches{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:end;height:30px}
.vb-marches i{display:block;background:var(--vb-pale);border-radius:3px;transition:background .25s}
.vb-marches i:nth-child(1){height:30%}.vb-marches i:nth-child(2){height:42%}.vb-marches i:nth-child(3){height:55%}.vb-marches i:nth-child(4){height:68%}.vb-marches i:nth-child(5){height:84%}.vb-marches i:nth-child(6){height:100%}
.vb-marches i.est-plein{background:var(--vb-cobalt)}.vb-marches i:nth-child(n+4).est-plein{background:var(--vb-ambre)}
.vb-rail-question__t{display:flex;gap:8px;align-items:center;font:700 15px var(--vb-titre);margin:0 0 6px}
.vb-rail-question__s{font-size:14px;color:var(--vb-sec);margin:0 0 10px;line-height:1.45}
.vb-rail-question{display:block;margin:0}
.vb-rail-question .vb-champ--petit{min-height:42px;padding:8px 12px;font-size:15px;margin:0 0 8px}
.vb-rail-question .vb-btn--bloc{justify-content:center}
.vb-restant{white-space:nowrap}
.sbt-sommaire li.est-courant a{color:var(--vb-cobalt);font-weight:600}
.sbt-sommaire li.est-courant .sbt-sommaire-num{background:var(--vb-cobalt);color:#fff}
.sbt-rail .sbt-sommaire ol{max-height:none}

/* ---------- 15. Blocs figés habillés (corps, rail, sommaire, encadrés, FAQ, auteur, pied) ---------- */
.sbt-fil-ariane{font-size:.8125rem;color:var(--sb-doux)}
.sbt-article-chapo{font-style:italic}
.sbt-article-mise-en-page{display:grid;grid-template-columns:minmax(0,var(--sb-lecture)) var(--sb-rail);column-gap:var(--sb-gouttiere);row-gap:var(--sb-gouttiere);max-width:var(--sb-conteneur);margin-inline:auto;padding:32px var(--sb-gouttiere) 64px;align-items:start;justify-content:center}
@media (max-width:1080px){.sbt-article-mise-en-page{grid-template-columns:minmax(0,1fr)}.sbt-article-principal,.sbt-rail{min-width:0}}
.sbt-article-principal{min-width:0}
.sbt-article-corps{font-size:19px;line-height:1.62;color:var(--sb-encre);font-family:var(--sb-texte);background:#fff;border-radius:24px;box-shadow:var(--vb-ombre);padding:clamp(20px,3.4vw,48px)}
.sbt-article-corps h2{margin-top:2.2em;margin-bottom:.6em;font-family:var(--sb-titre);font:700 clamp(23px,2.2vw,30px)/1.15 var(--sb-titre);counter-increment:vb-h2}
.sbt-article-corps{counter-reset:vb-h2}
.sbt-article-corps>h2:first-child{margin-top:0}
.sbt-article-corps h3{margin-top:1.8em;margin-bottom:.45em;font:700 20px/1.25 var(--sb-titre)}
.sbt-article-corps p{margin-bottom:1.3em}
.sbt-article-corps img{border-radius:var(--sb-rayon);margin-block:1.6em;width:100%;height:auto}
.sbt-article-corps blockquote{margin:1.8em 0;padding:18px 24px;border-left:4px solid var(--sb-accent);background:var(--sb-surf);border-radius:8px;font-style:italic}
.sbt-article-corps ul,.sbt-article-corps ol{margin:0 0 1.3em 1.2em;padding-left:.4em}
.sbt-article-corps li{margin-bottom:.4em}
.sbt-article-corps a{font-weight:600}
.sbt-article-corps table{border-collapse:collapse;width:100%;font:400 16px var(--vb-ui);font-variant-numeric:tabular-nums}
.sbt-article-corps th,.sbt-article-corps td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--vb-filet)}
.sbt-article-corps tbody tr:nth-child(odd){background:var(--vb-brume)}
.sbt-article-corps th:first-child,.sbt-article-corps td:first-child{position:sticky;left:0;background:inherit;font-weight:600}
.sbs_tableau{overflow-x:auto;margin:1.4em 0;border-radius:14px;box-shadow:inset 0 0 0 1px var(--vb-filet)}
.sbt-sommaire-mobile{display:none}
@media (max-width:1080px){.sbt-sommaire-mobile{display:block;margin-bottom:24px}.sbt-rail-carte--sommaire{display:none}}
.sbt-kicker{font-family:var(--sb-titre);font-size:.9375rem;font-weight:700;margin-bottom:12px}
.sbt-grille{display:grid;gap:var(--sb-gouttiere)}
.sbt-grille--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:760px){.sbt-grille--3{grid-template-columns:1fr}}
/* barre latérale — sticky SANS overflow-y ni max-height (garde-fou) */
.sbt-rail{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:16px;border-left:0;padding-left:0}
.sbt-rail-carte{background:var(--sb-fond-carte);border:1px solid var(--sb-filet);border-radius:var(--sb-rayon);padding:16px}
.sbt-rail-carte .sbt-t4,.sbt-rail-carte h4{font-family:var(--sb-titre);font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sb-doux);margin:0 0 10px}
@media (max-width:1080px){.sbt-rail{position:static;border-top:1px solid var(--sb-filet);padding-top:20px}}
/* sommaire */
.sbt-sommaire{background:var(--sb-fond-carte);border-left:4px solid var(--sb-accent);border-radius:var(--sb-rayon);padding:12px 16px}
.sbt-rail-carte--sommaire{padding:0;border:0;background:transparent}
.sbt-sommaire-titre{font-family:var(--sb-titre);font-weight:700;font-size:.9375rem;cursor:pointer;list-style:none}
.sbt-sommaire-titre::-webkit-details-marker{display:none}
.sbt-sommaire ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.sbt-sommaire li a{display:flex;align-items:baseline;gap:10px;font:400 14px/1.3 var(--vb-ui);padding:5px 0;color:var(--sb-encre);text-decoration:none}
.sbt-sommaire li a:hover{color:var(--sb-accent);text-decoration:underline}
.sbt-sommaire-num{font-family:var(--sb-titre);font-weight:700;font-size:.72rem;color:var(--sb-encre);background:var(--sb-surf);border-radius:50%;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.sbt-sommaire-mobile .sbt-sommaire{background:#fff;box-shadow:var(--vb-ombre)}
/* encadrés */
.sbt-encadre{margin-block:2em;border-radius:var(--sb-rayon-grand)}
.sbt-encadre-titre{margin:0 0 12px;font-family:var(--sb-titre);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em}
.sbt-encadre--retenir{background:var(--vb-pale);color:var(--vb-encre);padding:26px 28px;box-shadow:inset 0 0 0 1px rgba(43,75,242,.18)}
.sbt-encadre--retenir .sbt-encadre-titre{color:var(--vb-cobalt-h)}
.sbt-retenir-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sbt-retenir-liste li{position:relative;padding-left:32px;font:400 17px/1.5 var(--vb-lire)}
.sbt-retenir-liste li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--sb-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.sbt-encadre--saviez{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:22px 24px;background:var(--vb-ambre-pale);box-shadow:inset 6px 0 0 var(--vb-ambre)}
.sbt-encadre--saviez::before{content:"!";grid-row:1/span 2;width:48px;height:48px;border-radius:14px;background:var(--vb-ambre);color:var(--vb-encre);display:flex;align-items:center;justify-content:center;font:800 1.375rem var(--sb-titre)}
.sbt-encadre--saviez .sbt-encadre-titre{grid-column:2;margin:0;color:var(--sb-encre)}
.sbt-encadre--saviez p:not(.sbt-encadre-titre){grid-column:2;margin:0;font-size:1rem;line-height:1.6;color:var(--sb-encre)}
@media (max-width:620px){.sbt-encadre--saviez{grid-template-columns:1fr}.sbt-encadre--saviez::before{grid-row:1}.sbt-encadre--saviez .sbt-encadre-titre,.sbt-encadre--saviez p:not(.sbt-encadre-titre){grid-column:1}}
.sbt-article-corps .sbt-retenir-liste{padding:0;margin:0;list-style:none}
.sbt-article-corps .sbt-retenir-liste li{padding-left:34px;margin:0;text-indent:0}
/* FAQ en accordéon */
.sbt-faq{margin:48px 0;padding:24px;border-radius:var(--sb-rayon-grand);background:var(--sb-surf);border:1px solid var(--sb-filet)}
.sbt-faq-liste{display:grid;gap:10px}
.sbt-faq-liste details{background:var(--sb-fond-carte);border:1px solid var(--sb-filet)!important;border-radius:14px;padding:0!important;transition:box-shadow .25s,border-color .25s}
.sbt-faq-liste details[open]{box-shadow:var(--sb-ombre);border-color:var(--sb-accent)!important}
.sbt-faq-liste summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;font:600 16.5px/1.4 var(--vb-ui);color:var(--sb-encre)}
.sbt-faq-liste summary::-webkit-details-marker{display:none}
.sbt-faq-liste summary::after{content:"";width:30px;height:30px;flex:none;border-radius:50%;background:var(--sb-surf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B4BF2' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/15px no-repeat;transition:transform .3s}
.sbt-faq-liste details[open] summary::after{transform:rotate(135deg)}
.sbt-faq-liste summary:hover{color:var(--sb-accent)}
.sbt-faq-reponse{padding:0 18px 16px;font:400 17px/1.6 var(--vb-lire);color:var(--sb-doux)}
.sbt-faq-reponse p{margin:0 0 12px}.sbt-faq-reponse p:last-child{margin-bottom:0}
@media (max-width:760px){.sbt-faq{padding:16px}}
.vb-faq-mini{margin:0;padding:0;border:0;background:transparent}
/* boîte auteur */
.sbt-auteur{display:grid;grid-template-columns:120px 1fr;gap:26px;margin:40px 0 10px;padding:28px;border-radius:var(--sb-rayon-grand);background:#fff;box-shadow:var(--vb-ombre)}
.sbt-auteur-photo img{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px var(--sb-surf)}
.sbt-auteur-sur{margin:0 0 2px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sb-doux)}
.sbt-auteur-nom{font:800 1.5rem var(--sb-titre);margin:0 0 4px}
.sbt-auteur-nom a{color:var(--sb-encre);text-decoration:none}.sbt-auteur-nom a:hover{text-decoration:underline}
.sbt-auteur-role{margin:0 0 12px;font-size:.8125rem;font-weight:600;color:var(--sb-accent);text-transform:uppercase;letter-spacing:.05em}
.sbt-auteur-bio{font:400 17px/1.6 var(--vb-lire);color:var(--sb-encre);margin:0 0 16px}
.sbt-auteur-chiffres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sbt-auteur-chiffres span{background:var(--sb-surf);border-radius:12px;padding:8px 12px;font-size:.8rem;color:var(--sb-doux);font-variant-numeric:tabular-nums}
.sbt-auteur-chiffres b{color:var(--sb-encre);margin-right:4px}
.sbt-auteur-der{margin-bottom:18px}
.sbt-auteur-der p{margin:0 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sb-doux)}
.sbt-auteur-der a{display:block;font-size:.9375rem;font-weight:500;padding:6px 0;color:var(--sb-encre);text-decoration:none;border-bottom:1px dashed var(--sb-filet)}
.sbt-auteur-der a:hover{color:var(--sb-accent)}
.sbt-auteur-actions{display:flex;flex-wrap:wrap;gap:10px}
.sbt-auteur-actions .sbt-btn{min-height:38px;padding:8px 18px;font-size:.875rem;border-radius:12px}
.sbt-auteur-actions .sbt-btn--fantome{background:transparent;box-shadow:inset 0 0 0 1.5px var(--sb-encre);color:var(--sb-encre)}
.sbt-auteur-actions .sbt-btn--fantome:hover{background:var(--sb-encre);color:#fff}
@media (max-width:700px){.sbt-auteur{grid-template-columns:1fr;padding:22px}.sbt-auteur-photo img{width:88px;height:88px}}
/* pied de page */
.sbt-footer{background:var(--vb-nuit2);color:var(--vb-nuit-txt);padding-block:clamp(40px,6vw,64px) 24px;position:relative;overflow:hidden}
.sbt-footer::before{content:"";position:absolute;right:-8%;top:-30%;width:55%;height:100%;background:radial-gradient(closest-side,rgba(43,75,242,.30),transparent);pointer-events:none}
.sbt-footer .sbt-conteneur{position:relative}
.sbt-footer a{color:var(--vb-nuit-txt);text-decoration:none}
.sbt-footer a:hover{color:#fff;text-decoration:underline}
.sbt-footer a.sbt-btn,.sbt-footer a.sbt-btn:hover{color:#fff;text-decoration:none}
.sbt-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}
.vb-pied__marque{display:grid;gap:12px;max-width:620px}
.vb-pied__signature{font:400 20px/1.4 var(--vb-lire);color:#fff;margin:0}
.vb-pied__conseil{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:0;color:var(--vb-nuit-txt)}
.vb-pied__conseil .vb-ic{color:var(--vb-ambre);margin-top:2px}
.vb-pied__conseil a{font-weight:600;color:#fff}
.sbt-footer-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14);align-items:start}
@media (max-width:980px){.sbt-footer-grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sbt-footer-grille{grid-template-columns:1fr}}
.sbt-footer-colonne .sbt-t4{font:600 12px var(--vb-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--vb-nuit-mention);margin:0 0 14px}
.sbt-footer-colonne ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.sbt-footer-colonne ul a{font-size:14.5px;display:block}
.vb-pied__recents a span{display:block;color:#fff;line-height:1.35}
.vb-pied__recents small{color:var(--vb-nuit-mention);font-size:12.5px}
.sbt-footer-bas{padding-top:20px;font-size:.8125rem;color:var(--vb-nuit-mention);display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between}

/* ---------- 16. Pages : annexes, équipe, contact, charte, relevé du journal ---------- */
.vb-annexe{padding-top:32px}
.vb-bloc{background:#fff;border-radius:24px;box-shadow:var(--vb-ombre);padding:clamp(22px,3.4vw,44px);margin-bottom:24px}
.vb-bloc--promesse{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px 40px;align-items:center}
.vb-bloc--promesse .vb-h2{grid-column:1/-1}
.vb-bloc--pseudo{background:var(--vb-pale);box-shadow:none}
.vb-bloc--alerte{background:var(--vb-ambre-pale);box-shadow:inset 6px 0 0 var(--vb-ambre)}
.vb-bloc--alerte .vb-avert{background:#fff;box-shadow:none}
.vb-tuiles{display:grid;gap:12px;list-style:none}
.vb-tuiles li{background:var(--vb-brume);border-radius:16px;padding:14px 18px;display:flex;gap:14px;align-items:baseline}
.vb-tuiles b{font:800 40px/1 var(--vb-titre);font-variant-numeric:tabular-nums}
.vb-cartes-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vb-carte-ic{background:var(--vb-brume);border-radius:18px;padding:22px;display:grid;gap:8px;align-content:start}
.vb-carte-ic .vb-ic{color:var(--vb-cobalt)}
.vb-carte-ic h3{font:700 18px/1.25 var(--vb-titre);margin:0}
.vb-carte-ic p{margin:0;font-size:15px;color:var(--vb-sec)}
.vb-etapes{list-style:none;counter-reset:vb-e;display:grid;gap:14px;position:relative;padding-left:0}
.vb-etapes li{counter-increment:vb-e;position:relative;padding-left:52px;font:400 18px/1.55 var(--vb-lire)}
.vb-etapes li::before{content:counter(vb-e);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--vb-cobalt);color:#fff;display:grid;place-items:center;font:700 15px var(--vb-ui);font-variant-numeric:tabular-nums}
.vb-etapes li b{font-family:var(--vb-ui)}
.vb-contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
.vb-contact__form textarea{min-height:170px}
.vb-contact__form .vb-btn{margin-top:16px}
.vb-contact__aide{background:var(--vb-pale);border-radius:24px;padding:clamp(20px,3vw,32px)}
.vb-equipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.vb-membre{background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);overflow:hidden;display:flex;flex-direction:column}
.vb-membre__photo{display:block;aspect-ratio:4/5;background:var(--vb-pale);overflow:hidden}
.vb-membre__photo img{width:100%;height:100%;object-fit:cover;border-radius:0}
.vb-membre__corps{padding:18px 20px 22px;display:grid;gap:6px}
.vb-membre__nom{font:800 22px var(--vb-titre);margin:0}.vb-membre__nom a{color:var(--vb-encre);text-decoration:none}
.vb-membre__suit{margin:0;color:var(--vb-cobalt-h);font-weight:600;font-size:14px}
.vb-membre__bio{margin:0;font:400 16px/1.5 var(--vb-lire);color:var(--vb-sec)}
.vb-membre__n{margin:0;color:var(--vb-sec);font-size:14px}.vb-membre__n b{color:var(--vb-encre)}
.vb-note-eq{margin-top:28px;color:var(--vb-sec)}
.vb-niveaux{display:grid;gap:10px;margin-top:16px}
.vb-niveau{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 18px;padding:14px 18px;border-radius:14px;background:var(--vb-brume)}
.vb-niveau__nom{font:700 16px var(--vb-titre)}
.vb-niveau__seuil{color:var(--vb-sec);font-size:14px}
.vb-niveau__droit{grid-column:2}
.vb-page-corps{padding-top:8px}
.vb-maj{margin-top:2em;font-size:13px;color:var(--vb-sec)}
.vb-panneau.sbt-article-corps{margin:0}

/* Journal : relevé de compte */
.vb-releve{padding-top:28px}
.vb-solde{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 32px;align-items:center;background:#fff;border-radius:24px;box-shadow:var(--vb-ombre);padding:clamp(18px,2.6vw,30px);margin-bottom:28px}
.vb-solde__chiffre{display:grid;gap:0}
.vb-solde__chiffre b{font:800 clamp(44px,5vw,72px)/1 var(--vb-titre);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.vb-solde__chiffre span{font-weight:600}.vb-solde__chiffre small{color:var(--vb-sec);font-size:13.5px}
.vb-solde__filtres{grid-column:1/-1;margin-top:0}
.vb-releve__mois{margin-bottom:24px;border-radius:18px;overflow:hidden;box-shadow:var(--vb-ombre);background:#fff}
.vb-releve__entete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:14px 22px;background:var(--vb-encre);color:#fff;font:700 18px var(--vb-titre);letter-spacing:0}
.vb-releve__entete small{font:500 14px var(--vb-ui);color:var(--vb-nuit-txt)}
.vb-releve__l{display:grid;grid-template-columns:56px 96px minmax(0,1fr) 70px;gap:16px;align-items:center;padding:12px 22px}
.vb-releve__l:nth-child(even){background:var(--vb-brume)}
.vb-releve__date{font-weight:600;color:var(--vb-sec)}
.vb-releve__vign{display:block;width:96px;height:64px;border-radius:10px;overflow:hidden}
.vb-releve__corps{display:grid;gap:4px;justify-items:start;min-width:0}
.vb-releve__titre{font:600 17px/1.3 var(--vb-ui);letter-spacing:0;margin:0}
.vb-releve__titre a{color:var(--vb-encre);text-decoration:none}.vb-releve__titre a:hover{color:var(--vb-cobalt)}
.vb-releve__auteur{margin:0;font-size:13.5px;color:var(--vb-sec)}
.vb-releve__montant{margin:0;text-align:right;font:600 16px var(--vb-ui)}
.vb-releve__corps-liste{background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);overflow:hidden}
.vb-releve--auteur .vb-releve__lignes{border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--vb-filet)}
.vb-releve__sous{margin-top:40px}

/* Rubrique : carnet d'ordres à deux colonnes */
.vb-bandeau--rubrique .vb-bandeau__photo,.vb-bandeau--journal .vb-bandeau__photo{height:clamp(180px,20vw,260px)}
.vb-rubrique{padding-top:8px}
.vb-rubrique__une{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;margin-bottom:40px}
.vb-rubrique__deux{display:grid;gap:16px;align-content:stretch}
.vb-carnet2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vb-liste-barres{display:grid;gap:8px}

/* Auteur */
.vb-auteur-bandeau{background:var(--vb-pale);padding:32px 0 88px}
.vb-auteur-bandeau__in{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;align-items:center}
.vb-auteur-bandeau__portrait{width:160px;height:160px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px #fff,var(--vb-ombre-f);margin-bottom:-120px;align-self:end;position:relative;z-index:2}
.vb-auteur-bandeau__portrait img{width:100%;height:100%;object-fit:cover;border-radius:0}
.vb-auteur-bandeau .vb-bandeau__chapo{font-size:18px}
.vb-releve--auteur{padding-top:96px}

/* Flux de messages, recherche, 404 */
.vb-flux{display:grid;gap:12px}
.vb-flux__msg{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:16px;box-shadow:var(--vb-ombre);padding:16px 18px}
.vb-flux__corps{min-width:0}
.vb-flux__qui{margin:0 0 4px}
.vb-flux__extrait{margin:0 0 6px;font:400 17px/1.5 var(--vb-lire);color:var(--vb-sec)}
.vb-flux__meta{display:flex;gap:12px;align-items:center;margin:0;font-size:13px;color:var(--vb-sec)}
.vb-recherche-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.vb-404{min-height:60vh}
.vb-404__in{display:grid;gap:16px;justify-items:start;padding:40px 0}
.vb-404__txt{font:400 20px/1.5 var(--vb-lire);margin:0}
.vb-404__liens{display:flex;flex-wrap:wrap;gap:12px}
.vb-liste-simple{padding-top:32px}

/* Infographies du socle */
sbs-jauges,sbs-tarifs,sbs-frise,sbs-lieu{display:grid;gap:12px;margin:1.6em 0;padding:20px;border-radius:18px;background:var(--vb-pale);font-family:var(--vb-ui)}
sbs-jauges{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.sbs_jauges_titre,.sbs_tarifs_titre,.sbs_frise_titre{grid-column:1/-1;font:700 16px var(--vb-titre)}
sbs-jauge{display:grid;gap:2px;background:#fff;border-radius:14px;padding:14px}
.sbs_jauge_valeur{font:800 34px/1.1 var(--vb-titre);font-variant-numeric:tabular-nums;color:var(--vb-encre)}
.sbs_jauge_libelle,.sbs_jauge_unite,.sbs_source,.sbs_tarifs_notes,.sbs_etape_desc{font-size:13px;color:var(--vb-sec)}
sbs-tarif{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:12px;align-items:center}
.sbs_tarif_barre{width:100%;height:12px;border-radius:6px;accent-color:var(--vb-cobalt)}
.sbs_tarif_prix{font-variant-numeric:tabular-nums}
sbs-etape{display:grid;gap:2px;padding-left:20px;border-left:3px solid var(--vb-cobalt)}
.sbs_etape_date{font:600 13px var(--vb-ui);color:var(--vb-cobalt-h)}.sbs_etape_titre{font-weight:700}

/* bbPress : repli propre sur le balisage par défaut (profils, listes non surchargés) */
#bbpress-forums{font-family:var(--vb-ui)}
#bbpress-forums ul.bbp-topics,#bbpress-forums ul.bbp-replies,#bbpress-forums ul.bbp-forums{border:0;list-style:none;margin:0}
#bbpress-forums .bbp-header,#bbpress-forums .bbp-footer{display:none}
#bbpress-forums .bbp-body ul{border:0;background:#fff;border-radius:14px;margin-bottom:8px;padding:12px 16px}
#bbpress-forums .bbp-user-section,#bbpress-forums #bbp-user-wrapper{max-width:var(--sb-conteneur);margin:0 auto;padding:24px var(--sb-gouttiere)}
#bbpress-forums fieldset.bbp-form{border:0;padding:0}
#bbpress-forums .bbp-pagination{display:none}

/* ---------- 17. Barre d'onglets mobile ---------- */
.vb-onglets{display:none}

/* ---------- 18. Responsive ---------- */
@media (max-width:1180px){
  .vb-recherche input{width:110px}
  .vb-entete__connexion{display:none}
}
@media (max-width:1099px){
  .vb-nav{position:fixed;left:0;right:0;top:64px;max-height:calc(100vh - 140px);overflow:auto;background:#fff;border-radius:0 0 22px 22px;box-shadow:var(--vb-ombre-f);padding:12px var(--sb-gouttiere) 20px;display:none;z-index:80}
  .vb-nav.est-ouvert{display:block}
  .vb-nav ul{flex-direction:column;align-items:stretch;gap:2px}
  .vb-nav__it>a{padding:13px 12px;font-size:17px;border-radius:12px}
  .vb-mega{position:static;display:block;width:auto;padding:0}
  .vb-mega__liste{box-shadow:none;padding:0 0 0 12px;grid-template-columns:1fr 1fr;background:transparent}
  .vb-entete__droite{display:contents}
  .vb-entete__droite>:not(.vb-recherche){display:none}
  .vb-entete__mobile{display:flex}
  .vb-entete__in{gap:8px}
  .vb-recherche#vb-recherche{display:none}
  .vb-entete.recherche-ouverte .vb-recherche#vb-recherche{display:flex;position:fixed;left:var(--sb-gouttiere);right:var(--sb-gouttiere);top:66px;z-index:90;box-shadow:var(--vb-ombre-f)}
  .vb-entete.recherche-ouverte .vb-recherche#vb-recherche input{width:100%}
}
@media (max-width:1023px){
  .vb-hero__in{grid-template-columns:minmax(0,1fr)}
  .vb-hero__gauche{padding-top:8px}
  .vb-portes__grille{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vb-journal-accueil__grille,.vb-outil__in,.vb-vigilance__in,.vb-chiffres__in,.vb-contact,.vb-bloc--promesse,.vb-rubrique__une{grid-template-columns:minmax(0,1fr)}
  .vb-discute__carte{grid-template-columns:minmax(0,1fr)}
  .vb-forum-index__grille,.vb-forum__grille,.vb-fil__grille{grid-template-columns:minmax(0,1fr)}
  .vb-cote--collant{position:static}
  .vb-bandeau__in{grid-template-columns:minmax(0,1fr)}
  .vb-bandeau__photo{order:-1}
  .vb-ea__grille{grid-template-columns:minmax(0,1fr)}
  .vb-ea__cote{margin-top:0}
  .vb-carnet2{grid-template-columns:minmax(0,1fr)}
  .vb-recherche-res{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  :root{--sb-rail:100%}
  body{padding-bottom:76px}
  .vb-entete,.vb-entete__in{height:60px}
  .vb-entete.est-defile .vb-entete__in{height:52px;margin-top:6px}
  .vb-logo__svg{height:28px}
  .vb-nav{top:56px}
  .vb-tele{height:28px}.vb-tele__it{height:28px;font-size:12.5px}.vb-tele__i:last-child{display:none}
  .vb-bande{padding:36px 0}
  /* hero 390 : titre, photo en bandeau 220, carte à cheval, preuves en ligne défilante */
  .vb-hero{padding:14px 0 28px}
  .vb-hero::before{display:none}
  .vb-hero__in{display:flex;flex-direction:column;gap:0}
  .vb-hero__gauche{display:contents}
  .vb-hero .vb-kicker{order:1;margin-bottom:8px}
  .vb-hero__titre{order:2;font-size:34px;margin-bottom:14px}
  .vb-hero__texte{display:none}
  .vb-hero__droite{order:3;padding-top:0}
  .vb-preuves{order:4;overflow-x:auto;margin-top:14px;padding-bottom:4px;scrollbar-width:none}
  .vb-preuves li{flex:0 0 130px;padding:10px 12px}.vb-preuves b{font-size:26px}
  .vb-hero__photo{height:220px}
  .vb-hero__photo>.vb-photo,.vb-hero__pic>.vb-photo{clip-path:polygon(0 2px,25% 2px,25% 16px,75% 16px,75% 2px,100% 2px,100% 100%,0 100%)}
  .vb-filet--d{display:none}.vb-filet--m{display:block}
  .vb-question{position:relative;left:auto;top:auto;transform:none;width:calc(100% - 16px);margin:-56px auto 0;padding:14px;animation-name:vb-entree}
  .vb-question__t,.vb-question__ou{display:none}
  .vb-derniere{display:none}
  .vb-discute__carte{margin-top:-20px;padding:16px}
  .vb-onglets-liste{width:100%;overflow-x:auto}
  .vb-rang{grid-template-columns:56px minmax(0,1fr);padding:10px}
  .vb-rang__vign{width:56px;height:44px}.vb-rang--art{grid-template-columns:72px minmax(0,1fr)}.vb-rang__vign--art{width:72px;height:52px}
  .vb-rang__droite{grid-column:1/-1;justify-content:space-between;text-align:left}
  .vb-rang__titre{font-size:16px}
  .vb-portes__grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .vb-porte:last-child:nth-child(odd){grid-column:1/-1}
  .vb-porte__photo{aspect-ratio:4/3}
  .vb-journal-accueil__six{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .vb-carte-art--compacte{flex-direction:column}.vb-carte-art--compacte .vb-carte-art__photo{width:auto;margin:8px 8px 0;aspect-ratio:3/2}
  .vb-gros{gap:14px}.vb-gros b{font-size:46px}
  .vb-cartes-forums{grid-template-columns:minmax(0,1fr)}
  .vb-carte-forum{grid-template-columns:minmax(0,1fr)}
  .vb-carte-forum__photo{grid-row:auto;min-height:0;aspect-ratio:3/1;margin:8px 8px 0}
  .vb-carte-forum__corps{padding:12px 16px 4px}.vb-carte-forum__der{margin-left:0;padding:10px 16px 14px}
  .vb-cartes-3{grid-template-columns:minmax(0,1fr)}
  .vb-solde{grid-template-columns:minmax(0,1fr)}.vb-recherche--solde input{width:100%}
  .vb-releve__l{grid-template-columns:48px 72px minmax(0,1fr);gap:10px;padding:12px 14px}
  .vb-releve__vign{width:72px;height:52px}.vb-releve__montant{grid-column:3;text-align:left;color:var(--vb-sec);font-size:14px}
  .vb-releve__entete{padding:12px 14px}
  .vb-auteur-bandeau__in{grid-template-columns:minmax(0,1fr);justify-items:start}
  .vb-auteur-bandeau__portrait{margin-bottom:0;width:120px;height:120px}
  .vb-auteur-bandeau{padding-bottom:40px}.vb-releve--auteur{padding-top:40px}
  .vb-niveau{grid-template-columns:minmax(0,1fr)}.vb-niveau__droit{grid-column:1}
  .vb-ea__photo{height:240px}
  .vb-ea__photo>.vb-photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),75% calc(100% - 2px),75% calc(100% - 16px),25% calc(100% - 16px),25% calc(100% - 2px),0 calc(100% - 2px))}
  .vb-ea__grille{margin-top:-64px}
  .vb-ea__fiche{padding:28px 18px 20px}
  .vb-ea__pastille{left:18px}
  .vb-ea__cote{padding:16px}
  .vb-cotation{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px}
  .vb-cotation>div{flex:0 0 auto;flex-direction:column;gap:0;background:#fff;border:0;border-radius:12px;padding:8px 14px}
  .vb-cotation dd{text-align:left}
  .sbt-article-corps{font-size:18px;padding:20px 16px;border-radius:20px}
  .sbt-article-mise-en-page{padding-top:20px}
  .vb-fil__actions{margin-left:0}
  .vb-messages{padding-left:20px}.vb-messages::before{left:4px}.vb-messages .vb-msg::before{left:-23px;width:10px;height:10px}
  .vb-msg{padding:14px 14px 10px}
  .vb-contenu{font-size:18px}
  .vb-msg__tete{flex-wrap:wrap}.vb-msg__qui+.vb-msg__date{margin-left:auto}
  .vb-repondre-fixe{position:fixed;right:14px;bottom:84px;z-index:70;display:inline-flex;gap:8px;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--vb-cobalt);color:#fff;font:600 15px var(--vb-ui);text-decoration:none;box-shadow:var(--vb-ombre-f)}
  .vb-bandeau__actions .vb-btn{flex:1}
  .vb-recherche--grande{flex-wrap:wrap;padding:8px}.vb-recherche--grande input{min-width:60%}
  .sbt-footer{padding-bottom:20px}
  /* barre d'onglets du bas */
  .vb-onglets{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;height:64px;z-index:90;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.7);box-shadow:0 -8px 28px -12px rgba(16,26,51,.25);padding-bottom:env(safe-area-inset-bottom)}
  .vb-onglets__it,.vb-onglets__poser{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:64px;color:var(--vb-sec);font:500 11px var(--vb-ui);text-decoration:none;position:relative}
  .vb-onglets__it.est-actif{color:var(--vb-cobalt);font-weight:600}
  .vb-onglets__it.est-actif::before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--vb-cobalt)}
  .vb-onglets__it.est-actif .vb-ic{background:var(--vb-pale);border-radius:10px;padding:3px;box-sizing:content-box}
  .vb-onglets__poser{color:var(--vb-cobalt);font-weight:600}
  .vb-onglets__poser .vb-ic{width:52px;height:52px;padding:13px;border-radius:50%;background:var(--vb-cobalt);color:#fff;margin-top:-26px;box-shadow:0 10px 24px -6px rgba(43,75,242,.7);box-sizing:border-box}
  .vb-onglets__poser span{margin-top:-2px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ---------- 19. Passe de corrections mesurées (29/10/2026) ---------- */
/* Chiffres : dans Zalando Sans, l'option « tabular-nums » remplace aussi l'espace par une espace de chiffre (space.tf) :
   « il y a 2 h », « 29 sept. 2026 » prenaient l'air d'une machine à écrire. Chiffres alignés seulement sur les nombres seuls. */
.vb-tab,.vb-tab *,.sbt-auteur-chiffres span,.sbt-article-corps table{font-variant-numeric:normal}
[data-compte],.vb-gros b,.vb-preuves b,.vb-faits b,.vb-solde__chiffre b,.vb-rang__rep b,.vb-carte-forum__chiffres b,.vb-porte__chiffres b,.vb-pilules a b{font-variant-numeric:tabular-nums}
.vb-preuves .vb-preuves__age,.vb-gros .vb-gros__age,.vb-faits .vb-age{font:600 20px/1.2 var(--vb-ui)!important;letter-spacing:0;font-variant-numeric:normal;padding-top:6px}
.vb-gros .vb-gros__age{font-size:clamp(28px,3vw,40px)!important}
.vb-derniere small,.vb-rang__age,.vb-tele__i,.vb-jour__meta,.vb-carte-art__meta{text-align:left;letter-spacing:0;word-spacing:normal}
/* Téléscripteur : jamais dans le calcul de largeur de la page */
.vb-tele{max-width:100%;overflow:clip;contain:paint}

/* Accueil : bandes plus resserrées (cible ≤ 700 px chacune à 1440) */
/* (passe 2) la valeur des bandes est désormais posée une seule fois en section 4 : la redéclarer ici écrasait les retraits voulus des pages annexes, du fil et de la rubrique */
.vb-discute{padding:12px 0 48px}
.vb-discute__pied{margin-top:10px}
.vb-rang{padding-block:8px}
.vb-jour__photo{aspect-ratio:16/9}
.vb-jour__texte{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.vb-porte__photo{aspect-ratio:4/3;max-height:200px}
.vb-portes .vb-pilules{margin-top:20px}
.vb-section-tete{margin-bottom:20px}
.vb-journal-accueil__grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vb-journal-accueil__une .vb-carte-art__photo{aspect-ratio:16/9;max-height:250px;flex:none}
.vb-journal-accueil__une .vb-carte-art__titre{font-size:clamp(20px,1.9vw,26px)}
.vb-journal-accueil__une .vb-carte-art__chapo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vb-journal-accueil__six{grid-template-columns:minmax(0,1fr);gap:12px}
.vb-journal-accueil__six .vb-carte-art--compacte .vb-carte-art__photo{width:150px;aspect-ratio:4/3;align-self:center;margin:8px 0 8px 8px}
.vb-journal-accueil__six .vb-carte-art__titre{font:600 16px/1.3 var(--vb-ui);letter-spacing:0}
.vb-journal-accueil__six .vb-carte-art__corps{gap:6px;justify-content:center}
.vb-journal-accueil__six .vb-carte-art__meta{margin:0}
.vb-journal-accueil .vb-pilules,.vb-portes .vb-pilules{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.vb-journal-accueil .vb-pilules::-webkit-scrollbar,.vb-portes .vb-pilules::-webkit-scrollbar{display:none}
.vb-journal-accueil .vb-pilules a,.vb-portes .vb-pilules a{white-space:nowrap}
.vb-journal-accueil .vb-pilules{margin-top:20px}
.vb-outil__photo{min-height:220px}
.vb-outil__q{margin-bottom:10px}

/* Index du forum : plus de grand vide sous le bandeau */
.vb-bandeau--forum{padding-bottom:20px}
.vb-forum-index__corps{padding-top:8px}
.vb-forum-index__corps .vb-avert:first-child,.vb-forum-index__corps>.vb-conteneur>.vb-avert{margin-top:8px}

/* Cartes de forum : photo en bandeau (16:7), texte pleine largeur, pied sur une ligne, hauteurs égales */
.vb-cartes-forums{align-items:stretch}
.vb-carte-forum{display:flex;flex-direction:column}
.vb-carte-forum__photo{grid-row:auto;min-height:0;aspect-ratio:16/7;margin:8px 8px 0;flex:none}
.vb-carte-forum__photo img,.vb-carte-forum__photo .vb-photo{width:100%;height:100%;object-fit:cover}
.vb-carte-forum__corps{padding:14px 18px 8px;flex:1 1 auto;display:flex;flex-direction:column}
.vb-carte-forum__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vb-carte-forum .vb-pilules{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}
.vb-carte-forum .vb-pilules::-webkit-scrollbar{display:none}
.vb-carte-forum .vb-pilules a{white-space:nowrap;padding:5px 12px;min-height:30px;font-size:13.5px}
.vb-carte-forum__chiffres{margin-top:auto;padding-top:10px}
.vb-carte-forum__der{margin:0 18px;padding:10px 0 14px;white-space:nowrap;overflow:hidden}
.vb-carte-forum__der>span{overflow:hidden}
.vb-carte-forum__der .vb-vide-txt{overflow:hidden;text-overflow:ellipsis;min-width:0}
.vb-carte-forum__der .vb-lien{flex:none}

/* Pied : « Lire l'avertissement » d'un seul tenant */
.vb-pied__conseil a{white-space:nowrap}

/* Article : H1 qui suit la longueur du titre (4 lignes max à 1440) */
.vb-ea__titre--moyen{font-size:clamp(28px,3vw,44px)}
.vb-ea__titre--long{font-size:clamp(26px,2.5vw,38px);line-height:1.1;letter-spacing:-.025em}

/* Article : rien ne dépasse (vidéos, tableaux, longues adresses) sans toucher au texte ni aux liens */
.sbt-article-corps{min-width:0;overflow-wrap:break-word}
.sbt-article-corps img,.sbt-article-corps video,.sbt-article-corps embed,.sbt-article-corps object{max-width:100%;height:auto}
.sbt-article-corps iframe{max-width:100%}
.sbt-article-corps iframe[src*="youtube"],.sbt-article-corps iframe[src*="vimeo"],.sbt-article-corps iframe[src*="dailymotion"]{width:100%;height:auto;aspect-ratio:16/9;border-radius:14px}
.sbt-article-corps .sbs_tableau,.sbt-article-corps .wp-block-table,.sbt-article-corps figure.wp-block-table{max-width:100%;overflow-x:auto}
.sbt-article-corps>table{display:block;max-width:100%;overflow-x:auto}
.sbt-article-corps a,.sbt-article-corps td,.sbt-article-corps li{overflow-wrap:anywhere}
.sbt-article-corps pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}
.sbt-article-corps [style*="width"]{max-width:100%}

/* Article : fiche auteur du maillage (sb-auteur-fin) habillée dans la charte (elle arrivait presque noire) */
.sbt-article-corps .sb-auteur-fin{background:var(--vb-pale);border:0;border-radius:18px;padding:20px 22px;box-shadow:inset 0 0 0 1px rgba(43,75,242,.14);color:var(--vb-encre)}
.sbt-article-corps .sb-auteur-fin-av{width:56px;height:56px;min-width:56px}
.sbt-article-corps .sb-auteur-fin-nom{font:700 17px/1.25 var(--vb-titre);color:var(--vb-encre)}
.sbt-article-corps .sb-auteur-fin-role{font:600 12px/1.3 var(--vb-ui);color:var(--vb-cobalt-h);letter-spacing:.06em}
.sbt-article-corps .sb-auteur-fin-bio{font:400 16px/1.5 var(--vb-lire);color:var(--vb-encre);opacity:1}
.sbt-article-corps .sb-auteur-fin-lien a{font:600 14px var(--vb-ui);color:var(--vb-cobalt)}

/* Article : « Sources » et « À lire aussi » du contenu en encadrés (classes posées par tout.js) */
.sbt-article-corps h2.vb-enc-t{counter-increment:none;margin:2em 0 0;padding:18px 22px 4px;border-radius:18px 18px 0 0;font:700 13px/1.3 var(--vb-ui);text-transform:uppercase;letter-spacing:.08em}
.sbt-article-corps h2.vb-enc-t::before{content:none;display:none}
.sbt-article-corps .vb-enc-l{margin:0 0 2em;padding:6px 22px 18px 22px;border-radius:0 0 18px 18px;list-style:none;display:grid;gap:6px;font:400 15.5px/1.45 var(--vb-ui)}
.sbt-article-corps .vb-enc-l li{padding-left:18px;position:relative;margin:0}
.sbt-article-corps .vb-enc-l li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:currentColor;opacity:.5}
.sbt-article-corps .vb-enc-t--sources,.sbt-article-corps .vb-enc-l--sources{background:var(--vb-brume);color:var(--vb-sec)}
.sbt-article-corps .vb-enc-t--sources{color:var(--vb-encre)}
.sbt-article-corps .vb-enc-t--lire,.sbt-article-corps .vb-enc-l--lire{background:var(--vb-pale)}
.sbt-article-corps .vb-enc-t--lire{color:var(--vb-cobalt-h)}
.sbt-article-corps .vb-enc-l--lire a{font-weight:600;color:var(--vb-encre)}

@media (max-width:700px){
  /* hero 390 : tout tient dans la largeur, tuiles en grille de 3 */
  .vb-hero__in>*,.vb-hero__droite,.vb-hero__photo,.vb-question{min-width:0;max-width:100%}
  .vb-hero__droite{width:100%}
  .vb-preuves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;width:100%;padding-bottom:0}
  .vb-preuves li{flex:none;padding:10px;min-width:0}
  .vb-preuves li:nth-child(n+4){display:none}
  .vb-preuves b{font-size:24px}
  .vb-preuves span{font-size:12px;line-height:1.25}
  .vb-preuves .vb-preuves__age{font-size:15px!important;padding-top:4px;white-space:nowrap}
  .vb-question .vb-pilules{max-width:100%}
  .vb-journal-accueil__six{grid-template-columns:minmax(0,1fr)}
  .vb-journal-accueil__six .vb-carte-art--compacte{flex-direction:row}
  .vb-journal-accueil__six .vb-carte-art--compacte .vb-carte-art__photo{width:104px;aspect-ratio:1/1;margin:8px 0 8px 8px}
  .vb-carte-forum__photo{aspect-ratio:16/7}
  .vb-carte-forum__der{margin:0 16px}
  .vb-ea__titre--long{font-size:26px}
  .vb-ea__titre--moyen{font-size:28px}
  /* pied = bas de page : la place de la barre d'onglets est dans le pied, pas sous lui */
  body{padding-bottom:0}
  .sbt-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
/* La fiche auteur du maillage double le bloc « Écrit par » du thème : on ne garde que celui du thème quand il est là */
body:has(.sbt-auteur) .sbt-article-corps .sb-auteur-fin{display:none}
/* Passe 2 : « une » du journal sans trou blanc (l'espace en trop va à la photo), 3 brèves à droite, bandes ≤ 700 px */
.vb-journal-accueil__une .vb-carte-art--grande{height:100%}
.vb-journal-accueil__une .vb-carte-art__photo{flex:1 1 auto;aspect-ratio:auto;min-height:200px;max-height:none}
.vb-journal-accueil__une .vb-carte-art__photo img{width:100%;height:100%;object-fit:cover}
.vb-journal-accueil__une .vb-carte-art__corps{flex:none}
.vb-journal-accueil__six .vb-carte-art--compacte .vb-carte-art__photo{width:132px}
.vb-discute{padding-bottom:36px}
.vb-outil__carte{padding:28px 32px}
@media (max-width:700px){
  .vb-journal-accueil__six .vb-carte-art--compacte .vb-carte-art__photo{width:104px}
  .vb-journal-accueil__une .vb-carte-art__photo{min-height:0;aspect-ratio:16/9;flex:none}
  .vb-outil__carte{padding:20px}
}
.vb-journal-accueil__une .vb-carte-art__photo{flex:1 1 0;position:relative}
.vb-journal-accueil__une .vb-carte-art__photo img{position:absolute;inset:0}
@media (max-width:700px){.vb-journal-accueil__une .vb-carte-art__photo{flex:none;position:static}.vb-journal-accueil__une .vb-carte-art__photo img{position:static}}


/* ---------- 20. Passe 2 (29/10/2026) : pages annexes, fil, réponse, profil, rubrique, journal ---------- */
/* Écarts bandeau -> contenu : 40-56 px, plus jamais 96-150 px */
.vb-annexe{padding-top:12px}
.vb-page-corps{padding-top:16px}
.vb-bandeau--page{padding-bottom:12px}
.vb-fil__entete{padding:24px 0 4px}
.vb-fil__corps-bande{padding-top:0}
.vb-fil__entete .vb-avert{margin-bottom:0}

/* Notre équipe : 3 colonnes qui remplissent la ligne, la 3e = les membres du forum (carte nuit) */
.vb-equipe{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.vb-membre__photo{aspect-ratio:auto;height:clamp(300px,30vw,380px)}
.vb-membre__corps{flex:1;align-content:start;gap:8px}
.vb-membre__corps>.vb-btn{margin-top:auto;justify-self:start}
.vb-membre__suit a{color:inherit;text-decoration:none}.vb-membre__suit a:hover{text-decoration:underline}
.vb-membre__suit .vb-tab{color:var(--vb-sec);font-weight:500}
.vb-membre--forum{background:var(--vb-nuit);color:var(--vb-nuit-txt);background-image:radial-gradient(120% 80% at 100% 0,rgba(43,75,242,.45),transparent 60%)}
.vb-membre__forum-tete{height:clamp(300px,30vw,380px);display:grid;place-items:center;align-content:center;gap:22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.vb-membre__forum-tete .vb-ic{width:56px;height:56px;padding:14px;border-radius:16px;background:var(--vb-cobalt);box-sizing:border-box}
.vb-membre__forum-tete .vb-pile .vb-av{border-color:var(--vb-nuit);width:44px;height:44px;margin-left:-12px}
.vb-membre__forum-tete .vb-pile .vb-av:first-child{margin-left:0}
.vb-membre--forum .vb-membre__nom{color:#fff}
.vb-membre__bio--nuit{color:var(--vb-nuit-txt)}
.vb-membre__chiffres{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.vb-membre__chiffres li{display:grid;gap:2px}
.vb-membre__chiffres b{font:800 26px/1 var(--vb-titre);color:#fff}
.vb-membre__chiffres span{font-size:13px;color:var(--vb-nuit-mention)}
.vb-membre__actions{display:flex;gap:10px;flex-wrap:wrap;margin:auto 0 0;padding-top:10px}
.vb-btn--clair{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.vb-btn--clair:hover{background:#fff;color:var(--vb-encre)}

/* Qui sommes-nous : pseudonymes + éditeur côte à côte (plus de demi-carte vide) */
.vb-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;align-items:stretch}
.vb-duo>.vb-bloc{margin-bottom:0;display:flex;flex-direction:column}
.vb-duo>.vb-bloc>:last-child{margin-top:auto}
.vb-signataires{list-style:none;margin:4px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}
.vb-signataires a{display:flex;gap:10px;align-items:center;color:var(--vb-encre);text-decoration:none}
.vb-signataires img,.vb-signataires .vb-av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.vb-signataires span{display:grid;line-height:1.25}.vb-signataires small{color:var(--vb-sec);font-size:13px}

/* Contact (passe 3) : formulaire compact au-dessus du pli ; chaque colonne garde sa hauteur (un panneau blanc étiré laissait 120 px vides sous le bouton) */
.vb-contact{align-items:start}
.vb-contact__form textarea{min-height:140px}
.vb-contact__cote{display:flex;flex-direction:column;gap:16px}
.vb-contact__forum{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;border-radius:24px;padding:clamp(20px,3vw,32px);background:var(--vb-nuit);color:var(--vb-nuit-txt);background-image:radial-gradient(120% 90% at 100% 0,rgba(43,75,242,.45),transparent 60%)}
.vb-contact__forum .vb-h3{color:#fff;margin:0}
.vb-contact__forum p{margin:0;max-width:46ch}
.vb-contact__forum>.vb-ic{color:var(--vb-ambre)}

/* Rubrique : cartes secondaires de la une = photo qui prend la hauteur, texte ramassé dessous */
.vb-rubrique__deux{grid-template-rows:repeat(2,minmax(0,1fr))}
.vb-rubrique__deux .vb-carte-art--compacte{flex-direction:column;height:100%}
.vb-rubrique__deux .vb-carte-art--compacte .vb-carte-art__photo{width:auto;margin:8px 8px 0;flex:1 1 0;min-height:120px;position:relative;aspect-ratio:auto}
.vb-rubrique__deux .vb-carte-art--compacte .vb-carte-art__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vb-rubrique__deux .vb-carte-art--compacte .vb-carte-art__corps{flex:none;gap:10px}
/* Barre de profondeur : filet fin sous la ligne (plus de fond bleu qui s'arrête au milieu) */
.vb-rang--art .vb-rang__barre{inset:auto auto 0 0;height:3px;background:var(--vb-cobalt);opacity:.55;z-index:1;border-radius:0 3px 3px 0}

/* Journal : index des mois + résumé + « Afficher plus » dans le mois */
.vb-releve__l[hidden],.vb-releve__plus[hidden]{display:none}
.vb-releve__index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.vb-releve__index a{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--vb-filet);color:var(--vb-encre);text-decoration:none;font-size:14px}
.vb-releve__index a:hover{box-shadow:inset 0 0 0 1.5px var(--vb-cobalt)}
.vb-releve__index b{font:700 14px var(--vb-ui);color:var(--vb-cobalt)}
.vb-releve__resume{margin:0;padding:10px 22px;font-size:14px;color:var(--vb-sec);border-bottom:1px solid var(--vb-filet)}
.vb-releve__plus{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0;padding:16px 22px;border-top:1px solid var(--vb-filet)}
.vb-releve__plus small{color:var(--vb-sec);font-size:13px}

/* Fiche auteur : portrait dans la bande (plus de débordement), carte « Ses rubriques » à droite */
.vb-auteur-bandeau{padding:28px 0 36px}
.vb-auteur-bandeau__in{grid-template-columns:200px minmax(0,1fr) minmax(260px,320px);gap:36px;align-items:center}
.vb-auteur-bandeau__portrait{width:200px;height:240px;border-radius:24px;margin:0;align-self:center;box-shadow:0 0 0 5px #fff,var(--vb-ombre)}
.vb-releve--auteur{padding-top:40px}
.vb-auteur-rubs{background:#fff;border-radius:20px;box-shadow:var(--vb-ombre);padding:20px}
.vb-auteur-rubs__t{font:700 16px/1.2 var(--vb-titre);margin:0 0 14px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.vb-auteur-rubs__t small{font:500 12.5px var(--vb-ui);color:var(--vb-sec)}
.vb-auteur-rubs ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vb-auteur-rubs li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;overflow:hidden;isolation:isolate;font-size:14.5px}
.vb-auteur-rubs li::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--part,0%);background:var(--vb-pale);z-index:-1}
.vb-auteur-rubs a{color:var(--vb-encre);text-decoration:none;font-weight:600}.vb-auteur-rubs a:hover{color:var(--vb-cobalt)}

/* Page d'une réponse et profil : même habillage que le fil */
.vb-fil--reponse .vb-fil__meta>p:first-of-type a{color:var(--vb-encre);font-weight:600}
.vb-fil__retour{margin:16px 0 0}
.vb-fil__retour .vb-lien{display:inline-flex;gap:8px;align-items:center}
.vb-cote__qui{display:flex;gap:10px;align-items:center;margin:0 0 8px;font-size:14px}
.vb-cote__extrait{margin:0 0 10px;font:400 16px/1.5 var(--vb-lire);color:var(--vb-sec)}
.vb-cote__poser p{margin:0 0 12px;font-size:14.5px;color:var(--vb-sec)}
.vb-profil__tete{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin:10px 0 20px}
.vb-profil__tete .vb-av,.vb-profil__av{width:112px;height:112px;font-size:44px;box-shadow:0 0 0 5px #fff,var(--vb-ombre)}
.vb-profil__id .vb-fil__titre{margin:0 0 8px}
.vb-profil__id .vb-kicker{margin-bottom:8px}
.vb-profil__niv{display:flex;gap:14px;flex-wrap:wrap;margin:0;color:var(--vb-sec);font-size:14px}
.vb-profil__chiffres{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.vb-profil__chiffres li{background:#fff;border-radius:16px;box-shadow:var(--vb-ombre);padding:14px 20px;display:grid;gap:4px;min-width:110px}
.vb-profil__chiffres b{font:800 30px/1 var(--vb-titre);color:var(--vb-encre)}
.vb-profil__chiffres span{font-size:13px;color:var(--vb-sec)}
.vb-profil__msgs{display:grid;gap:12px}
.vb-profil__msg{background:#fff;border-radius:18px;box-shadow:var(--vb-ombre);padding:18px 22px;border-left:4px solid var(--vb-pale)}
.vb-profil__ou{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 8px}
.vb-profil__ou a{font:700 17px/1.3 var(--vb-titre);color:var(--vb-encre);text-decoration:none}.vb-profil__ou a:hover{color:var(--vb-cobalt)}
.vb-profil__extrait{margin:0 0 8px;font:400 17px/1.55 var(--vb-lire);color:var(--vb-encre)}
.vb-profil__quand{margin:0;font-size:13px;color:var(--vb-sec)}

/* Pages guides (vente à découvert, pseudonymes) : le texte est mis en blocs */
.vb-page--guide .sbt-article-corps{counter-reset:vbsec}
.vb-page--guide .sbt-article-corps>h2{counter-increment:vbsec;display:flex;gap:14px;align-items:center;padding-top:22px;border-top:1px solid var(--vb-filet)}
.vb-page--guide .sbt-article-corps>h2::before{content:counter(vbsec);flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--vb-pale);color:var(--vb-cobalt);font:800 18px/1 var(--vb-titre)}
.vb-page--guide .sbt-article-corps>ul{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-wrap:wrap;gap:12px}
.vb-page--guide .sbt-article-corps>ul>li{flex:1 1 220px;min-width:0}
.vb-page--guide .sbt-article-corps>ul>li{margin:0;background:var(--vb-brume);border-radius:16px;padding:16px 18px 16px 48px;position:relative;font-size:16.5px;line-height:1.5}
.vb-page--guide .sbt-article-corps>ul>li::before{content:"";position:absolute;left:16px;top:19px;width:18px;height:18px;border-radius:6px;background:var(--vb-cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.vb-page--guide .sbt-article-corps>ul>li strong{display:block;font-family:var(--vb-ui);margin-bottom:2px}
.vb-page--guide .sbt-article-corps>p>em:only-child{display:block;background:var(--vb-ambre-pale);border-radius:14px;padding:12px 16px;font-style:normal;font-size:15px;box-shadow:inset 4px 0 0 var(--vb-ambre)}

@media (max-width:900px){
  .vb-equipe,.vb-duo{grid-template-columns:minmax(0,1fr)}
  .vb-membre__photo,.vb-membre__forum-tete{height:300px}
  .vb-auteur-bandeau__in{grid-template-columns:minmax(0,1fr)}
  .vb-auteur-bandeau__portrait{width:140px;height:168px}
  .vb-profil__tete{grid-template-columns:auto minmax(0,1fr);gap:16px}
  .vb-profil__tete .vb-av,.vb-profil__av{width:80px;height:80px;font-size:32px}
  .vb-profil__chiffres{grid-column:1/-1}
  .vb-profil__chiffres li{flex:1;min-width:0;padding:12px 14px}
  .vb-rubrique__deux{grid-template-rows:none}
  .vb-rubrique__deux .vb-carte-art--compacte .vb-carte-art__photo{flex:none;aspect-ratio:3/2;position:static}
  .vb-rubrique__deux .vb-carte-art--compacte .vb-carte-art__photo img{position:static}
}
@media (max-width:480px){
  .vb-ea__titre{font-size:24px;line-height:1.12}
  .vb-releve__resume,.vb-releve__plus{padding-inline:14px}
  .vb-page--guide .sbt-article-corps>ul>li{flex-basis:100%}
}
/* Profil à 390 : le pseudo (un seul mot long) ne pousse plus la page de 9 px */
.vb-profil{overflow-x:clip}.vb-profil__id{min-width:0}.vb-profil__id .vb-fil__titre{overflow-wrap:anywhere;font-size:clamp(26px,3vw,40px)}
.vb-profil__id .vb-fil__titre{overflow-wrap:normal;word-break:normal}
@media (max-width:480px){.vb-profil__id .vb-fil__titre{font-size:22px}}

/* ---------- Contact compact (passe 3, 29/10) : le formulaire tient ENTIER au-dessus du pli à 1920×950, 1440×780 et 390×700 (barre d'onglets mobile de 64 px comprise) ---------- */
.vb-bandeau--contact{padding:14px 0 18px}
.vb-bandeau--contact .vb-bandeau__in{gap:28px}
.vb-bandeau--contact .vb-ariane ol{margin-bottom:6px}
.vb-bandeau--contact .vb-kicker{margin-bottom:4px}
.vb-bandeau--contact .vb-bandeau__titre{font-size:clamp(30px,3vw,42px);margin:0 0 6px}
.vb-bandeau--contact .vb-bandeau__chapo{font-size:17px;margin:0}
.vb-bandeau--contact .vb-bandeau__photo{height:136px}
.vb-bandeau--contact+.vb-annexe{padding-top:14px}
.vb-contact__form.vb-panneau{padding:clamp(16px,2vw,26px)}
.vb-contact__form .vb-outil__q{margin:0 0 4px}
.vb-contact__form .vb-outil__q legend{margin-bottom:6px}
.vb-contact__duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.vb-contact__champ{margin:0}
.vb-contact__form .vb-etiquette{margin:10px 0 5px}
.vb-contact__form textarea.vb-champ{min-height:90px;height:90px;font-size:17px}
.vb-contact__form .vb-btn{margin-top:12px}
@media (max-width:700px){
  .vb-bandeau--contact{padding:10px 0 12px}
  .vb-bandeau--contact .vb-ariane,.vb-bandeau--contact .vb-kicker{display:none}
  .vb-bandeau--contact .vb-bandeau__titre{font-size:28px;margin-bottom:4px}
  .vb-bandeau--contact .vb-bandeau__chapo{font-size:15px;line-height:1.4}
  .vb-bandeau--contact+.vb-annexe{padding-top:10px}
  .vb-contact__form.vb-panneau{padding:14px;border-radius:18px}
  .vb-contact__form .vb-outil__choix{gap:6px}
  .vb-contact__form .vb-outil__choix span{min-height:36px;padding:6px 12px;font-size:14px}
  .vb-contact__duo{gap:8px}
  .vb-contact__form .vb-etiquette{margin:8px 0 4px;font-size:13.5px}
  .vb-contact__form .vb-champ{min-height:44px}
  .vb-contact__form textarea.vb-champ{height:84px;min-height:84px}
  .vb-contact__form .vb-btn{margin-top:10px;width:100%;justify-content:center}
}

/* Rail d'article (passe 3) : sommaire + progression + question tiennent dans 1440×780 sous l'en-tête collant */
.vb-art .sbt-rail{gap:12px}
.vb-art .sbt-rail .sbt-rail-carte.vb-rail-prog{padding:12px 14px}
.vb-art .sbt-rail .vb-rail-prog__t{margin-bottom:8px}
.vb-art .sbt-rail .vb-marches{height:24px}
.vb-art .sbt-rail .vb-rail-question{padding:14px}
.vb-art .sbt-rail .sbt-sommaire li a{padding:4px 0}
.vb-art .sbt-rail .sbt-sommaire-libelle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.vb-contact__cote{gap:12px}
.vb-contact__aide{padding:18px 22px}
.vb-contact__aide .vb-h3{margin:0 0 8px}
.vb-contact__forum{padding:18px 22px;gap:8px}
@media (max-width:700px){
  /* contact mobile : la photo reste affichée, en vignette à droite du titre (aucune hauteur ajoutée) */
  .vb-bandeau--contact .vb-bandeau__in{grid-template-columns:minmax(0,1fr) 84px;gap:12px;align-items:start}
  .vb-bandeau--contact .vb-bandeau__photo{display:block;order:0;height:72px;margin-top:4px}
  .vb-bandeau--contact .vb-bandeau__photo>.vb-photo{clip-path:none;border-radius:14px}
  .vb-bandeau--contact .vb-bandeau__photo .vb-filet{display:none}
}

/* 21. Logo : pictogramme en <img> (même fichier que la favicon) + nom en SVG (29/10, livraison item 1) */
.vb-logo{align-items:center;gap:9px}.vb-logo__signe{display:block;width:34px;height:34px;flex:none}
@media (max-width:700px){.vb-logo__signe{width:28px;height:28px}}

/* Passe 4 : accueil de forum, bandeaux sombres, pages annexes en bandes */
.vb-rang--fil{grid-template-columns:minmax(0,1fr) auto;padding:7px 14px}
.vb-rang--fil .vb-rang__titre{margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.vb-rang--fil .vb-rang__meta{gap:4px 8px}
.vb-discute__nb{font:500 14px/1 var(--vb-ui);color:var(--vb-sec);margin-left:10px;letter-spacing:0;vertical-align:middle;white-space:nowrap}
.vb-porte__age{opacity:.8}
.vb-bandeau--nuit{background:var(--vb-nuit);color:var(--vb-nuit-txt);position:relative;overflow:hidden}
.vb-bandeau--nuit::before{content:"";position:absolute;right:-10%;top:-60%;width:60%;height:180%;background:radial-gradient(closest-side,rgba(43,75,242,.32),transparent);pointer-events:none}
.vb-bandeau--nuit>*{position:relative}
.vb-bandeau--nuit .vb-bandeau__titre{color:#fff}
.vb-bandeau--nuit .vb-bandeau__chapo{color:var(--vb-nuit-txt)}
.vb-bandeau--nuit .vb-kicker{color:#9DB0FF}
.vb-bandeau--nuit .vb-ariane ol,.vb-bandeau--nuit .vb-ariane a,.vb-bandeau--nuit .vb-ariane li+li::before{color:var(--vb-nuit-mention)}
.vb-bandeau--nuit .vb-ariane a:hover{color:#fff}
.vb-bandeau--contact.vb-bandeau--nuit{padding:22px 0 26px}
.vb-bandeau--contact .vb-bandeau__photo{height:196px}
.vb-bandeau--tableau{padding:34px 0 44px}
.vb-tableau{background:#16224A;border-radius:0 0 24px 24px;padding:34px 26px 22px;clip-path:polygon(0 2px,25% 2px,25% 16px,75% 16px,75% 2px,100% 2px,100% 100%,0 100%)}
.vb-tableau__t{margin:0 0 6px;font:600 14px/1.3 var(--vb-ui);color:var(--vb-ambre)}
.vb-tableau__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}
.vb-tableau__l>div{padding:12px 0 10px;border-top:1px solid rgba(255,255,255,.12)}
.vb-tableau__l dt{font-size:13.5px;color:var(--vb-nuit-txt)}
.vb-tableau__l dd{margin:2px 0 0;font:800 clamp(30px,2.8vw,42px)/1.05 var(--vb-titre);color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.vb-tableau__der{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none}
.vb-tableau__der:hover{background:rgba(255,255,255,.12)}
.vb-tableau__der small{display:block;color:var(--vb-nuit-txt);font-size:12.5px;margin-bottom:2px}
.vb-tableau__der b{font:600 15px/1.3 var(--vb-ui)}
.vb-annexe-nuit{padding:52px 0 56px}
.vb-annexe-nuit .vb-h2{margin:0 0 22px}
.vb-cartes-3--nuit .vb-carte-ic{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.vb-cartes-3--nuit .vb-carte-ic .vb-ic{color:var(--vb-ambre)}
.vb-cartes-3--nuit .vb-carte-ic p{color:var(--vb-nuit-txt)}
.vb-annexe-nuit+.vb-annexe{padding-top:40px}
.vb-annexe--pale{padding:40px 0 16px}
.vb-annexe--pale .vb-bloc--pseudo{background:#fff;box-shadow:var(--vb-ombre)}
.vb-page--guide .sbt-article-corps>ul{display:block;column-count:2;column-gap:12px}
.vb-page--guide .sbt-article-corps>ul>li{display:block;break-inside:avoid;margin:0 0 12px}
@media (max-width:1023px){.vb-bandeau--tableau .vb-bandeau__in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .vb-rang--fil{grid-template-columns:minmax(0,1fr);padding:9px 12px}
  .vb-rang--fil .vb-rang__titre{-webkit-line-clamp:2}
  .vb-discute__nb{display:block;margin:6px 0 0}
  .vb-bandeau--contact.vb-bandeau--nuit{padding:10px 0 12px}
  .vb-bandeau--contact .vb-bandeau__photo{height:72px}
  .vb-bandeau--tableau{padding:18px 0 26px}
  .vb-tableau{padding:24px 16px 16px}
  .vb-tableau__l dd{font-size:28px}
  .vb-annexe-nuit{padding:36px 0 40px}
  .vb-page--guide .sbt-article-corps>ul{column-count:1}
}
.vb-rang--fil .vb-rang__meta{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.vb-rang--fil .vb-rang__meta>*{flex:none}
.vb-rang--fil .vb-rang__forum{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.vb-rang--fil .vb-tag{display:none}
@media (max-width:700px){.vb-rang--fil .vb-rang__meta{flex-wrap:wrap;white-space:normal}}
.vb-forum__ens{margin:0 0 12px}
.vb-faits .vb-age{font:600 15px/1.2 var(--vb-ui)!important;letter-spacing:0!important;word-spacing:normal!important;padding-top:0;color:var(--vb-encre)}

/* ===== Passe 5 (29/10) : finitions du jugement visuel n°2 ===== */
/* 1. Journal de l'accueil : une seule colonne sous 1024 px ; sur téléphone, grande carte pleine largeur puis lignes vignette + titre entier. */
@media (max-width:1023px){.vb-journal-accueil__grille{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .vb-journal-accueil__une .vb-carte-art__titre{font-size:20px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .vb-journal-accueil__six{grid-template-columns:minmax(0,1fr);gap:10px}
  .vb-journal-accueil__six .vb-carte-art--compacte{flex-direction:row;align-items:center}
  .vb-journal-accueil__six .vb-carte-art--compacte .vb-carte-art__photo{width:88px;height:88px;aspect-ratio:1/1;margin:8px 0 8px 8px;flex:none}
  .vb-journal-accueil__six .vb-carte-art__corps{padding:10px 14px;min-width:0}
  .vb-journal-accueil__six .vb-carte-art__titre{font:600 15.5px/1.3 var(--vb-ui);overflow-wrap:anywhere}
}
/* 2. Rangées de discussion : plus d'aplat de profondeur coupé au milieu du titre ; vignette = avatar de l'auteur. */
.vb-rang:not(.vb-rang--art) .vb-rang__barre{display:none}
.vb-rang--av{grid-template-columns:48px minmax(0,1fr) auto}
.vb-rang__vign--av{width:48px;height:48px;border-radius:50%;overflow:hidden;align-self:center}
.vb-rang__vign--av img{width:48px;height:48px;border-radius:50%;display:block}
@media (max-width:700px){
  .vb-rang--av{grid-template-columns:40px minmax(0,1fr)}
  .vb-rang__vign--av,.vb-rang__vign--av img{width:40px;height:40px}
}
/* Sous-forums : une grille qui passe à la ligne, jamais une carte coupée par le bord (défilement gardé sur téléphone). */
@media (min-width:701px){.vb-sousforums{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow:visible}.vb-sousforum{flex:none}}
/* Index du forum : cartes en 3 colonnes + carte « Derniers messages », repères en rangée dessous (plus de colonne vide). */
.vb-forum-index__grille--plein{grid-template-columns:minmax(0,1fr)}
.vb-cartes-forums--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vb-carte-direct{background:var(--vb-nuit);color:var(--vb-nuit-txt);border-radius:18px;box-shadow:var(--vb-ombre);padding:20px 20px 16px;display:flex;flex-direction:column;min-width:0}
.vb-carte-direct .vb-cote__t{color:#fff}
.vb-direct{list-style:none;display:grid;gap:14px;margin:0 0 12px}
.vb-direct li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}
.vb-direct li img{border-radius:50%}
.vb-direct span{display:grid;gap:2px;min-width:0}
.vb-direct a{color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;line-height:1.35}
.vb-direct a:hover{color:var(--vb-pale);text-decoration:underline}
.vb-direct small{font-size:12.5px;color:var(--vb-nuit-mention)}
.vb-carte-direct__pied{margin:auto 0 0}
.vb-carte-direct__pied .vb-lien{color:#fff}
.vb-cote--rangee{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;margin-top:4px}
@media (max-width:1180px){.vb-cartes-forums--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.vb-cartes-forums--3,.vb-cote--rangee{grid-template-columns:minmax(0,1fr)}}
/* Encadré vigilance : intro + 3 réflexes, liens calés en bas (aucun vide jaune sous le texte). */
.vb-encadre-vigie{display:flex;flex-direction:column}
.vb-encadre-vigie__intro{margin:0 0 12px;color:var(--vb-encre);font-size:15.5px}
.vb-encadre-vigie .vb-verifs{gap:12px;margin-bottom:20px}
.vb-encadre-vigie .vb-verifs b{display:block;color:var(--vb-encre)}
.vb-encadre-vigie__liens{margin-top:auto}
/* 3. Menu : un peu d'air entre « À propos » et la recherche, à toutes les largeurs de bureau. */
.vb-nav{margin-right:8px}
@media (min-width:1100px){.vb-nav__it>a{padding:9px 11px}.vb-recherche input{width:128px}}
@media (max-width:1300px) and (min-width:1100px){.vb-nav__it>a{padding:9px 9px}.vb-recherche input{width:104px}.vb-entete__droite{gap:10px}}
/* Colonne d'un sujet : cartes d'articles compactes lisibles (titre en caractères d'interface, vignette carrée). */
.vb-cote .vb-carte-art--compacte{box-shadow:none;background:var(--vb-brume);align-items:flex-start}
.vb-cote .vb-carte-art--compacte+.vb-carte-art--compacte{margin-top:10px}
.vb-cote .vb-carte-art--compacte .vb-carte-art__photo{width:84px;height:84px;aspect-ratio:1/1;margin:8px 0 8px 8px;flex:none}
.vb-cote .vb-carte-art__corps{padding:10px 12px;gap:6px;min-width:0}
.vb-cote .vb-carte-art__titre{font:600 15px/1.3 var(--vb-ui);letter-spacing:0;overflow-wrap:anywhere}
.vb-cote .vb-carte-art__meta{font-size:12.5px}
@media (max-width:700px){.vb-cote .vb-carte-art--compacte{flex-direction:row}}
/* Vigilance sur téléphone : cartes en lignes (vignette + titre), comme le journal. */
@media (max-width:700px){
  .vb-vigilance__cartes .vb-carte-art--compacte{flex-direction:row;align-items:center}
  .vb-vigilance__cartes .vb-carte-art--compacte .vb-carte-art__photo{width:88px;height:88px;aspect-ratio:1/1;margin:8px 0 8px 8px;flex:none}
  .vb-vigilance__cartes .vb-carte-art__corps{padding:10px 14px;min-width:0}
  .vb-vigilance__cartes .vb-carte-art__titre{font:600 15.5px/1.3 var(--vb-ui)}
}