/* Palette « Corail et nuit » de Jobaiko (DESIGN.md), recopiée de src/index.css
   (--color-jb-*, --color-corail-*, --color-slate-*) parce que cette page statique
   ne charge pas l'application. scripts/check-couleurs-heritage.js vérifie que les
   valeurs restent identiques à la source. */
:root {
  --jb-fond: #FFF6F2;
  --jb-surface: #FFFFFF;
  --jb-encre: #16131F;
  --jb-texte2: #55505F;
  --jb-action: #D33447;
  --jb-action-appui: #B02A3B;
  --jb-accent: #FFC93C;
  --jb-accent-doux: #FFF0C2;
  --jb-accent-texte: #6B4A00;
  --jb-bord: #E6DDE3;
  --jb-bord-fort: #9C8F9A;
  --jb-nuit-texte2: #E6E1EE;
  --jb-nuit-discret: #B9B3C6;
  --jb-corail-50: #FFF7F8;
  --jb-corail-100: #FFE3E6;
  --jb-corail-200: #FFD3D8;
  --jb-corail-300: #F7A3AD;
  --jb-corail-700: #8F2231;
  --jb-corail-800: #6E1A26;
  --jb-gris-50: #FCF8F7;
  --jb-gris-100: #F4EEF0;
  --jb-gris-300: #CFC5CD;
  --jb-gris-400: #9C8F9A;
  --jb-gris-500: #6B6474;
  --jb-gris-700: #3F3A4A;
  --jb-gris-800: #2A2536;
  --jb-titres: 'Zilla Slab', Georgia, serif;
  --jb-texte-police: 'Work Sans', system-ui, sans-serif;
}

.catalogue-content{max-width:1160px;margin:auto;padding:48px 24px}.catalogue-selection{margin-bottom:56px}.catalogue-selection h2{font-size:1.7rem;margin-bottom:24px;color:var(--jb-encre)}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.catalogue-card{display:flex;flex-direction:column;gap:20px;padding:28px;background:var(--jb-gris-50);border:1px solid var(--jb-bord);border-radius:16px;text-decoration:none;color:var(--jb-encre);transition:border-color .2s,transform .2s}.catalogue-card:hover{border-color:var(--jb-action-appui);transform:translateY(-3px)}.catalogue-card h3{font-size:1.15rem;line-height:1.5;margin:0;overflow-wrap:anywhere;hyphens:auto}.catalogue-card p{font-size:.95rem;line-height:1.7;margin:0;color:var(--jb-texte2)}.catalogue-card span{margin-top:auto;color:var(--jb-corail-700);font-weight:600}.catalogue-prose{max-width:780px;margin:auto;color:var(--jb-gris-700);font-size:1.05rem;line-height:1.85}.catalogue-prose section{margin:40px 0}.catalogue-prose h2{color:var(--jb-encre);font-size:1.6rem;line-height:1.4;margin:0 0 20px}.catalogue-prose p{margin:0 0 20px}.catalogue-prose strong{color:var(--jb-encre)}.catalogue-table{overflow-x:auto;margin:36px 0}.catalogue-table table{border-collapse:collapse;width:100%;font-size:.95rem}.catalogue-table caption{text-align:left;font-weight:700;margin-bottom:16px;color:var(--jb-encre)}.catalogue-table th,.catalogue-table td{text-align:left;padding:16px;border-bottom:1px solid var(--jb-bord);vertical-align:top}.catalogue-table th{background:var(--jb-corail-50);color:var(--jb-corail-800)}.catalogue-faq details{border-bottom:1px solid var(--jb-bord);padding:18px 0}.catalogue-faq summary{cursor:pointer;color:var(--jb-encre);font-weight:600}.catalogue-faq details p{margin:16px 0 0}.catalogue-sources a{color:var(--jb-corail-700)}.catalogue-final{padding:32px 0}.catalogue-content a:focus-visible,.lang-switcher a:focus-visible{outline:3px solid var(--jb-action-appui);outline-offset:4px}.blog-nav-links [aria-current=page]{color:var(--jb-corail-700);font-weight:700}@media(max-width:767px){.catalogue-content{padding:32px 20px}.catalogue-grid{grid-template-columns:1fr}.catalogue-prose{font-size:1rem}.catalogue-prose h2{font-size:1.35rem}.blog-hero-premium h1{overflow-wrap:anywhere}.catalogue-table th,.catalogue-table td{padding:12px}}

.info-content{padding-top:40px;overflow-wrap:anywhere}.info-content>h1{max-width:780px;margin:0 auto 36px;font-size:2rem;color:var(--jb-encre)}.info-nav{display:flex;gap:24px;align-items:center}.info-nav>a{color:var(--jb-texte2)}.info-content ul{padding-left:24px}.info-content a{color:var(--jb-corail-700)}.info-content li{margin:12px 0}
.catalogue-card[hidden]{display:none}.catalogue-filter{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 24px;font-size:15px;font-weight:600}.catalogue-filter select{font:inherit;max-width:100%;padding:10px 14px;border:1px solid var(--jb-bord-fort);border-radius:7px;background:white;color:var(--jb-corail-800)}
.info-hero{padding:3.5rem 1.5rem 3rem;text-align:center}.info-hero h1{max-width:780px;margin:0 auto;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}
.catalogue-card-vignette{padding:0;gap:0;overflow:hidden;background:#fff}.catalogue-card-vignette .vignette{border-bottom:1px solid var(--jb-bord)}.catalogue-card-corps{display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px}.catalogue-card-corps span{color:var(--jb-corail-700);font-weight:600}