/* nikobenef.com : pages publiques (actualités, débrief, équipes) dans le design « Niko ».
   Le contenu garde ses classes fh-* de site.css ; on leur donne les couleurs et polices de la maquette. */
body.nb{--fh-paper:var(--bg);--fh-white:var(--surface);--fh-ink:var(--ink);--fh-sub:var(--muted);--fh-line:var(--line);
  --fh-soft:color-mix(in srgb,var(--safe) 8%,var(--surface));--fh-lime:var(--gold);--fh-green:var(--pitch);--fh-deep:var(--pitch-deep);
  --fh-positive:var(--safe);--fh-orange:var(--medium);font-size:16px}
.nb-page.fh-wrap{max-width:1180px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.nb-page.fh-main{padding-top:24px;padding-bottom:48px}
.nb-page h1,.nb-page h2,.nb-page .fh-section-title h2,.nb-page .fh-recap h2,.nb-page .fh-cover h1{font-family:var(--display);letter-spacing:-.3px;font-weight:700}
.nb-page .fh-kicker,.nb-page .fh-edition{font-family:var(--font)}
.nb-page .fh-fixture,.nb-page .fh-recap,.nb-page .fh-news-item{border-radius:16px}
.nb-page .fh-btn.fh-primary{background:var(--pitch);border-color:var(--pitch);border-radius:12px}
.nb-page .fh-btn.fh-lime{background:var(--gold);border-color:var(--gold);color:#1B1A10;border-radius:12px}
.nb-page .fh-chip{border-radius:999px}
@media (max-width:640px){.nb-page.fh-wrap{padding-left:16px;padding-right:16px}}
