/* =============================================================================
   ARTICLES ET RUBRIQUES (pages SEO) AU STYLE V3 — 21/10/2026, François : « essayer de faire mieux, ça ne fait pas très moderne
   (en tout cas sur PC) ». Chargée APRÈS le style d'article.php / categorie.php. Mise en page éditoriale : grand titre serré,
   colonne de lecture de 68 caractères, liens soulignés en jaune, tableaux arrondis, colonne de droite sans cadre, appel en carte noire.
   ============================================================================= */
body{line-height:1.6!important}
.seo_layout{max-width:1120px!important;padding:40px 24px 80px!important;gap:72px!important;grid-template-columns:minmax(0,1fr) 260px!important}
@media (max-width:900px){.seo_layout{grid-template-columns:1fr!important;gap:40px!important;padding:24px 18px 64px!important}}

/* en-tête de l'article */
.crumb{font-size:13px!important;margin:0 0 22px!important;color:var(--ink-soft)!important}
.crumb a{color:var(--ink-soft)!important;text-decoration:none!important}
.crumb a:hover{color:var(--ink)!important}
.adates{font-size:13px!important;color:var(--ink-soft)!important;margin:0 0 26px!important}
.seo_kicker{display:inline-block;margin:0 0 18px!important;padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);
  font-size:12px!important;font-weight:600;letter-spacing:.04em!important;color:var(--ink)!important}
.seo_hero h1{font-size:clamp(34px,5vw,56px)!important;line-height:1.04!important;letter-spacing:-.03em!important;font-weight:750!important;margin:0 0 22px!important;max-width:17ch}
.seo_intro{font-size:clamp(18px,1.6vw,21px)!important;line-height:1.6!important;color:var(--ink-soft)!important;max-width:62ch}

/* corps */
.seo_section{margin:52px 0 0!important;max-width:68ch}
.seo_section h2{font-size:clamp(24px,2.4vw,31px)!important;line-height:1.15!important;letter-spacing:-.02em!important;margin:0 0 16px!important;color:var(--ink)!important}
.seo_section h3{font-size:20px!important;margin:30px 0 10px!important;letter-spacing:-.01em!important}
.seo_section p,.seo_section li{font-size:18px!important;line-height:1.75!important;color:color-mix(in srgb,var(--ink) 86%,transparent)}
.seo_section strong{color:var(--ink)!important}
.seo_section a,.seo_hero a{background:none!important;color:var(--ink)!important;font-weight:600!important;padding:0!important;
  text-decoration:underline!important;text-decoration-color:#eec33a!important;text-decoration-thickness:3px!important;text-underline-offset:4px!important}
.seo_section a:hover,.seo_hero a:hover{text-decoration-color:var(--ink)!important}
.seo_section code{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:6px!important;font-size:.88em}
.seo_section ul,.seo_section ol{padding-inline-start:24px!important}
.seo_section li::marker{color:#c99a1e}
/* tableaux : carte arrondie, filets horizontaux seulement */
.seo_section table{display:table!important;width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);margin:22px 0!important;font-size:15.5px!important}
.seo_section th,.seo_section td{border:0!important;border-top:1px solid var(--line)!important;padding:14px 18px!important;vertical-align:top}
.seo_section tr:first-child th,.seo_section tr:first-child td{border-top:0!important}
.seo_section th{background:var(--panel-2)!important;font-weight:650}
.seo_section td:first-child{font-weight:650;color:var(--ink)}
@media (max-width:640px){.seo_section table{display:block!important;overflow-x:auto}}

/* colonne de droite : liste simple, sans cadre ; appel en carte noire */
aside.seo_side{top:96px!important}
.seo_box{background:transparent!important;border:0!important;padding:0!important;margin:0 0 28px!important}
.seo_box__title{font-size:12px!important;letter-spacing:.06em!important;color:var(--ink-soft)!important;margin:0 0 12px!important}
.seo_box nav a{border:0!important;padding:7px 0 7px 14px!important;font-size:15px!important;color:var(--ink-soft)!important;position:relative;line-height:1.35}
.seo_box nav a:hover{color:var(--ink)!important}
.seo_box nav a.active{color:var(--ink)!important;font-weight:650}
.seo_box nav a.active::before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#eec33a}
.seo_cta{background:var(--ink)!important;color:var(--bg)!important;border-radius:22px!important;padding:24px!important;border:0!important}
.seo_cta h3{font-size:19px!important;margin:0 0 8px!important;color:var(--bg)!important;letter-spacing:-.01em!important}
.seo_cta p{font-size:14.5px!important;color:color-mix(in srgb,var(--bg) 75%,transparent)!important;margin:0 0 16px!important}
.seo_cta a{background:#eec33a!important;color:#141414!important;border-radius:999px!important;font-size:14.5px!important;padding:12px 20px!important;text-transform:none!important;letter-spacing:0!important}

/* « À lire aussi » : cartes */
.lire-aussi{border-top:0!important;padding:0!important;margin:64px 0 0!important;max-width:none}
.lire-aussi h2{font-size:13px!important;letter-spacing:.06em!important;color:var(--ink-soft)!important;margin:0 0 14px!important}
.lire-aussi ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.lire-aussi li{margin:0!important}
.lire-aussi a{display:block;height:100%;background:var(--panel);border:1px solid var(--line)!important;border-radius:18px;padding:18px 20px;
  font-size:16px!important;font-weight:650;line-height:1.35!important;color:var(--ink)!important;text-decoration:none!important;transition:transform .15s,border-color .15s}
.lire-aussi a:hover{transform:translateY(-2px);border-color:var(--ink)!important}