/* Centre de connaissances sur karateids.com : les pages des sections 01 à 09 dans la charte de Découvrir (octobre 2026).
   Après centre.css (v3) et regles.css (v1). Tout est sous .kh-page. */
.kh-page .kh-hero-theme{padding-bottom:18px}
.kh-page .kh-hero-theme h1 .accent,.kh-page h1 em{color:var(--kh-brand-text);font-style:normal}
.kh-page .kh-chapo{color:#DCD7CF}
.kh-sec-art{padding-top:32px}
.kh-art h2{display:flex;align-items:baseline;gap:10px}
.kh-art h2 i{font-style:normal;font-family:var(--font-display);font-size:19px;letter-spacing:.08em;color:var(--kh-brand-text);flex:none}
.kh-bref{margin-top:14px;padding:18px 22px;border-left:3px solid var(--kh-brand);background:#1a1716;border-radius:0 14px 14px 0;max-width:78ch}
.kh-bref p{font-size:17.5px;line-height:1.55;color:#F3EFE8;font-weight:500}
.kh-bref strong{font-weight:500}
.kh-prose{color:#DCD7CF}
.kh-prose p{margin:0 0 12px}
.kh-prose p:last-child{margin-bottom:0}
.kh-prose a{color:var(--kh-text);text-decoration:underline;text-decoration-color:var(--kh-brand);text-underline-offset:3px}
.kh-prose a:hover{color:#fff}
.kh-prose ul,.kh-prose ol{margin:0 0 12px;padding-left:1.3em}
.kh-prose li{margin:0 0 6px}
.kh-prose li::marker{color:var(--kh-brand-text)}
.kh-prose h3{font-size:19px;font-weight:700;margin:18px 0 8px;color:var(--kh-text)}
.kh-prose h4{font-size:16.5px;font-weight:700;margin:14px 0 6px}
.kh-prose strong{color:#F3EFE8}
.kh-prose em{font-style:italic}
.kh-prose .caveat{margin:14px 0;padding:14px 18px;border-left:3px solid var(--kh-bronze,#A67C52);background:#1b1915;border-radius:0 12px 12px 0;font-size:15px;color:var(--kh-muted)}
.kh-prose .caveat p{margin:0}
.kh-prose figure,.kh-prose .figures{margin:16px 0}
.kh-prose .figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.kh-prose figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--kh-line)}
.kh-prose figcaption{font-size:13.5px;color:var(--kh-muted);margin-top:8px}
.kh-prose .table-wrap,.kh-table-wrap{overflow:auto;margin:14px 0;border:1px solid var(--kh-line);border-radius:12px}
.kh-prose table,.kh-table-wrap table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.kh-prose th,.kh-prose td,.kh-table-wrap th,.kh-table-wrap td{padding:10px 14px;border-bottom:1px solid #272727;text-align:left;vertical-align:top}
.kh-prose th,.kh-table-wrap th{font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--kh-muted);background:#1c1c1c}
.kh-prose tr:last-child td,.kh-table-wrap tr:last-child td{border-bottom:0}
.kh-table-wrap .check{color:var(--kh-brand-text);font-weight:600}
.kh-prose .field{margin:10px 0}
.kh-prose label{display:block;font-size:14px;color:var(--kh-muted);margin-bottom:4px}
.kh-prose input:not([type=checkbox]):not([type=radio]),.kh-prose select,.kh-prose textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #4a4a4a;background:#1c1c1c;color:var(--kh-text);font:inherit}
.kh-prose .form-note{font-size:13.5px;color:var(--kh-muted)}
.kh-prose .btn{margin-top:8px}
.kh-prose img{max-width:100%;height:auto}
/* « Lire aussi », « Dans la même section » */
.kh-lire,.kh-meme{padding-top:40px}
.kh-lire .kh-tt h2,.kh-meme .kh-tt h2{font-size:28px}
.kh-meme .kh-groupe-intro{margin:-10px 0 14px;color:var(--kh-muted)}
.kh-autres a .kh-ico:last-child{color:var(--kh-brand-text)}
/* carrefours de section : les guides en cartes */
.kh-eyebrow-sec{margin:0 0 6px;font-size:13.5px}
.kh-groupe-hub{padding-top:44px}
.kh-groupe-hub .kh-tt{margin-bottom:16px}
.kh-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.kh-carte{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:16px 18px;border-radius:14px;background:var(--kh-surface);border:1px solid var(--kh-line);color:var(--kh-text);transition:border-color .2s,background .2s}
.kh-carte:hover{border-color:#5d5852;background:#232323}
.kh-carte strong{font-weight:600;font-size:16.5px;line-height:1.3}
.kh-carte span{grid-column:1;font-size:14px;line-height:1.45;color:var(--kh-muted)}
.kh-carte .kh-ico{grid-column:2;grid-row:1/span 2;color:var(--kh-brand-text)}
/* appel final : deux boutons */
.kh-bande-btns{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.kh-bande .btn-ghost{border:1px solid #5a5a5a;background:transparent;color:var(--kh-text)}
/* comparaisons */
.kh-vs-grille{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}
.kh-vs{background:#141414;border:1px solid #4a4a4a;border-radius:18px;padding:22px 24px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.kh-vs-ligne{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.kh-vs-c small{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--kh-muted)}
.kh-vs-c b{display:block;font-family:var(--font-display);font-size:34px;letter-spacing:.04em;line-height:1;margin-top:4px}
.kh-vs-c:last-child{text-align:right}
.kh-vs-m{font-family:var(--font-display);font-size:22px;color:var(--kh-brand-text);letter-spacing:.1em}
.kh-vs-regles{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid #2b2b2b;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--kh-muted)}
.kh-vs-regles span:last-child{text-align:right}
.kh-hero-vs .kh-search{margin-top:30px}
.kh-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kh-portrait{position:relative;overflow:hidden}
.kh-portrait .kh-kanji{position:absolute;right:18px;top:12px;font-size:64px;line-height:1;color:rgba(216,91,96,.18);font-weight:700;pointer-events:none}
.kh-portrait h3,.kh-choix h3,.kh-faq h3{font-size:22px;font-weight:700;line-height:1.25;margin-bottom:8px}
.kh-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.kh-tags span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--kh-line);color:var(--kh-muted)}
.kh-tableau{padding:10px}
.kh-tableau .kh-table-wrap{margin:0;border:0}
.kh-callout{margin-top:0}
.kh-callout h3{font-size:22px;color:var(--kh-text);margin-bottom:8px}
.kh-callout p{color:#DCD7CF;font-size:16px}
.kh-faq .kh-reponse{margin-top:6px}
@media (max-width:1023px){.kh-vs-grille{grid-template-columns:1fr;gap:20px}.kh-vs-c b{font-size:28px}}
@media (max-width:700px){
 .kh-sec-art{padding-top:24px}.kh-art h2{font-size:21px}.kh-bref{padding:14px 16px}.kh-bref p{font-size:16.5px}
 .kh-deux{grid-template-columns:1fr}.kh-portrait .kh-kanji{font-size:48px}.kh-cartes{grid-template-columns:1fr}
 .kh-lire,.kh-meme{padding-top:30px}.kh-lire .kh-tt h2,.kh-meme .kh-tt h2{font-size:24px}
 .kh-prose table,.kh-table-wrap table{min-width:460px;font-size:14px}
}
/* le titre : la partie en couleur reste dans la phrase (centre.css met les span du h1 de Découvrir en bloc) */
.kh-page h1 span{display:inline}
.kh-page h1 .accent{color:var(--kh-brand-text)}
/* bandeau avec photo et texte de présentation (pages d'offre de la section 07) */
.kh-hero-grille{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}
.kh-hero-fig figure{margin:0}
.kh-hero-fig img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--kh-line)}
.kh-hero-fig figcaption{font-size:13px;color:var(--kh-muted);margin-top:8px}
.kh-hero-plus{margin-top:14px;max-width:680px;color:#DCD7CF}
.kh-hero-plus p{margin:0 0 10px;font-size:16.5px;line-height:1.55}
.kh-hero-plus p[class$="-actions"]{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.kh-hero-plus ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}
.kh-hero-plus li{border:1px solid var(--kh-line);border-radius:999px;padding:5px 13px;font-size:14px;color:var(--kh-text);background:var(--kh-surface)}
/* les tableaux, figures et encadrés prennent toute la carte ; le texte garde sa mesure */
.kh-art .kh-reponse{max-width:none}
.kh-prose>p,.kh-prose>ul,.kh-prose>ol,.kh-prose>h3,.kh-prose>h4{max-width:78ch}
/* encadré des comparaisons */
.kh-callout{background:var(--kh-surface);border:1px solid var(--kh-line);border-left:3px solid var(--kh-brand);border-radius:0 16px 16px 0}
.kh-callout h3{font-weight:700}
/* ancre § des titres de section */
.kh-page .kh-tt h2 .kh-ancre{font-size:.7em;margin-right:8px;vertical-align:.15em}
@media (max-width:1023px){.kh-hero-grille{grid-template-columns:1fr;gap:22px}.kh-hero-fig{order:-1;max-width:640px}}
.kh-groupe-apres{margin-top:16px;max-width:78ch;color:var(--kh-muted);font-size:15.5px;line-height:1.55}
.kh-groupe-apres a,.kh-groupe-intro a{color:var(--kh-text);text-decoration:underline;text-decoration-color:var(--kh-brand);text-underline-offset:3px}
.kh-callout-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.kh-callout .btn-ghost{border:1px solid #5a5a5a;background:transparent;color:var(--kh-text)}
.kh-prose figure{max-width:720px}
.kh-prose figure img{max-height:560px;object-fit:cover}
.kh-prose ul{list-style:disc}
.kh-prose ol{list-style:decimal}
.kh-prose ul ul{list-style:circle}