/* Articles-fiches : blocs éditoriaux autour de la fiche [zk_fiche] (refonte du 2026-11-07, dans la ligne de la variante B).
   Balisage généré par scripts/design.py : zk-ed-p, zk-ed-bref, zk-ed-h2, zk-ed-card, zk-ed-table, zk-ed-more, .zk-faq.
   Principe : une seule voix visuelle, à plat ; le filet marine ouvre une section, les traits fins séparent, l'encadré est réservé à l'inédit. */
:root{--za-navy:#083b5c;--za-blue:#009cff;--za-ink:#14212b;--za-ink2:#2b3a46;--za-mute:#5b6b78;--za-line:#dbe4eb;--za-soft:#f2f7fa}
.zk-ed-p,.zk-ed-h2,.zk-ed-card,.zk-ed-table,.zk-ed-more,.zk-faq{font-family:Archivo,system-ui,sans-serif;color:var(--za-ink2)}

/* Texte courant et chapô. */
.zk-ed-p{font-size:17px;line-height:1.7;max-width:68ch;margin:0 0 16px}
.zk-ed-p.zk-ed-bref{font-size:clamp(18px,2.2vw,21px);line-height:1.55;color:var(--za-ink);max-width:62ch;margin:4px 0 30px}
.zk-ed-bref strong{font-stretch:106%;font-weight:800;color:var(--za-navy)}

/* Titres de section. */
.zk-ed-h2{font-size:clamp(25px,3vw,32px);font-stretch:108%;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--za-ink);
	margin:50px 0 16px;padding:18px 0 0;border:0;border-top:1px solid var(--za-line)}

/* Sections éditoriales : titre à gauche, texte à droite. */
.zk-ed-card{display:grid;grid-template-columns:minmax(190px,.36fr) 1fr;gap:4px clamp(24px,4vw,48px);margin:46px 0;padding:20px 0 0;border-top:1px solid var(--za-line)}
.zk-ed-card h2{font-family:inherit;font-size:clamp(21px,2.4vw,26px);font-stretch:106%;font-weight:800;line-height:1.14;letter-spacing:-.005em;color:var(--za-ink);margin:0;padding:0;border:0}
.zk-ed-card .zk-ed-body p{font-size:17px;line-height:1.7;max-width:64ch;margin:0 0 14px;color:var(--za-ink2)}
.zk-ed-card .zk-ed-body p:last-child{margin-bottom:0}
.zk-ed-avantages h2::before{content:"+";display:block;font-size:44px;font-stretch:70%;font-weight:800;line-height:.9;color:#1b8a4a;margin-bottom:8px}
.zk-ed-conseils h2::before{content:"";display:block;width:34px;height:4px;background:var(--za-navy);margin-bottom:14px}
.zk-ed-exclusif{padding:24px clamp(18px,3vw,30px);background:var(--za-soft);border-top:4px solid var(--za-navy)}
.zk-ed-exclusif h2::before{content:"";display:block;width:34px;height:4px;background:var(--za-blue);margin-bottom:14px}

/* Tableau comparatif. */
.zk-ed-table{overflow-x:auto;margin:22px 0;-webkit-overflow-scrolling:touch}
.zk-ed-table table{width:100%;min-width:520px;border-collapse:collapse;margin:0;display:table;font-size:16px}
.zk-ed-table th{padding:12px 16px 12px 0;text-align:left;font-weight:800;font-size:15px;color:var(--za-ink);background:none;border:0;border-bottom:2px solid var(--za-navy);vertical-align:bottom}
.zk-ed-table th strong{display:inline-block;border-bottom:3px solid var(--za-blue);padding-bottom:3px;color:var(--za-navy)}
.zk-ed-table th a{color:var(--za-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.zk-ed-table td{padding:12px 16px 12px 0;border:0;border-bottom:1px solid var(--za-line);vertical-align:top;color:var(--za-ink2);background:none;line-height:1.5}
.zk-ed-table td:first-child{width:22%;font-weight:700;color:var(--za-ink)}
.zk-ed-table tr:last-child td{border-bottom:0}

/* À lire aussi. */
.zk-ed-more{margin:52px 0 14px;padding:18px 0 0;border-top:4px solid var(--za-navy)}
.zk-ed-more-t{font-size:clamp(20px,2.4vw,24px);font-stretch:106%;font-weight:800;color:var(--za-ink);margin:0 0 14px}
.zk-ed-more ul{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.zk-ed-more li{break-inside:avoid;margin:0 0 10px;padding:0}
.zk-ed-more a{font-size:17px;font-weight:600;color:var(--za-navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.zk-ed-more a:hover{color:var(--za-blue)}

/* Questions fréquentes : liste à plat, un + qui devient – à l'ouverture. */
.zk-faq{margin:6px 0 24px;border-bottom:1px solid var(--za-line)}
.zk-faq details{border:0;border-top:1px solid var(--za-line);border-radius:0;margin:0;padding:0;background:none}
.zk-faq summary{position:relative;list-style:none;cursor:pointer;font-weight:700;font-size:17px;line-height:1.35;color:var(--za-ink);padding:17px 38px 17px 0}
.zk-faq summary::-webkit-details-marker{display:none}
.zk-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-52%);font-size:28px;font-weight:300;color:var(--za-navy);line-height:1}
.zk-faq details[open] summary::after{content:"–"}
.zk-faq summary:focus-visible{outline:3px solid var(--za-blue);outline-offset:2px}
.zk-faq details p{font-size:17px;line-height:1.7;max-width:64ch;margin:0 0 18px;color:var(--za-ink2)}

@media(max-width:760px){
	.zk-ed-card{grid-template-columns:1fr;gap:12px}
	.zk-ed-more ul{columns:1}
	.zk-ed-h2{margin-top:40px}
}

/* Sommaire des longs articles : deux colonnes, filets fins. */
.zk-ed-toc{font-family:Archivo,system-ui,sans-serif;margin:8px 0 34px;padding:14px 0;border-top:1px solid var(--za-line);border-bottom:1px solid var(--za-line)}
.zk-ed-toc-t{font-size:17px;font-stretch:106%;font-weight:800;color:var(--za-ink);margin:0 0 10px}
.zk-ed-toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.zk-ed-toc li{break-inside:avoid;margin:0 0 7px;padding:0}
.zk-ed-toc a{font-size:16px;font-weight:600;color:var(--za-navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.zk-ed-toc a:hover{color:var(--za-blue)}
@media(max-width:760px){.zk-ed-toc ul{columns:1}}

/* Liens dans le texte des articles : marine, soulignement fin. */
.zk-ed-p a,.zk-ed-body a,.zk-faq details p a,.zk-ed-table td a{color:var(--za-navy);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.zk-ed-p a:hover,.zk-ed-body a:hover,.zk-faq details p a:hover,.zk-ed-table td a:hover{color:var(--za-blue)}