/* guide.css — page « Guide d'utilisation » (octobre 2026) ; s'appuie sur legal.css (bandeau .lg-hero, cartes .lg-sec) */
.gd-wrap { max-width:1180px }
.gd-layout { display:grid; grid-template-columns:230px minmax(0, 1fr); gap:22px; align-items:start }
.gd-main { display:flex; flex-direction:column; gap:18px; min-width:0 }
.gd-toc { position:sticky; top:86px; display:flex; flex-direction:column; gap:3px; padding:14px; border-radius:16px; background:#FFFFFF; border:2px solid #1E293B; max-height:calc(100vh - 110px); overflow:auto }
.gd-toc b { margin:0 0 6px; font:900 12.5px Inter, sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#334155 }
.gd-toc a { --k:#1D4ED8; display:flex; align-items:center; gap:9px; padding:6px 8px; border-radius:10px; border:2px solid transparent; color:#1E293B; font:700 13.5px/1.25 Inter, sans-serif; text-decoration:none }
.gd-toc a i { flex-shrink:0; display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:color-mix(in srgb, var(--k) 14%, #FFFFFF); color:var(--k); font-size:16px }
.gd-toc a:hover, .gd-toc a:focus-visible { background:color-mix(in srgb, var(--k) 9%, #FFFFFF); border-color:color-mix(in srgb, var(--k) 40%, #FFFFFF); outline:0 }

.gd-profils { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:12px; margin:0 0 16px }
.gd-pf { --k:#475569; display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:14px 16px; border-radius:14px; background:color-mix(in srgb, var(--k) 8%, #FFFFFF); border:2px solid var(--k) }
.gd-pf i { font-size:26px; color:var(--k) }
.gd-pf b { font:900 16px Inter, sans-serif; color:#0F172A }
.gd-pf small { font:600 13px Inter, sans-serif; color:#475569 }

.gd-scroll { overflow-x:auto; margin:0 0 14px; border-radius:12px }
.gd-tab { width:100%; border-collapse:collapse; font:500 14.5px/1.45 Inter, sans-serif; background:#FFFFFF }
.gd-tab th, .gd-tab td { padding:9px 12px; border:1.5px solid #CBD5E1; text-align:left; vertical-align:middle }
.gd-tab th { background:#1E293B; color:#FFFFFF; font-weight:800; white-space:nowrap }
.gd-tab td:not(:first-child), .gd-tab th:not(:first-child) { text-align:center }
.gd-tab tbody tr:nth-child(even) td { background:#F8FAFC }
.gd-tab td.y { color:#047857; font-weight:900; font-size:17px; background:#ECFDF5 !important }
.gd-tab td.n { color:#94A3B8; background:#F1F5F9 !important }
.gd-tab td:first-child { font-weight:600; color:#0F172A }

.gd-alert { display:flex; gap:14px; align-items:flex-start; margin:14px 0 4px; padding:14px 16px; border-radius:14px; background:#FEF2F2; border:2px solid #DC2626; color:#7F1D1D }
.gd-alert > i { font-size:26px; color:#DC2626; flex-shrink:0 }
.gd-alert p { margin:0 0 8px !important }
.gd-alert p:last-child { margin:0 !important }
.gd-alert-v { background:#F5F3FF; border-color:#6D28D9; color:#2E1065 }
.gd-alert-v > i { color:#6D28D9 }

.gd-steps { list-style:none; counter-reset:s; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:8px }
.gd-steps li { counter-increment:s; display:flex; gap:12px; align-items:flex-start; padding:10px 14px; border-radius:12px; background:#F0FDFA; border:2px solid #99F6E4 }
.gd-steps li::before { content:counter(s); flex-shrink:0; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#0F766E; color:#FFFFFF; font:900 14px Inter, sans-serif }
.gd-steps li span { flex:1; text-align:justify }

.gd-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px }
.gd-chips span { display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:99px; background:#ECFDF5; border:1.5px solid #059669; color:#064E3B; font:700 13px Inter, sans-serif }
.gd-chips i { font-size:17px; color:#047857 }

.gd-esp { --c:#1D4ED8; margin:0 0 12px; padding:14px 18px; border-radius:14px; background:color-mix(in srgb, var(--c) 6%, #FFFFFF); border:2px solid var(--c) }
.gd-esp h3 { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 8px !important; font:900 17px Inter, sans-serif !important; color:#0F172A !important }
.gd-esp h3 > i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--c); color:#FFFFFF; font-size:19px }
.gd-esp p { margin:0 0 8px !important }
.gd-esp ul { margin:0 !important }

.gd-tag { display:inline-block; padding:2px 10px; border-radius:99px; font:800 11.5px/1.6 Inter, sans-serif; letter-spacing:.02em; vertical-align:middle; border:1.5px solid }
.gd-tag.libre { background:#ECFDF5; color:#065F46; border-color:#059669 }
.gd-tag.cpt { background:#EFF6FF; color:#1E3A8A; border-color:#2563EB }
.gd-tag.sio { background:#F5F3FF; color:#4C1D95; border-color:#7C3AED }
.gd-tag.av { background:#FFFBEB; color:#78350F; border-color:#D97706 }
.gd-tag.imp { background:#FEF2F2; color:#7F1D1D; border-color:#DC2626 }

.gd-kpi { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:12px; margin:0 0 14px }
.gd-kpi div { display:flex; flex-direction:column; padding:12px 16px; border-radius:14px; background:#FFF7ED; border:2px solid #EA580C }
.gd-kpi b { font:900 26px/1.1 Inter, sans-serif; color:#9A3412 }
.gd-kpi span { font:600 13px/1.4 Inter, sans-serif; color:#7C2D12 }

.gd-two { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:14px; margin:0 0 12px }
.gd-os { --k:#475569; padding:14px 18px; border-radius:14px; background:#FFFFFF; border:2px solid var(--k) }
.gd-os h4 { display:flex; align-items:center; gap:9px; margin:0 0 8px; font:900 16px Inter, sans-serif; color:var(--k) }
.gd-os h4 i { font-size:24px }
.gd-os ol { margin:0; padding-left:20px }
.gd-os li { margin:0 0 6px }

.gd-faq details { margin:0 0 8px; border-radius:12px; background:#F8FAFC; border:2px solid #CBD5E1 }
.gd-faq summary { cursor:pointer; padding:11px 16px; font:800 15px/1.4 Inter, sans-serif; color:#0F172A; list-style:none; display:flex; justify-content:space-between; gap:12px }
.gd-faq summary::after { content:"+"; font:900 20px/1 Inter, sans-serif; color:#475569 }
.gd-faq details[open] { border-color:#475569; background:#FFFFFF }
.gd-faq details[open] summary::after { content:"−" }
.gd-faq summary:focus-visible { outline:3px solid #22D3EE; outline-offset:2px; border-radius:10px }
.gd-faq details p { margin:0; padding:0 16px 14px }

.gd-chips-code, .lg-txt code { padding:1px 6px; border-radius:6px; background:#E2E8F0; font:600 .9em ui-monospace, Menlo, Consolas, monospace; color:#0F172A }
.lg-txt kbd { padding:1px 7px; border-radius:6px; background:#F1F5F9; border:1.5px solid #94A3B8; border-bottom-width:3px; font:700 .85em Inter, sans-serif; color:#0F172A }
.gd-ver { margin:4px 0 0; text-align:center; font:600 12.5px Inter, sans-serif; color:#E2E8F0 }

@media (max-width:900px) {
  .gd-layout { grid-template-columns:1fr }
  .gd-toc { position:static; flex-direction:row; flex-wrap:wrap; max-height:none; gap:6px }
  .gd-toc b { width:100% }
  .gd-toc a { padding:5px 9px; border-color:color-mix(in srgb, var(--k) 30%, #FFFFFF); background:#FFFFFF }
}
@media (max-width:640px) { .gd-steps li span, .gd-esp p { text-align:left } .gd-tab { font-size:13.5px } }
@media print {
  .gd-toc, .gd-faq summary::after { display:none !important }
  .gd-layout { display:block }
  .gd-faq details { border:1px solid #999999 }
  .gd-faq details > p { display:block }
}