/* ── Base ─────────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
.vs-page{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;color:#222;background:#f4f5f7;min-height:100vh}
.vs-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ── Header ───────────────────────────────────────────────────────────────── */
.vs-header{background:#1a1a2e;padding:40px 0 32px}
.vs-header h1,.vs-header h1 a{font-size:1.6rem;font-weight:700;color:#fff;line-height:1.3;margin:0 0 10px;text-decoration:none}
.vs-header h1 a:hover{text-decoration:underline}
.vs-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.vs-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);color:#9fa5ad;font-size:12px;font-weight:500;padding:3px 12px;border-radius:20px}
.vs-badge--blue{background:rgba(74,108,247,.25);color:#8eabff}
.vs-badge--amber{color:#f0a500;background:rgba(240,165,0,.15)}
.vs-badge--cat{background:rgba(255,255,255,.15);color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.25)}

/* ── Toolbar filtres + toggle ─────────────────────────────────────────────── */
.vs-toolbar{background:#fff;border-bottom:1px solid #e4e6ee;position:sticky;top:0;z-index:100}
.vs-toolbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}

.vs-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vs-filter-btn{font-size:13px;font-weight:500;color:#555;background:#f4f5f7;border:1px solid #e4e6ee;padding:5px 14px;border-radius:20px;text-decoration:none;transition:.15s;display:inline-flex;align-items:center;gap:5px}
.vs-filter-btn:hover{background:#e8eaf0;color:#1a1a2e}
.vs-filter-btn.is-active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}
.vs-filter-count{font-size:11px;opacity:.7}

.vs-view-toggle{display:flex;gap:4px}
.vs-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#555;background:#f4f5f7;border:1px solid #e4e6ee;padding:6px 14px;border-radius:6px;cursor:pointer;transition:.15s}
.vs-toggle-btn:hover{background:#e8eaf0;color:#1a1a2e}
.vs-toggle-btn.is-active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}

/* ── Corps archive ────────────────────────────────────────────────────────── */
.vs-archive-body{padding:28px 0 60px}

/* ── VUE CARTES ───────────────────────────────────────────────────────────── */
.vs-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}

.vs-card{background:#fff;border-radius:10px;border:1px solid #e4e6ee;display:flex;flex-direction:column;transition:box-shadow .2s,transform .15s}
.vs-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.09);transform:translateY(-2px)}

.vs-card__inner{display:flex;flex-direction:column;gap:8px;padding:20px 20px 14px;text-decoration:none;color:inherit}
.vs-card__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.vs-card__date{font-size:11px;color:#9fa5ad}
.vs-card__badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.vs-card__count{font-size:11px;font-weight:600;color:#4a6cf7;background:#f0f4ff;border-radius:20px;padding:2px 8px}
.vs-cat-badge{font-size:11px;font-weight:600;color:#fff;background:#1a1a2e;border-radius:20px;padding:2px 8px}
.vs-card__title{font-size:.95rem;font-weight:700;color:#1a1a2e;line-height:1.4;margin:0}
.vs-card__excerpt{font-size:13px;color:#555;line-height:1.55;margin:0}

/* Vignettes sources sous la card */
.vs-card__sources{display:flex;align-items:center;gap:8px;padding:0 20px 12px;flex-wrap:wrap}
/* Source chips dans les cards */
.vs-src-chip{display:inline-flex;align-items:center;gap:7px;background:#f4f5f7;border:1px solid #e4e6ee;border-radius:6px;padding:4px 10px 4px 4px;text-decoration:none;transition:.15s;max-width:180px}
.vs-src-chip:hover{background:#ebedf5;border-color:#d0d3e0;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.vs-src-chip__img{width:32px;height:32px;border-radius:4px;object-fit:cover;display:block;flex-shrink:0}
.vs-src-chip__placeholder{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:rgba(255,255,255,.95);flex-shrink:0}
.vs-src-chip__name{font-size:11px;font-weight:600;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vs-src-chip--more{background:#f4f5f7;border:1px solid #e4e6ee;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:#777}

/* Angles PDV sous la card */
.vs-card__pdv{display:flex;gap:5px;padding:0 20px 8px;flex-wrap:wrap}
.vs-pdv-tag{font-size:11px;color:#4a6cf7;background:#f0f4ff;border-radius:4px;padding:2px 8px;border-left:2px solid #4a6cf7}

.vs-card__cta{font-size:13px;font-weight:600;color:#4a6cf7;padding:10px 20px 16px;text-decoration:none;display:block}

/* ── VUE TABLEAU (style POC) ──────────────────────────────────────────────── */
.vs-table-wrap{overflow-x:auto;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.07)}
.vs-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
.vs-table thead th{background:#1a1a2e;color:#fff;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.vs-table tbody tr{border-bottom:1px solid #eef0f5}
.vs-table tbody tr:last-child{border-bottom:none}
.vs-table tbody tr:hover td{background:#fafbff}
.vs-table td{padding:16px;vertical-align:top}

.vs-table__title{font-size:14px;font-weight:700;color:#1a1a2e;text-decoration:none;display:block;margin-bottom:5px;line-height:1.3}
.vs-table__title:hover{color:#4a6cf7}
.vs-table__meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;color:#9fa5ad}
.vs-table__synthese{font-size:13px;color:#333;line-height:1.6}

.vs-tpdv{margin-bottom:10px;padding:8px 10px;background:#f0f4ff;border-left:3px solid #4a6cf7;border-radius:0 5px 5px 0}
.vs-tpdv:last-child{margin-bottom:0}
.vs-tpdv__angle{font-weight:700;font-size:12px;color:#4a6cf7;margin-bottom:2px}
.vs-tpdv__source{font-size:11px;color:#888;margin-bottom:4px}
.vs-tpdv__resume{font-size:12px;color:#444;line-height:1.5}

.vs-tsrc{margin-bottom:8px}
.vs-tsrc:last-child{margin-bottom:0}
.vs-tsrc a{display:flex;gap:10px;align-items:flex-start;text-decoration:none;color:inherit}
.vs-tsrc img,.vs-tsrc__placeholder{width:64px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:rgba(255,255,255,.9)}
.vs-tsrc__info{flex:1;min-width:0}
.vs-tsrc__title{font-size:12px;font-weight:500;color:#1a1a2e;display:block;line-height:1.3;margin-bottom:3px}
.vs-tsrc__name{font-size:11px;color:#888}

/* ── Single page ─────────────────────────────────────────────────────────── */
.vs-single-body{padding:0}
.vs-section{padding:44px 0}
.vs-section--white{background:#fff}
.vs-section--light{background:#f4f5f7}
.vs-section__title{font-size:.85rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e4e6ee}
.vs-synthese-text{font-size:15px;line-height:1.8;color:#333}
.vs-pdv-list{display:flex;flex-direction:column;gap:10px}
.vs-pdv-item{background:#f0f4ff;border-left:3px solid #4a6cf7;border-radius:0 6px 6px 0;padding:12px 16px}
.vs-pdv-angle{font-size:13px;font-weight:700;color:#4a6cf7;margin-bottom:2px}
.vs-pdv-source{font-size:11px;color:#888;margin-bottom:5px}
.vs-pdv-resume{font-size:13px;color:#444;line-height:1.6}
.vs-sources-list{display:flex;flex-direction:column;gap:10px}
.vs-source-item a{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;padding:14px;background:#fff;border:1px solid #e4e6ee;border-radius:8px;transition:box-shadow .2s}
.vs-source-item a:hover{box-shadow:0 3px 12px rgba(0,0,0,.07)}
.vs-source-thumb{width:80px;height:56px;object-fit:cover;border-radius:5px;flex-shrink:0}
.vs-source-placeholder{width:80px;height:56px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:rgba(255,255,255,.9)}
.vs-source-info{flex:1;min-width:0}
.vs-source-title{font-size:13px;font-weight:600;color:#1a1a2e;display:block;line-height:1.4;margin-bottom:4px}
.vs-source-name{font-size:11px;color:#888}

/* ── Pagination ──────────────────────────────────────────────────────────── */
.vs-pagination{display:flex;gap:8px;margin-top:32px;flex-wrap:wrap}
.vs-pagination .page-numbers{padding:6px 14px;border-radius:6px;border:1px solid #e4e6ee;font-size:13px;text-decoration:none;color:#1a1a2e;background:#fff;transition:.15s}
.vs-pagination .page-numbers:hover{background:#f4f5f7}
.vs-pagination .page-numbers.current{background:#1a1a2e;color:#fff;border-color:#1a1a2e}
.vs-empty{text-align:center;padding:60px;color:#888;font-style:italic}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media(max-width:640px){
  .vs-header h1{font-size:1.3rem}
  .vs-toolbar__inner{flex-direction:column;align-items:flex-start}
  .vs-archive-grid{grid-template-columns:1fr}
  .vs-section{padding:28px 0}
}

/* ── Site header ─────────────────────────────────────────────────────────── */
.vs-site-header{background:#0d0d1f;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:200}
.vs-site-header__inner{max-width:1200px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px}

.vs-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.vs-logo__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#4a6cf7;border-radius:6px;font-size:11px;font-weight:800;color:#fff;letter-spacing:-.5px;flex-shrink:0}
.vs-logo__text{font-size:15px;color:#fff;letter-spacing:-.3px}
.vs-logo__text strong{font-weight:700}

.vs-nav{display:flex;align-items:center;gap:6px}
.vs-nav__link{font-size:13px;font-weight:500;color:rgba(255,255,255,.6);text-decoration:none;padding:6px 14px;border-radius:6px;transition:.15s}
.vs-nav__link:hover{color:#fff;background:rgba(255,255,255,.08)}
.vs-nav__link.is-active{color:#fff;background:rgba(74,108,247,.3)}
.vs-nav__link--admin{color:rgba(255,255,255,.35);font-size:12px}
.vs-nav__link--admin:hover{color:#fff}

/* ── Site footer ─────────────────────────────────────────────────────────── */
.vs-site-footer{background:#0d0d1f;border-top:1px solid rgba(255,255,255,.07);margin-top:60px;padding:20px 0}
.vs-site-footer__inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.35);flex-wrap:wrap}
.vs-site-footer__brand{color:rgba(255,255,255,.6);font-weight:600}
.vs-site-footer__sep{color:rgba(255,255,255,.15)}
.vs-site-footer__admin{margin-left:auto;color:rgba(255,255,255,.3);text-decoration:none;font-size:11px}
.vs-site-footer__admin:hover{color:rgba(255,255,255,.7)}

/* Le body prend la couleur de fond du site */
body.vs-site{margin:0;padding:0;background:#f4f5f7}

/* ===========================================================================
   BRAISE — Front complet (accueil + archive + single). Scopé sous .fb,
   responsive mobile-first. Seul CSS front depuis la refonte (ancien retiré).
   =========================================================================== */
body.vs-fire-page{margin:0;background:var(--bg)}
.fb{--bg:#f8f5f1;--surface:#fff;--ink:#0f0d0b;--muted:#6b6560;--line:#e4e0d8;--line-strong:#d3cec5;
  --accent:#e7443d;--accent-ink:#c0301f;--accent-soft:#fbeae7;--ink-dark:#0d0a08;--on-dark:#f3f0ea;
  --radius:12px;--radius-img:10px;
  font-family:'Hanken Grotesk',system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);
  background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh}
.fb *{box-sizing:border-box}
.fb a{color:inherit;text-decoration:none}
.fb img{display:block;max-width:100%}

/* App bar */
.fb-appbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
.fb-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}
.fb-brand b{color:var(--accent)}
.fb-brand .bdot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.fb-nav{display:flex;gap:6px;align-items:center}
.fb-nav a{font-size:13px;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:8px}
.fb-nav a:hover{background:var(--accent-soft);color:var(--accent-ink)}

/* Rubriques (catégories) */
.fb-rubrics{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 14px;background:var(--surface);
  border-bottom:3px solid var(--accent);scrollbar-width:none}
.fb-rubrics::-webkit-scrollbar{display:none}
.fb-rub{flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;
  color:var(--muted);padding:8px 14px;border-radius:7px;border:1px solid var(--line);background:var(--bg);white-space:nowrap}
.fb-rub.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Conteneur */
.fb-wrap{max-width:760px;margin:0 auto;padding:0 16px}

/* Breadcrumb */
.vs-crumb{font-size:13px;color:var(--muted);padding:14px 0 2px}
.vs-crumb a:hover{color:var(--accent-ink)}
.vs-crumb .sep{margin:0 5px;opacity:.5}
.vs-crumb .cur{font-weight:700;color:var(--accent-ink)}

/* Tag / time */
.fb-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  color:var(--accent-ink);background:var(--accent-soft);padding:4px 10px;border-radius:6px}
.fb-time{font-size:13px;color:var(--muted);font-weight:600}

/* En-tête article */
.vs-arthead{padding:12px 0 4px}
.vs-arthead__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.vs-arthead h1{font-family:'Archivo',system-ui,sans-serif;font-size:26px;line-height:1.14;font-weight:900;
  letter-spacing:-.6px;margin:10px 0 8px;text-wrap:balance}
.vs-amber{display:inline-block;font-size:12px;font-weight:700;color:#9a5b00;background:#fbeccb;border-radius:6px;padding:3px 9px}
.vs-mins{font-size:13px;color:var(--muted)}

/* Trust strip */
.vs-trust{display:flex;align-items:center;gap:10px;padding:8px 0 14px}
.vs-trust .n{font-size:19px;color:var(--accent);font-weight:900}
.vs-trust .lbl{font-size:14px;font-weight:600}

/* Pile monogrammes */
.fb-stack{display:inline-flex;align-items:center;vertical-align:middle}
.vs-mono{position:relative;overflow:hidden;width:30px;height:30px;border-radius:7px;display:inline-grid;place-items:center;font-size:11px;
  font-weight:800;color:#fff;border:2.5px solid var(--surface);letter-spacing:-.2px;flex:0 0 auto}
.vs-mono__logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:2px}
.fb-stack .vs-mono:not(:first-child){margin-left:5px}

/* Hero */
.vs-hero{margin:4px 0 0}
.vs-hero img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}

/* Prose */
.vs-prose{font-size:15.5px;line-height:1.6;color:var(--ink);padding:14px 0 2px}
.vs-prose p{margin:0 0 12px}

/* Sections */
.vs-sec{padding:18px 0 0}
.vs-sec>h2{font-family:'Archivo',sans-serif;font-size:19px;font-weight:900;margin:0 0 10px;color:var(--accent)}
.vs-sec--bordered{border-top:1px solid var(--line);margin-top:16px;padding-top:20px}
.vs-sechead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.vs-sechead>h2{font-family:'Archivo',sans-serif;font-size:19px;font-weight:900;margin:0;color:var(--accent)}
.vs-sechead .more{font-size:13px;font-weight:700;color:var(--accent-ink)}

/* Points de vue */
.vs-pdv{padding:14px 0;border-bottom:1px solid var(--line)}
.vs-pdv:last-child{border-bottom:none}
.vs-pdv__head{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}
.vs-pdv__num{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;
  font-weight:900;display:grid;place-items:center;flex:0 0 auto;margin-top:2px}
.vs-pdv__angle{font-size:15px;line-height:1.2;font-weight:800;letter-spacing:-.2px;margin:0}
.vs-pdv__media{display:flex;align-items:center;gap:7px;margin:0 0 7px;padding-left:32px}
.vs-pdv__media .name{font-size:12.5px;color:var(--muted);font-weight:700}
.vs-pdv__body{padding-left:32px}
.vs-pdv__resume{font-size:13.5px;line-height:1.44;margin:0 0 4px;opacity:.9}
.vs-pdv__src{display:inline-block;font-size:13px;color:var(--accent-ink);font-weight:700;
  border-bottom:1.5px solid var(--accent);padding-bottom:1px}

/* Grilles cartes */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vs-grid--lus{gap:20px}
.vs-card2{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  display:flex;flex-direction:column}
.vs-card2__media{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg);border-radius:var(--radius) var(--radius) 0 0}
.vs-card2__media img{width:100%;height:100%;object-fit:cover}
.vs-card2__body{padding:12px 13px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}
.vs-card2__title{font-size:15px;font-weight:800;line-height:1.2;margin:0;text-wrap:balance}
.vs-card2__dek{font-size:13px;line-height:1.4;color:var(--muted);margin:0}
.vs-card2__srcn{font-size:12px;font-weight:700;color:var(--muted)}
.fb .vs-card2__cta{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;font-weight:800;
  color:#fff;background:var(--accent);border-radius:7px;padding:6px 12px}
.vs-badge-num{position:absolute;top:-8px;left:-8px;z-index:3;width:28px;height:28px;border-radius:50%;
  background:var(--accent);color:#fff;font-size:14px;font-weight:900;display:grid;place-items:center;
  box-shadow:0 1px 4px rgba(0,0,0,.25)}

/* Pub placeholder */
.fb-ad{margin:18px 0;min-height:92px;border-radius:var(--radius);border:0;
  background:transparent;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.fb-ad .ad-t{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.fb-ad .ad-s{font-family:'Space Mono',ui-monospace,monospace;font-size:10px;color:var(--muted);opacity:.7}

/* Layout (desktop = colonne + sidebar) */
.vs-layout{display:block}
.vs-aside{display:none}

/* Footer Braise */
.fb-footer{background:var(--ink-dark);margin-top:24px;padding:26px 16px 30px}
.fb-footer__inner{max-width:760px;margin:0 auto}
.fb-foot-brand{font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--on-dark);margin-bottom:6px}
.fb-foot-brand b{color:var(--accent)}
.fb-foot-tag{font-size:13.5px;color:rgba(255,255,255,.6);font-style:italic;margin-bottom:16px}
.fb-foot-links{display:flex;flex-wrap:wrap;gap:7px 14px}
.fb-foot-links a{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.55)}
.fb-foot-links a:hover{color:#fff}

/* En-tête d'archive */
.vs-archhead{background:var(--surface);border-bottom:1px solid var(--line);padding:16px 0 18px;margin-bottom:18px}
.vs-archhead h1{font-family:'Archivo',system-ui,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.8px;margin:8px 0 0}
.vs-archhead .count{font-size:13px;color:var(--muted);font-weight:600}

/* Pagination Braise */
.fb-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:22px 0 8px}
.fb-pagination .page-numbers{min-width:36px;height:36px;padding:0 10px;border-radius:9px;border:1.5px solid var(--line);
  background:var(--surface);color:var(--ink);font-size:14px;font-weight:800;display:inline-grid;place-items:center}
.fb-pagination .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}
.fb-pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent-ink)}
.vs-empty{text-align:center;padding:50px 0;color:var(--muted)}

/* Accueil « Kiosque » : hero + rails */
.fb-main{padding-bottom:10px}
.vs-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 12px;scrollbar-width:thin}
.vs-rail .vs-card2{flex:0 0 240px;scroll-snap-align:start}
.vs-home-hero{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.vs-home-hero__media{display:block;width:100%;aspect-ratio:1200/630;background:var(--bg)}
.vs-home-hero__media img{width:100%;height:100%;object-fit:cover}
.vs-home-hero__body{padding:16px 16px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vs-home-hero__title{font-family:'Archivo',sans-serif;font-size:22px;line-height:1.14;font-weight:900;letter-spacing:-.5px;margin:4px 0 0}
.vs-home-hero__dek{font-size:14px;line-height:1.5;color:var(--muted);margin:0}

/* ---------- DESKTOP ---------- */
@media(min-width:980px){
  .fb-wrap{max-width:1280px;padding:0 40px}
  .vs-archhead h1{font-size:34px;letter-spacing:-1.2px}
  .vs-home-hero{flex-direction:row}
  .vs-home-hero__media{width:58%;flex:0 0 58%;aspect-ratio:16/10}
  .vs-home-hero__body{flex:1;justify-content:center;padding:28px 32px}
  .vs-home-hero__title{font-size:30px;letter-spacing:-1px}
  .vs-rail .vs-card2{flex-basis:280px}
  .vs-layout{display:flex;gap:48px;align-items:flex-start}
  .vs-main{flex:1;min-width:0}
  .vs-aside{display:flex;flex-direction:column;gap:24px;width:300px;flex-shrink:0;position:sticky;top:90px}
  .vs-arthead{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 32px 24px;margin-bottom:24px}
  .vs-arthead h1{font-size:36px;letter-spacing:-1.2px;line-height:1.08}
  .vs-trust{border-top:1px solid var(--line);margin-top:16px;padding:16px 0 0}
  .vs-hero{margin-bottom:24px}
  .vs-hero img{border-radius:16px}
  .vs-prose{font-size:17px;line-height:1.65;background:var(--surface);border:1px solid var(--line);
    border-radius:16px;padding:24px 32px;margin-bottom:24px}
  .vs-block-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 32px;margin-bottom:24px}
  .vs-block-card .vs-sec{padding:0}
  .vs-sec>h2,.vs-sechead>h2{font-size:22px}
  .vs-pdv{padding:18px 0}
  .vs-pdv__angle{font-size:18px}
  .vs-pdv__resume{font-size:15px;line-height:1.55}
  .vs-grid{grid-template-columns:repeat(4,1fr);gap:20px}
  .fb-ad--side{margin:0;width:100%}
  .fb-footer__inner{max-width:1280px;display:flex;align-items:center;justify-content:space-between}
}

/* ===========================================================================
   ACCUEIL — mise en page maquette FootBuzz (desktop), câblée FootEditors.
   Scopé .fbh-home. Mobile-first → desktop ≥980px. Tokens hérités de .fb.
   =========================================================================== */
.fbh-home{position:relative;font-family:'Archivo',system-ui,-apple-system,"Segoe UI",sans-serif}

/* ---- Header ---- */
.fbh-header{position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.fbh-topbar{background:#fff;border-bottom:1px solid var(--line);height:36px;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center}
.fbh-topbar__txt{font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}
.fbh-topbar__txt span{font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}
.fbh-bar{background:var(--accent)}
.fbh-bar__inner{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px;height:62px}
.fbh-logo{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1;text-decoration:none}
.fbh-logo__badge{display:inline-flex;align-items:center;gap:7px;background:#fff;padding:5px 12px 5px 8px;border-radius:999px}
.fbh-logo__badge svg{width:20px;height:20px;display:block}
.fbh-logo__badge>span{font-weight:900;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#e2362e}
.fbh-logo__name{font-weight:900;font-size:26px;letter-spacing:-1px;color:#fff}
.fbh-logo__name i{font-style:normal;color:#ffd23f}
.fbh-nav{display:flex;flex:1;min-width:0;justify-content:center;gap:0;overflow-x:auto;scrollbar-width:none}
.fbh-nav::-webkit-scrollbar{display:none}
.fbh-navlink{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px;color:#fff;opacity:.9;white-space:nowrap}
.fbh-navlink:hover{opacity:1}
.fbh-navlink svg{display:block}
.fbh-navlink span{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.fbh-search{display:flex;align-items:center;gap:8px;padding:0 14px;height:36px;border-radius:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.9);font-size:13px;flex-shrink:0;white-space:nowrap}
.fbh-search__btn{background:none;border:none;color:inherit;display:flex;align-items:center;cursor:pointer;padding:0}
.fbh-search input[type=search]{background:none;border:none;outline:none;color:inherit;font-family:inherit;font-size:13px;width:150px;padding:0;-webkit-appearance:none}
.fbh-search input[type=search]::placeholder{color:rgba(255,255,255,.75)}
.fbh-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:11px;height:11px;background:rgba(255,255,255,.55);border-radius:50%;cursor:pointer}
/* Bandeau rouge : tout en blanc (bat la règle .fb a{color:inherit}) */
.fbh-home .fbh-logo{color:#fff}
.fbh-home .fbh-navlink{color:#fff}
.fbh-home .fbh-search{color:rgba(255,255,255,.9)}
/* Boutons pleins (fond coloré) : texte + flèche en blanc partout (bat .fb a{color:inherit}) */
.fb .fbh-cta,.fb a.fbh-cta{color:#fff}
.fb .fbh-cta svg,.fb a.fbh-cta svg{stroke:#fff}
.fb a.vs-card2__cta{color:#fff}
.fb a.vs-card2__cta svg{stroke:#fff}

/* ---- Sélecteur de langue (Google Translate) ---- */
.fbh-lang{position:relative;flex-shrink:0}
.fbh-langbtn{display:flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.fbh-langbtn svg{display:block}
.fbh-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:6px;display:none;z-index:60}
.fbh-lang.is-open .fbh-lang-menu{display:block}
.fbh-lang-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:7px;font-size:14px;font-weight:600;color:var(--ink);background:none;border:none;cursor:pointer}
.fbh-lang-menu button:hover{background:var(--accent-soft);color:var(--accent-ink)}
.fbh-lang-menu button.is-active{color:var(--accent-ink)}
.fbh-lang-menu .flag{font-size:16px;line-height:1}

/* ---- Layout ---- */
.fbh-body{overflow-x:clip}
.fbh-inner{max-width:1280px;margin:0 auto;padding:0 16px}
.fbh-cols{display:block}
.fbh-main{min-width:0}
.fbh-side{display:none}

/* ---- Sections pleine largeur, fonds alternés ---- */
.fbh-sec{margin-inline:-9999px;padding-inline:9999px;padding-top:32px;padding-bottom:32px}
.fbh-sec--white{background:#fff}
.fbh-sec--beige{background:rgb(250,245,236)}
.fbh-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.fbh-sechead h2{font-family:'Archivo',sans-serif;font-size:20px;font-weight:900;letter-spacing:-.2px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;margin:0}
.fbh-sechead h2::before{content:"";display:inline-block;width:4px;height:18px;background:var(--accent);border-radius:2px;margin-right:9px}
.fbh-more{font-size:14px;font-weight:700;color:var(--accent-ink);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}

/* ---- Atomes partagés ---- */
.fbh-kicker{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.fbh-srcn{font-size:12px;font-weight:700;color:var(--muted)}
.fbh-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:700;margin-top:10px;align-self:flex-start}
.fbh-cta svg{stroke:#fff}
.fbh-ph{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--accent-soft),var(--accent-soft) 11px,transparent 11px,transparent 22px),var(--bg)}
.fbh-ph span{font-family:'Space Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.fbh-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;margin:0 0 20px;cursor:grab;-webkit-overflow-scrolling:touch}
.fbh-chips::-webkit-scrollbar{display:none}
.fbh-chips.is-grabbing{cursor:grabbing}
.fbh-chip{flex:0 0 auto;font-family:inherit;cursor:pointer;line-height:1;font-size:11px;font-weight:700;padding:7px 13px;border-radius:7px;background:var(--surface);border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.fbh-chip:hover{border-color:var(--accent);color:var(--accent-ink)}
.fbh-chip.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
.fbh-filter[hidden]{display:none}
.fbh-empty{color:var(--muted);font-size:14px;padding:22px 0}
.fbh-clubtabs{display:flex;flex-wrap:nowrap;gap:0 18px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 0 18px}
.fbh-clubtabs::-webkit-scrollbar{display:none}
.fbh-clubtabs[hidden]{display:none}
.fbh-clubtab{font-family:inherit;cursor:pointer;white-space:nowrap;flex:0 0 auto;background:none;border:none;font-size:14px;font-weight:600;color:var(--muted);padding:8px 2px 10px;border-bottom:2px solid transparent;margin-bottom:-1px}
.fbh-clubtab:hover{color:var(--accent-ink)}
.fbh-clubtab.is-active{color:var(--accent-ink);font-weight:800;border-bottom-color:var(--accent)}

/* ---- Article vedette ---- */
.fbh-feat{display:block;margin-bottom:8px}
.fbh-feat__media{display:block;width:100%;aspect-ratio:16/9;border-radius:var(--radius-img);overflow:hidden;background:var(--bg);margin-bottom:16px}
.fbh-feat__media img{width:100%;height:100%;object-fit:cover}
.fbh-feat__title{font-family:'Archivo',sans-serif;font-size:24px;font-weight:900;line-height:1.1;letter-spacing:-.7px;margin:8px 0 6px;text-wrap:balance}
.fbh-feat .fb-time{display:block;margin-bottom:8px}
.fbh-feat__dek{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 8px}
.fbh-feat .fb-stack{margin-top:6px;display:flex}

/* ---- Article en liste ---- */
.fbh-item{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.fbh-item__media{display:block;height:90px;border-radius:var(--radius-img);overflow:hidden;background:var(--bg)}
.fbh-item__media img{width:100%;height:100%;object-fit:cover}
.fbh-item__txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.fbh-item__title{font-family:'Archivo',sans-serif;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:-.3px;margin:0}
.fbh-item__dek{font-size:13.5px;color:var(--muted);line-height:1.45;margin:0}
.fbh-item .fb-stack{display:flex}

/* ---- Pubs ---- */
.fbh-leader{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:8px}
.fbh-leader .fb-ad{margin:0;min-height:90px}
.fbh-side .fb-ad{margin:0;width:100%}
.fbh-ad--250{min-height:250px}
.fbh-ad--600{min-height:600px}

/* ---- Mobile : header compact ---- */
@media(max-width:560px){
  .fbh-topbar__txt span{display:none}
  .fbh-search{display:none}
  .fbh-bar__inner{flex-wrap:wrap;height:auto;padding-top:9px;padding-bottom:7px;row-gap:7px;gap:8px}
  .fbh-logo__name{font-size:21px}
  .fbh-lang{margin-left:auto}
  .fbh-nav{order:3;flex:1 0 100%;min-width:0;justify-content:flex-start;gap:0;border-top:1px solid rgba(255,255,255,.2);padding-top:5px}
  .fbh-navlink{padding:0 16px 0 0}
  .fbh-navlink:first-child{padding-left:0}
}

/* ---- Desktop ---- */
@media(min-width:980px){
  .fbh-bar__inner{height:80px;padding:0 40px}
  .fbh-inner{padding:0 40px}
  .fbh-cols{display:flex;gap:56px;align-items:flex-start}
  .fbh-main{flex:1}
  .fbh-side{display:flex;flex-direction:column;gap:24px;width:300px;flex-shrink:0;align-self:flex-start;padding-top:40px}
  .fbh-sec{padding-top:48px;padding-bottom:48px}
  .fbh-sechead h2{font-size:30px}
  .fbh-sechead h2::before{width:5px;height:28px;margin-right:12px}
  .fbh-feat__title{font-size:26px}
  .fbh-hero .fbh-feat__title{font-size:36px;letter-spacing:-.9px}
  .fbh-feat__dek{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
  .fbh-item{grid-template-columns:210px 1fr;gap:20px}
  .fbh-item__media{height:132px}
  .fbh-item__title{font-size:17px}
}

.fbh-clubtabs{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.fbh-clubtabs.is-grabbing{cursor:grabbing}

/* « Les plus lus » — rail horizontal de cartes classées */
.fbh-readrail{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.fbh-readrail::-webkit-scrollbar{display:none}
.fbh-readcard{flex:0 0 240px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-img);overflow:hidden}
.fbh-readcard__media{display:block;position:relative;height:120px;background:var(--bg)}
.fbh-readcard__media img{width:100%;height:100%;object-fit:cover;display:block}
.fbh-readrank{position:absolute;top:8px;left:8px;z-index:2;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.fbh-readcard__txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px}
.fbh-readcard__title{font-family:'Archivo',sans-serif;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:-.2px}
@media(min-width:980px){.fbh-readcard{flex-basis:260px}}

.fbh-readrail{cursor:grab;user-select:none;-webkit-user-select:none}
.fbh-readrail.is-grabbing{cursor:grabbing}

.fbh-readrail a,.fbh-readrail img,.fbh-clubtabs button,.fbh-chips button{-webkit-user-drag:none;user-drag:none}
.fbh-readcard__media img{pointer-events:none}

/* Hero enrichi + bandeau confiance */
.fbh-herogrid{display:block}
.fbh-trust{display:inline-flex;align-items:center;gap:7px;margin:8px 0 12px;padding:6px 12px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink);font-size:13px;font-weight:700}
.fbh-trust svg{display:block;color:var(--accent)}
.fbh-trust strong{font-weight:900}
@media(min-width:980px){.fbh-herogrid{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;align-items:start}.fbh-herogrid__side{display:flex;flex-direction:column}.fbh-herogrid__side .fbh-item{grid-template-columns:100px 1fr;padding:14px 0}.fbh-herogrid__side .fbh-item:first-child{padding-top:0}.fbh-herogrid__side .fbh-item__media{height:72px}}


.fb{overflow-x:clip}

/* ===== Pages internes (catégorie + synthèse) — homogène avec l'accueil ===== */
.fbh-body--page{background:#fff;min-height:60vh}

/* Fil d'Ariane */
.fbh-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.fbh-crumb a{color:var(--muted)}
.fbh-crumb a:hover{color:var(--accent-ink)}
.fbh-crumb .sep{color:var(--line-strong)}
.fbh-crumb .cur{font-weight:700;color:var(--accent-ink)}
.fbh-crumb--art{padding:20px 0 16px}

/* En-tête catégorie */
.fbh-cathead{padding:26px 0 20px;border-bottom:1px solid var(--line);margin-bottom:26px}
.fbh-cathead__row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fbh-cattitle{font-family:'Archivo',sans-serif;font-size:32px;font-weight:900;letter-spacing:-1.2px;margin:10px 0 6px;line-height:1.05}
.fbh-catsub{font-size:15px;color:var(--muted);margin:0}
.fbh-catchips{margin:16px 0 0;max-width:100%}
.fbh-catchips .fbh-chip{text-decoration:none}

/* Layout catégorie */
.fbh-catwrap{display:block;padding-bottom:48px}
.fbh-catmain{min-width:0}
.fbh-catside{display:none}
.fbh-cardgrid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:32px}

/* Carte unifiée */
.fbh-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fbh-card__media{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
.fbh-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.fbh-card__rank{position:absolute;top:8px;left:8px;z-index:2;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.fbh-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 16px 16px;flex:1}
.fbh-card__title{font-family:'Archivo',sans-serif;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.3px;margin:0;text-wrap:balance}
.fbh-card__title a{color:inherit}
.fbh-card__dek{font-size:13.5px;color:var(--muted);line-height:1.45;margin:0}
.fbh-card__srcn{font-size:12px;font-weight:700;color:var(--muted)}
.fbh-card .fbh-cta{margin-top:4px}

/* Layout synthèse */
.fbh-artwrap{display:block;padding-bottom:48px}
.fbh-artmain{min-width:0}
.fbh-artside{display:none}
.fbh-arthead{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;margin-bottom:20px}
.fbh-arthead__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.fbh-mins{font-size:13px;color:var(--muted)}
.fbh-byline{font-size:13px;color:var(--muted)}
.fbh-byline strong{color:var(--ink,#0f0d0b);font-weight:700}
.fbh-maj{font-size:12px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:6px;padding:3px 8px}
.fbh-arttitle{font-family:'Archivo',sans-serif;font-size:27px;font-weight:900;letter-spacing:-.8px;line-height:1.1;margin:0 0 16px;text-wrap:balance}
.fbh-artsrc{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}
.fbh-artsrc__n{font-size:14px;font-weight:700;color:var(--muted)}
.fbh-arthero{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line);margin-bottom:20px;background:var(--bg)}
.fbh-arthero img{width:100%;height:100%;object-fit:cover;display:block}

/* Prose + clamp */
.fbh-prose{background:#fdeceb;border-left:5px solid var(--accent);border-radius:10px;padding:18px 24px;margin-bottom:20px}
.fbh-prose p{font-size:15px;font-weight:300;line-height:1.65;color:var(--ink);margin:0;opacity:.9}
.fbh-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.fbh-clamp--4{-webkit-line-clamp:4}
.fbh-clamp--6{-webkit-line-clamp:6}
.fbh-clamp.is-open{-webkit-line-clamp:unset;overflow:visible}
.fbh-readmore{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;color:var(--accent-ink)}
.fbh-readmore svg{stroke:var(--accent-ink)}

/* Titres internes */
.fbh-sech2{font-family:'Archivo',sans-serif;font-size:21px;font-weight:900;color:var(--accent);margin:0 0 4px;text-transform:none}
.fbh-relhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.fbh-relhead .fbh-sech2{margin:0}

/* Points de vue */
.fbh-pdvblock{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px;margin-bottom:20px}
.fbh-pdv{padding:18px 0;border-bottom:1px solid var(--line)}
.fbh-pdv.is-last{border-bottom:none;padding-bottom:0}
.fbh-pdv__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.fbh-pdv__num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:900;display:grid;place-items:center;margin-top:2px}
.fbh-pdv__angle{font-family:'Archivo',sans-serif;font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:0 0 6px}
.fbh-pdv__media{display:flex;align-items:center;gap:8px}
.fbh-pdv__media .name{font-size:13.5px;color:var(--muted);font-weight:600}
.fbh-pdv__body{padding-left:38px}
.fbh-pdv__body p{font-size:15px;font-weight:400;line-height:1.55;color:var(--ink);opacity:.88;margin:0}
.fbh-pdv__src{display:inline-block;margin-top:6px;font-size:14px;font-weight:700;color:var(--accent-ink);border-bottom:2px solid var(--accent);padding-bottom:1px}

.fbh-relsec,.fbh-lussec{margin-bottom:36px}
.fbh-lussec .fbh-sech2{margin-bottom:18px}
.fbh-artad-m{margin:8px 0 24px}

/* Tablette */
@media(min-width:640px) and (max-width:979px){
  .fbh-cardgrid,.fbh-cardgrid--4{grid-template-columns:repeat(2,1fr)}
}
/* Desktop */
@media(min-width:980px){
  .fbh-cattitle{font-size:40px;letter-spacing:-1.5px}
  .fbh-cardgrid{grid-template-columns:repeat(3,1fr);gap:24px}
  .fbh-cardgrid--4{grid-template-columns:repeat(4,1fr);gap:20px}
  .fbh-cardgrid--4 .fbh-card__title{font-size:15px}
  .fbh-catwrap,.fbh-artwrap{display:flex;gap:48px;align-items:flex-start}
  .fbh-catmain,.fbh-artmain{flex:1;min-width:0}
  .fbh-catside,.fbh-artside{display:flex;flex-direction:column;gap:24px;width:300px;flex-shrink:0;position:sticky;top:96px;align-self:flex-start}
  .fbh-artad-m{display:none}
  .fbh-arthead{padding:28px 32px 24px}
  .fbh-arttitle{font-size:36px;letter-spacing:-1.2px}
  .fbh-prose,.fbh-pdvblock{padding:24px 32px}
  .fbh-prose p{font-size:16px}
  .fbh-sech2{font-size:22px}
}
.fbh-catclubtabs{border-bottom:none;margin:14px 0 0}
.fbh-catclubtabs .fbh-clubtab{text-decoration:none}

.fbh-sections{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:20px}
.fbh-sections h2{font-family:'Archivo',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.25;margin:24px 0 10px;color:var(--ink)}
.fbh-sections h2:first-child{margin-top:0}
.fbh-sections p{font-size:15px;font-weight:300;line-height:1.7;color:var(--ink);opacity:.9;margin:0 0 14px}
@media(min-width:980px){.fbh-sections{padding:24px 32px}.fbh-sections h2{font-size:22px}.fbh-sections p{font-size:16px}}

/* Pages statiques + contact */
.fbh-static{max-width:840px;margin:0 auto;padding:8px 0 56px}
.fbh-statictitle{font-family:'Archivo',sans-serif;font-size:32px;font-weight:900;letter-spacing:-1px;margin:10px 0 22px;line-height:1.1}
.fbh-prose-page{font-size:16px;line-height:1.7;color:var(--ink)}
.fbh-prose-page h2{font-family:'Archivo',sans-serif;font-size:21px;font-weight:800;margin:28px 0 10px;color:var(--ink)}
.fbh-prose-page p{margin:0 0 14px}.fbh-prose-page ul{margin:0 0 14px 20px}.fbh-prose-page li{margin:0 0 7px}
.fbh-prose-page a{color:var(--accent-ink);text-decoration:underline}
.fbh-contact{margin-top:24px}
.fbh-contact__ok{background:#e7f6ec;color:#176b34;border:1px solid #b6e3c4;border-radius:10px;padding:12px 16px;font-weight:600;margin-bottom:18px}
.fbh-contact__err{background:#fdecec;color:#a12121;border:1px solid #f3c2c2;border-radius:10px;padding:12px 16px;font-weight:600;margin-bottom:18px}
.fbh-form{display:flex;flex-direction:column;gap:14px;max-width:560px}
.fbh-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fbh-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted)}
.fbh-field .req{color:var(--accent)}
.fbh-field input,.fbh-field textarea{font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;width:100%}
.fbh-field input:focus,.fbh-field textarea:focus{outline:none;border-color:var(--accent)}
.fbh-form__submit{align-self:flex-start;border:none;cursor:pointer}
.fbh-form__note{font-size:12.5px;color:var(--muted)}
@media(min-width:980px){.fbh-statictitle{font-size:40px}}

.vs-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Barre scores live (sous le header) */
.fbh-livebar{width:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:0}
.fbh-livebar:empty{display:none}
.fbh-livebar iframe,.fbh-livebar__if{display:block;width:100%;height:64px;border:0}
@media(max-width:560px){.fbh-livebar iframe,.fbh-livebar__if{height:58px}}

/* Bandeau scores live (cartes horizontales) */
.fbh-ticker{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;background:#fff;cursor:grab;justify-content:safe center}
.fbh-ticker::-webkit-scrollbar{display:none}
.fbh-ticker.is-grabbing{cursor:grabbing}
.fbh-tk{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 16px;height:54px;border-right:1px solid var(--line);color:var(--ink);white-space:nowrap}
.fbh-tk__team{display:flex;align-items:center;gap:6px}
.fbh-tk__team img{width:18px;height:18px;object-fit:contain;border-radius:3px;background:#fff;flex:0 0 auto}
.fbh-tk__team b{font-weight:700;font-size:12.5px;letter-spacing:.2px}
.fbh-tk__score{font-weight:900;font-size:14px;padding:0 5px}
.fbh-tk__live{color:#ff5252;font-weight:800;font-size:11px;text-transform:uppercase}
.fbh-tk__fin{color:var(--muted);font-weight:700;font-size:11px}
.fbh-tk__time{color:var(--muted);font-weight:700;font-size:11.5px}
@media(max-width:560px){.fbh-tk{height:50px;padding:0 12px;gap:6px}}

/* Menu un peu plus gros */
.fbh-navlink svg{width:26px;height:26px}
.fbh-navlink span{font-size:12px;letter-spacing:.5px}

/* Temps forts video */
.fbh-video{margin:0 0 20px}
.fbh-video__wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#000}
.fbh-video__wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fbh-video-link{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;margin:0 0 20px;text-decoration:none}
.fb a.fbh-video-link{color:#fff}

/* Badge video sur les vignettes */
.fbh-card__media{position:relative}
.fbh-card__vid{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:2}
.fbh-card__vid svg{margin-left:1px}

/* Corps des syntheses du jour : gris tres leger (differencie du titre) */
.fbh-artmain.vs-today .fbh-prose p,.fbh-artmain.vs-today .fbh-sections p{color:#36312c;opacity:1}

/* Corps des syntheses recentes : graisse plus fine */
.fbh-artmain.vs-new .fbh-prose p,.fbh-artmain.vs-new .fbh-sections p{font-weight:200}

/* Credit image (Wikimedia) */
.fbh-imgcredit{font-size:11px;color:var(--muted);margin:6px 0 18px;opacity:.85}

/* pas de trait apres le dernier match */
.fbh-tk:last-child{border-right:0}

/* Consentement RGPD (formulaire contact) */
.fbh-consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.45;margin:2px 0}
.fbh-consent input{margin-top:3px;flex:0 0 auto}
.fbh-consent a{color:var(--accent);text-decoration:underline}

/* Emplacement publicitaire vide (illustration retiree) */
.fb-ad .ad-t,.fb-ad .ad-s{display:none}