/* Aide Rappli : guide court et FAQ. Navigation, boutons et footer utilisent le shell V10. */
:root{--font-sans:var(--rappli-font);--ease:var(--rappli-ease);--pale:var(--rappli-surface);--radius-s:var(--rappli-radius-field);--t-button:15px;--help-content:980px}
*,*::before,*::after{box-sizing:border-box}
html{font-family:var(--rappli-font);scroll-behavior:auto;scrollbar-color:var(--rappli-line-strong) var(--rappli-white)}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--rappli-font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ol{margin:0}
h1,h2,h3{color:var(--navy);text-wrap:balance}
h1{font-size:clamp(40px,4.6vw,64px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
h2{font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.16;letter-spacing:-.025em}
h3{font-size:21px;font-weight:750;line-height:1.35;letter-spacing:-.01em}
p{text-wrap:pretty}
strong{font-weight:750;color:var(--navy)}
a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--navy)}
button,summary{font:inherit;touch-action:manipulation}
img{max-width:100%}
::selection{background:var(--rappli-line);color:var(--navy)}
:is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}
:is(section,details,[id],a,summary){scroll-margin-top:112px}
[hidden]{display:none!important}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.anchor-alias{display:block;height:0;overflow:hidden}
.help-content{width:min(var(--help-content),calc(100% - 64px));margin-inline:auto}
.help-section{padding-block:80px}
.help-section-intro{max-width:68ch;margin-bottom:36px}
.help-section-intro>p{margin-top:22px}
.help-hero{padding:76px 0 64px;text-align:center}
.help-hero h1{margin-inline:auto;max-width:780px}
.help-hero h1 span{color:var(--green)}
.help-lead{max-width:54ch;margin:24px auto 0;font-size:20px;line-height:1.6;color:var(--ink)}
.help-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 32px;margin-top:32px}
.help-actions .text-link{line-height:1.5}
.help-reassurance{margin-top:24px;font-size:15px;color:var(--muted)}
.help-start{padding-top:24px}
.help-start h2{font-size:clamp(27px,2.8vw,34px)}
.help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin-top:32px}
.help-steps li{display:flex;align-items:flex-start;gap:16px}
.help-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:50%;color:var(--blue);background:var(--surface);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.help-steps h3{font-size:19px;padding-top:3px}
.help-steps p{font-size:16px;margin-top:10px;line-height:1.65}
.help-forwarding{background:var(--surface);border-block:1px solid var(--line)}
.help-forwarding-reassurance{display:flex;gap:12px;align-items:flex-start;color:var(--green);font-size:16px}
.help-forwarding-reassurance .icon{width:20px;height:20px;margin-top:3px}
.help-code-table{padding:28px 32px 22px;border:1px solid var(--line-strong);border-radius:var(--rappli-radius-card);background:var(--white);box-shadow:var(--rappli-shadow-card)}
.help-code-table table,.help-fixed table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
.help-code-table caption{text-align:left;color:var(--navy);font-size:23px;font-weight:800;line-height:1.4;padding-bottom:22px}
.help-code-table th,.help-code-table td{padding:20px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.help-code-table th:first-child,.help-fixed th:first-child{width:48%;padding-left:0}
.help-code-table td,.help-fixed td{padding-right:0}
.help-code-table thead th,.help-fixed thead th{font-size:13px;font-weight:650;color:var(--muted);padding-top:0;padding-bottom:12px}
.help-code-table tbody tr:last-child th,.help-code-table tbody tr:last-child td{border-bottom:0}
.help-operator{display:flex;align-items:center;gap:18px;line-height:1.4;color:var(--navy);font-size:18px;font-weight:750}
.help-operator img{width:48px;height:40px;object-fit:contain;flex-shrink:0}
.help-operator small{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-top:3px}
code[data-forwarding-code]{display:inline-block;max-width:100%;padding:9px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px;line-height:1.4;letter-spacing:0;white-space:nowrap;user-select:all;font-variant-numeric:tabular-nums}
.help-code-legend{padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.help-fixed{margin-top:18px;border:1px solid var(--line-strong);border-radius:var(--rappli-radius-control);background:var(--white)}
.help-fixed>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:17px;line-height:1.4;font-weight:750;list-style:none;cursor:pointer;color:var(--navy);border-radius:inherit}
.help-fixed>summary::-webkit-details-marker{display:none}
@media(hover:hover) and (pointer:fine){.help-fixed>summary:hover{background:var(--surface)}}
.help-fixed>summary .icon{width:20px;height:20px}
.help-fixed[open]>summary .icon{transform:rotate(45deg)}
.help-fixed-content{padding:4px 24px 24px}
.help-fixed-content>p{font-size:16px;max-width:68ch}
.help-fixed-content>p:last-child{margin-top:20px}
.help-fixed table{margin-top:24px}
.help-fixed th,.help-fixed td{padding:16px 8px;border-bottom:1px solid var(--line);font-size:16px}
.help-fixed code{font-size:17px}
.help-fixed td a{display:inline-flex;align-items:center;min-height:44px}
.help-test{display:flex;align-items:flex-start;gap:18px;margin-top:32px;max-width:68ch}
.help-test>.icon{width:25px;height:25px;color:var(--green);margin-top:2px}
.help-test h3{font-size:20px}
.help-test p{margin-top:8px;font-size:16px}
.help-support-link{margin-top:24px;font-size:15px}
.help-support-link a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:750}
.help-faq .help-section-intro{margin-bottom:44px}
.help-faq-group+.help-faq-group{margin-top:48px}
.help-faq-group>h3{margin-bottom:18px;color:var(--green);font-size:20px}
.faq-list details{border-top:1px solid var(--line-strong)}
.faq-list details:last-child{border-bottom:1px solid var(--line-strong)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;min-height:72px;color:var(--navy);font-size:18px;font-weight:750;line-height:1.45;list-style:none;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
@media(hover:hover) and (pointer:fine){.faq-list summary:hover{color:var(--blue)}}
.faq-list summary>.icon{width:20px;height:20px;transition:transform 200ms var(--ease)}
.faq-list details:not(.faq-enhanced)[open] summary>.icon,.faq-list .is-open summary>.icon{transform:rotate(45deg)}
.faq-content-inner{min-height:0;overflow:hidden;max-width:72ch;font-size:16px;color:var(--ink)}
.faq-content-inner>p+p{margin-top:12px}
.faq-content-inner>:last-child{margin-bottom:24px}
.faq-content-inner>a{margin-top:10px}
.faq-enhanced>.faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 200ms var(--ease)}
.faq-enhanced.is-open>.faq-content{grid-template-rows:1fr}
.faq-instant,.faq-instant>.faq-content,.faq-instant>summary>.icon,.faq-list summary:focus-visible>.icon{transition:none}
.help-detail-note{font-size:14px;color:var(--muted)}
.help-guide-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:12px}
.help-guide-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.help-contact{background:var(--surface);border-top:1px solid var(--line)}
.help-contact-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.help-contact h2{font-size:clamp(30px,3vw,40px)}
.help-contact p{max-width:48ch;margin-top:18px}
.help-contact-actions{display:flex;flex-direction:column;align-items:center;gap:18px}
@media(max-width:920px){
 .help-steps{gap:24px}
 .help-steps li{display:block}
 .help-steps h3{margin-top:14px}
 .help-contact-inner{grid-template-columns:1fr;gap:28px}
 .help-contact-actions{align-items:flex-start}
}
@media(max-width:600px){
 body{font-size:16px}
 .help-content{width:calc(100% - 40px)}
 .help-section{padding-block:56px}
 .help-hero{padding:48px 0}
 .help-lead{font-size:18px;margin-top:20px}
 .help-actions{flex-direction:column;gap:14px;margin-top:28px}
 .help-actions .text-link{font-size:14px}
 .help-reassurance{font-size:14px;margin-top:20px}
 .help-start{padding-top:12px}
 .help-steps{grid-template-columns:1fr;gap:24px;margin-top:28px}
 .help-steps li{display:flex;gap:16px}
 .help-steps h3{margin-top:0}
 .help-steps p{margin-top:6px}
 .help-section-intro{margin-bottom:28px}
 .help-section-intro>p{margin-top:20px}
 .help-code-table{padding:22px 16px 18px;border-radius:20px}
 .help-code-table caption{font-size:21px;padding-bottom:18px}
 .help-code-table th,.help-code-table td{padding:18px 4px}
 .help-code-table th:first-child,.help-fixed th:first-child{width:45%}
 .help-code-table thead th,.help-fixed thead th{font-size:12px;line-height:1.5}
 .help-operator{gap:10px;font-size:15px}
 .help-operator img{width:26px;height:28px}
 .help-operator small{font-size:12px}
 code[data-forwarding-code]{font-size:14px;padding:8px 6px}
 .help-code-legend{font-size:13px;line-height:1.6}
 .help-fixed>summary{padding:18px 16px;font-size:16px}
 .help-fixed-content{padding:0 16px 20px}
 .help-fixed-content>p,.help-fixed th,.help-fixed td{font-size:14px}
 .help-fixed th,.help-fixed td{padding-inline:4px}
 .help-fixed code{font-size:13px;padding:8px 4px}
 .help-test{gap:14px}
 .help-test h3{font-size:19px}
 .help-support-link{font-size:14px}
 .help-faq .help-section-intro{margin-bottom:32px}
 .help-faq-group+.help-faq-group{margin-top:36px}
 .help-faq-group>h3{font-size:18px}
 .faq-list summary{font-size:16px;gap:16px;padding-block:20px;min-height:68px}
 .faq-content-inner{font-size:15px}
}
@media(max-width:360px){
 .help-content{width:calc(100% - 32px)}
 .help-code-table{padding-inline:12px}
 .help-operator{display:block}
 .help-operator img{display:none}
 code[data-forwarding-code]{font-size:13px;padding-inline:4px}
}
@media(prefers-reduced-motion:reduce){.faq-enhanced>.faq-content,.faq-list summary>.icon{transition:none}}
@media(forced-colors:active){.help-step-number,.help-code-table,.help-fixed,code[data-forwarding-code]{border-color:CanvasText;box-shadow:none}}

