/* Gabarit des méthodes MarkenTIQ (07/11/2026, décisions de Julien) : tableaux, étapes, encadrés, checklist, méthodes liées. Chargé après les styles propres à chaque page. */
.contrib{border:1px solid var(--filet);border-radius:var(--r);padding:22px 24px;background:var(--fond);max-width:76ch}
.contrib .who{font-size:17px;font-weight:700}
.contrib .role{font-size:14px;color:var(--gris);margin-top:2px}
.contrib p{font-size:14.5px;margin-top:10px}
.rtable-scroll{overflow-x:auto;margin-top:16px;border:1px solid var(--filet);border-radius:14px}
.rtable{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px}
.rtable th,.rtable td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--filet)}
.rtable tbody tr:last-child td{border-bottom:0}
.rtable th{background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13.5px;letter-spacing:.01em}
.rtable tbody tr:nth-child(even) td{background:var(--fond)}
.rtable td:first-child{font-weight:600;color:var(--encre)}
.etape{max-width:76ch;margin-top:44px}
.etape .tete{display:flex;align-items:baseline;gap:16px}
.etape .num{font-size:56px;line-height:1;font-weight:800;color:var(--accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex:0 0 auto}
.etape h3{font-size:22px;margin:0}
.etape .ancre{display:inline-flex;align-items:center;gap:6px;margin-left:10px;color:var(--gris-note);text-decoration:none;vertical-align:middle;opacity:.7}
.etape .ancre:hover,.etape .ancre:focus-visible{opacity:1;color:var(--accent)}
.etape .lien-ok{font-family:var(--mono);font-size:11.5px;font-weight:500;color:var(--accent)}
.enbref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;max-width:880px}
.enbref div{border:1px solid var(--filet);border-top:3px solid var(--accent);border-radius:14px;padding:16px 18px 18px;background:#fff;box-shadow:0 1px 2px rgba(11,11,12,.05),0 6px 18px rgba(11,11,12,.05)}
.enbref b{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500}
.enbref svg{width:18px;height:18px;flex:0 0 auto}
.enbref span{display:block;font-size:15.5px;font-weight:600;color:var(--encre);margin-top:10px;line-height:1.45}
@media (max-width:720px){.enbref{grid-template-columns:1fr}}
.attention{border-left:4px solid var(--c-orange,#C2410C);background:#FFF7ED;border-radius:0 14px 14px 0;padding:14px 18px;margin-top:18px;max-width:76ch;font-size:15px}
.attention b{color:var(--c-orange,#C2410C)}
.cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;max-width:76ch}
.cartes div{border:1px solid var(--filet);border-radius:14px;padding:16px 18px;background:var(--fond)}
.cartes b{display:block;font-size:16px;color:var(--accent)}
.cartes span{display:block;font-size:14.5px;margin-top:6px;line-height:1.5}
@media (max-width:720px){.cartes{grid-template-columns:1fr}}
.checkliste{border:1px solid var(--filet);border-radius:14px;padding:18px 22px;background:var(--fond);margin-top:16px;max-width:76ch}
.checkliste .avance{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;color:var(--gris)}
.checkliste .barre{flex:1;height:8px;border-radius:99px;background:var(--filet);overflow:hidden}
.checkliste .barre i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
.checkliste h4{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-top:18px}
.checkliste label{display:flex;gap:12px;align-items:flex-start;margin-top:10px;font-size:15px;cursor:pointer}
.checkliste input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:0 0 auto}
.checkliste input:checked + span{color:var(--gris-note);text-decoration:line-through}
.checkliste .btnrow{margin-top:16px}
.lies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.lies div{border:1px solid var(--filet);border-radius:14px;padding:16px 18px}
.lies a{font-weight:700}
.lies span{display:block;font-size:14.5px;color:var(--gris);margin-top:6px}
@media (max-width:720px){.lies{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.checkliste,.checkliste *{visibility:visible}.checkliste{position:absolute;left:0;top:0;border:0}.checkliste .btnrow,.checkliste .note{display:none}}
pre.bloc{background:var(--nuit);color:#F4F4F5;padding:18px 20px 18px calc(20px + 2.2em);border-radius:var(--r);overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.65;margin-top:16px;word-break:break-all}
.gen{border:1px solid var(--filet);border-radius:var(--r);padding:22px 24px;background:var(--fond);margin-top:18px;max-width:76ch}
.gen label{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-top:14px}
.gen label:first-of-type{margin-top:0}
.gen textarea{width:100%;min-height:58px;margin-top:6px;padding:10px 12px;border:1px solid var(--filet);border-radius:8px;font:inherit;font-size:14.5px;background:#fff;color:var(--encre);resize:vertical}
.gen .sortie{margin-top:18px}
.gen .sortie h4{font-size:15px;font-weight:700}
.gen pre.bloc{min-height:46px}
.gen .lg{font-family:var(--mono);font-size:12.5px;color:var(--gris-note);margin-top:6px}
.gen .lg.trop{color:#B42318;font-weight:600}
.gen .avert{font-size:13.5px;color:#B45309;margin-top:6px}
.gen .aide{font-size:13.5px;color:var(--gris-note);margin-top:12px}
.gen .btn{margin-top:10px}
/* Grands numéros des étapes en cartes (méthodes plus anciennes, gabarit .principle) */
.principle .n{font-family:inherit;font-size:48px;font-weight:800;line-height:1;color:var(--accent);letter-spacing:-.03em}
.principle h3 .ancre,.etape h3 .ancre{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:var(--gris-note);text-decoration:none;vertical-align:middle;opacity:.7}
.principle h3 .ancre:hover,.principle h3 .ancre:focus-visible{opacity:1;color:var(--accent)}
.principle .lien-ok{font-family:var(--mono);font-size:11.5px;font-weight:500;color:var(--accent)}
/* Tableaux des pages plus anciennes : classe .tbl et tableaux sans classe dans le contenu */
main .tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;border:1px solid var(--filet);border-radius:14px;overflow:hidden;margin-top:16px}
main .tbl th,main .tbl td{padding:11px 14px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--filet)}
main .tbl tbody tr:last-child td{border-bottom:0}
main .tbl th{background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13.5px;font-family:inherit;text-transform:none;letter-spacing:.01em}
main .tbl tbody tr:nth-child(even) td{background:var(--fond)}
main .tbl td:last-child,main .tbl th:last-child{padding-right:14px}
main .tbl td:first-child{white-space:nowrap;font-weight:600;color:var(--encre)}
main .tbl tbody tr:hover{background:transparent}
main table.rtable{border:1px solid var(--filet);border-radius:14px;overflow:hidden}
main table.rtable th{border:0;border-bottom:1px solid var(--filet);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13.5px;font-family:inherit;text-transform:none;letter-spacing:.01em}
main table.rtable td{border:0;border-bottom:1px solid var(--filet)}
main table.rtable tbody tr:last-child td{border-bottom:0}
main table.rtable tbody tr:nth-child(even) td{background:var(--fond)}
.rtable-scroll .rtable{border:0;border-radius:0}