/* — v11 : entrée de page, sommaire interne, cohérence avec la homepage — */
.help-eyebrow{margin:0 0 18px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.help-index{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:34px 0 0}
.help-index a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:var(--white);box-shadow:var(--rappli-shadow-light);color:var(--navy);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;transition:border-color var(--rappli-fast),background-color var(--rappli-fast),transform var(--rappli-fast) var(--rappli-ease)}
.help-index a:hover{border-color:var(--navy);background:var(--surface);text-decoration:none}
.help-index a:active{transform:translateY(1px)}
.help-page .help-section{padding-block:clamp(64px,8vw,96px)}
.help-page .help-start{padding-top:34px}
.help-faq-group+.help-faq-group{margin-top:56px}
.help-workspace{background:var(--surface)}
.help-workspace-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.help-workspace-list li{display:flex;gap:14px;align-items:flex-start;color:var(--ink);font-size:15px;line-height:1.55}
.help-workspace-list .icon{width:22px;height:22px;color:var(--blue);margin-top:2px}
.help-workspace-list strong{display:block;margin-bottom:4px;color:var(--navy);font-size:16px;font-weight:750}
.help-workspace-action{margin:30px 0 0}
@media(max-width:920px){.help-workspace-list{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.help-index{display:grid;grid-template-columns:1fr;gap:8px}.help-index a{justify-content:center}}
