/* GHOSTFORM / une situation qui prend forme. BENZIN + Montserrat, sans dépendance. */
.page-questionnaire { background:#080808; color:#f2eee7; }
.page-questionnaire main { max-width:none; padding:0; overflow:clip; }
.qf { --qf-rouge:#ff4b43; --qf-gris:#b6b3ad; width:min(1440px,100%); padding:clamp(28px,5vw,80px) clamp(18px,5vw,72px) 70px; margin:auto; }
.qf-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:12px 7%; align-items:end; padding-bottom:46px; border-bottom:1px solid #343331; }
.qf-rubrique { font:600 10px/1.7 Montserrat,Arial,sans-serif; letter-spacing:.19em; text-transform:uppercase; color:var(--qf-gris); margin:0 0 22px; }
.qf-intro>.qf-rubrique { grid-column:1/-1; }
.qf-intro h1 { font:600 clamp(46px,6.9vw,104px)/.98 Benzin,Arial,sans-serif; letter-spacing:-.065em; margin:0; max-width:none; }
.qf-intro h1 span { color:var(--qf-rouge); }
.qf-intro>div>p:first-child { font:500 clamp(17px,1.6vw,23px)/1.5 Montserrat,Arial,sans-serif; margin:0 0 18px; }
.qf strong { color:#fff; }
.qf-petit { color:var(--qf-gris); font:400 12px/1.75 Montserrat,Arial,sans-serif; max-width:43rem; }
.qf-experience { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.55fr); gap:clamp(24px,5vw,76px); padding-top:42px; }
.qf-rail { align-self:start; position:sticky; top:105px; min-height:450px; height:min(600px,72vh); display:flex; flex-direction:column; justify-content:space-between; border:1px solid #333230; padding:22px; overflow:hidden; background:radial-gradient(ellipse at 20% 10%,#292723 0,transparent 60%),#0e0e0d; }
.qf-rail__haut,.qf-rail__bas { display:flex; justify-content:space-between; align-items:start; position:relative; z-index:1; color:#c3c0ba; font:600 9px/1.7 Montserrat,Arial,sans-serif; letter-spacing:.13em; }
.qf-rail__x { color:var(--qf-rouge); font:600 42px/1 Benzin,Arial,sans-serif; }
.qf-rail__bas { border-top:1px solid #484541; padding-top:18px; align-items:end; }
.qf-rail__bas span:last-child { text-align:right; }
.qf-sculpture { width:210px; height:210px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-18deg); perspective:700px; }
.qf-cadre { position:absolute; inset:0; border:9px solid transparent; border-image:linear-gradient(115deg,#262625,#f3eee6 30%,#79756f 44%,#161615 57%,#c8c3ba 81%,#494642) 1; transform:rotateY(35deg) rotateX(20deg) rotate(calc(var(--qf-tour,0)*8deg)); transition:transform .7s cubic-bezier(.16,1,.3,1); box-shadow:12px 22px 20px #0009; }
.qf-cadre--2 { inset:28px -12px 28px; transform:rotateY(-25deg) rotateX(-15deg) rotate(calc(36deg + var(--qf-tour,0)*-7deg)); border-width:7px; }
.qf-cadre--3 { inset:52px 12px; transform:rotateY(25deg) rotateX(35deg) rotate(calc(72deg + var(--qf-tour,0)*11deg)); border-width:5px; }
.qf-cadre--4 { inset:73px 42px; border-image:linear-gradient(120deg,#832820,#ff655c,#9a2520) 1; transform:rotateY(-20deg) rotate(calc(18deg + var(--qf-tour,0)*-9deg)); border-width:4px; }
.qf-centre { position:absolute; width:5px; height:5px; background:#ff5b50; top:50%; left:50%; border-radius:50%; }
.qf .qf-form { max-width:none; width:100%; margin:0; min-width:0; }
.qf-progression { scroll-margin-top:95px; }
.qf-progression>div { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:16px; }
.qf-progression [data-qf-etape] { font:600 10px/1.6 Montserrat,Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; color:#dedad3; }
.qf progress { display:block; border:0; width:100%; height:2px; appearance:none; background:#363431; color:var(--qf-rouge); }
.qf progress::-webkit-progress-bar { background:#363431; }
.qf progress::-webkit-progress-value { background:var(--qf-rouge); transition:width .45s ease; }
.qf progress::-moz-progress-bar { background:var(--qf-rouge); }
.qf-stockage { margin:15px 0 32px; font-size:10px; }
.qf-etape { margin-bottom:46px; border-bottom:1px solid #343331; padding-bottom:30px; }
.qf-enhanced .qf-etape { border:0; padding:0; margin:0; }
.qf-etape[hidden],.qf [hidden] { display:none !important; }
.qf .qf-titre { font:600 clamp(24px,2.6vw,37px)/1.2 Benzin,Arial,sans-serif; letter-spacing:-.045em; margin:0 0 18px; color:#f2eee7; max-width:26em; }
.qf .qf-titre:focus { outline:none; }
.qf-contexte { font:400 13px/1.8 Montserrat,Arial,sans-serif; color:#b6b3ad; margin:0 0 25px; max-width:40rem; }
.qf-choix { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0 0; }
.qf-carte { position:relative; display:flex; align-items:start; gap:12px; cursor:pointer; min-height:96px; padding:21px 18px; border:1px solid #484642; background:linear-gradient(130deg,#191918,#101010); transition:border-color .22s,transform .22s,background .22s; font:500 12px/1.6 Montserrat,Arial,sans-serif; }
.qf-carte input { position:absolute; opacity:0; width:1px; height:1px; }
.qf-carte__index { font-size:9px; color:#aca8a0; min-width:16px; padding-top:2px; }
.qf-carte__texte { padding-right:18px; }
.qf-carte__signal { position:absolute; right:12px; bottom:14px; border:1px solid #7a746c; width:12px; height:12px; border-radius:50%; }
.qf-carte:has(input[type=checkbox]) .qf-carte__signal { border-radius:1px; }
.qf-carte:has(input:checked) { border-color:#ff7067; background:linear-gradient(120deg,#33211f,#171211); }
.qf-carte:has(input:checked) .qf-carte__signal { background:var(--qf-rouge); border-color:var(--qf-rouge); box-shadow:inset 0 0 0 2px #201716; }
.qf-carte:has(input:focus-visible),.qf-approfondir:has(input:focus-visible) { outline:2px solid #f2eee7; outline-offset:3px; }
@media(hover:hover) { .qf-carte:hover { transform:translateY(-2px); border-color:#9b9387; }.qf-carte:has(input:checked):hover { border-color:#ff7067; } }
.qf-sous-question { border:0; padding:0; margin:25px 0 0; }
.qf-sous-question legend,.qf-consentements legend { font:600 13px/1.7 Montserrat,Arial,sans-serif; color:#f2eee7; padding:0; }
.qf-sous-question .qf-choix { margin-top:12px; }
.qf-erreur,.qf-aide { font:500 12px/1.65 Montserrat,Arial,sans-serif; color:#ff9c93; margin:8px 0; min-height:0; }
.qf-erreur:empty,.qf-aide:empty { display:none; }
.qf .champ { margin-top:20px; }
.qf .champ label,.qf .champ .libelle { color:#e6e2da; font:500 12px/1.7 Montserrat,Arial,sans-serif; }
.qf .champ input,.qf .champ textarea,.qf .champ select { border:1px solid #67615a; background:#111110; color:#f2eee7; border-radius:0; padding:14px; font:400 14px/1.6 Montserrat,Arial,sans-serif; max-width:100%; }
.qf .champ .aide { color:#b6b3ad; font-size:11px; }
.qf .champ input:focus,.qf .champ textarea:focus,.qf .champ select:focus { outline:2px solid #f2eee7; outline-offset:3px; }
.qf .bouton { background:#f2eee7; border:1px solid #f2eee7; color:#080808; font:600 12px/1.5 Benzin,Arial,sans-serif; letter-spacing:-.015em; padding:17px 20px; min-height:56px; display:flex; justify-content:space-between; align-items:center; gap:24px; width:100%; margin-top:25px; text-align:left; }
.qf .bouton span { font:400 24px/1 Arial,sans-serif; }
.qf .bouton:hover { background:#ff655b; border-color:#ff655b; color:#080808; }
.qf .bouton:focus-visible,.qf-reset:focus-visible,.qf-retour:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.qf-reset,.qf-retour { background:none; color:#c9c4bb; border:0; padding:8px 0; font:500 10px/1.6 Montserrat,Arial,sans-serif; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.qf-retour { margin-top:20px; font-size:12px; text-decoration:none; display:flex; gap:12px; align-items:center; }
.qf-approfondir { display:flex; gap:16px; padding:23px; margin:12px 0; border:1px solid #5d5750; cursor:pointer; font:600 14px/1.6 Montserrat,Arial,sans-serif; }
.qf-approfondir:has(input:checked) { border-color:#ff7067; background:#2a1b19; }
.qf-approfondir input { accent-color:#ff655b; margin-top:5px; width:16px; height:16px; }
.qf-approfondir small { display:block; font:400 12px/1.7 Montserrat,Arial,sans-serif; color:#c0bab0; margin-top:6px; }
.qf-synthese { padding:25px; border:1px solid #a19a8d; background:#efe9df; color:#171614; }
.qf-synthese p { color:#3d3933; font:400 13px/1.8 Montserrat,Arial,sans-serif; }
.qf-synthese h3 { font:600 23px/1.3 Benzin,Arial,sans-serif; letter-spacing:-.04em; color:#171614; margin:10px 0 18px; }
.qf-synthese dl { margin:0; display:grid; gap:16px; }
.qf-synthese dt { font:600 9px/1.7 Montserrat,Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; color:#625c53; }
.qf-synthese dd { margin:4px 0 0; color:#171614; font:500 13px/1.7 Montserrat,Arial,sans-serif; }
.qf-synthese .qf-lecture { padding-top:16px; border-top:1px solid #b4ac9e; margin-top:20px; }
.qf-synthese a { color:#6e201a; text-underline-offset:4px; }
.qf-action { padding:23px 0; border-bottom:1px solid #48433d; }
.qf-action h3 { color:#f2eee7; font:600 17px/1.5 Benzin,Arial,sans-serif; letter-spacing:-.03em; }
.qf-action p { color:#c7c0b6; font:400 13px/1.8 Montserrat,Arial,sans-serif; }
.qf-action .qf-rubrique { color:#ff8b80; font-size:9px; }
.qf-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
.qf-details { border-block:1px solid #48433d; padding:18px 0; margin:24px 0; }
.qf-details summary { color:#ddd5c9; cursor:pointer; font:500 12px/1.7 Montserrat,Arial,sans-serif; }
.qf-consentements { border:0; margin:25px 0; padding:0; }
.qf-consentements .choix { font:400 12px/1.8 Montserrat,Arial,sans-serif; color:#c7c0b6; margin-top:18px; }
.qf-consentements a,.qf-sortie a { color:#f2eee7; }
.qf-sortie { padding-top:40px; color:#aaa49a; font:400 12px/1.8 Montserrat,Arial,sans-serif; overflow-wrap:anywhere; }
.qf-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.qf-arrive { animation:qf-entree .42s cubic-bezier(.16,1,.3,1) both; }
@keyframes qf-entree { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:850px) {
 .qf-intro { gap:25px; }.qf-intro h1 { font-size:clamp(44px,7.6vw,75px); }.qf-experience { grid-template-columns:1fr; padding-top:24px; }
 .qf-rail { position:relative; top:auto; height:105px; min-height:0; padding:16px 20px; }.qf-rail__bas { border:0; padding:0; }.qf-rail__bas span:last-child { display:none; }
 .qf-sculpture { width:82px; height:82px; top:49%; left:72%; }.qf-cadre { border-width:4px; }.qf-cadre--2 { inset:10px -4px; border-width:3px; }.qf-cadre--3 { inset:18px 5px; border-width:2px; }.qf-cadre--4 { inset:28px 16px; border-width:2px; }
 .qf-rail__x { font-size:30px; }.qf-intro>div>p:first-child { font-size:17px; }
}
@media(max-width:560px) {
 .qf { padding:28px 18px 50px; }.qf-intro { grid-template-columns:1fr; padding-bottom:25px; gap:20px; }.qf-intro h1 { font-size:clamp(47px,12vw,67px); }.qf-intro>div>p:first-child { font-size:16px; line-height:1.5; }
 .qf-intro>div>p:first-child br { display:none; }.qf-intro .qf-petit { margin-bottom:0; }.qf-choix { gap:8px; }.qf-carte { padding:17px 12px; font-size:11px; min-height:100px; gap:8px; }.qf-carte__texte { padding-right:0; padding-bottom:12px; }.qf-carte__index { min-width:14px; font-size:8px; }
 .qf .qf-titre { font-size:25px; }.qf-contact-grid { grid-template-columns:1fr; }.qf-progression>div { align-items:start; }.qf-progression [data-qf-etape] { max-width:58%; }.qf-reset { font-size:9px; }.qf-synthese { padding:20px; }.qf-rail { height:92px; }.qf-stockage { margin-bottom:25px; }
}
@media(prefers-reduced-motion:reduce) { .qf *, .qf *::before,.qf *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print { .qf-rail,.qf-progression,.qf-retour,.qf-reset,.qf-suivant { display:none!important; }.qf-experience { display:block; }.qf-etape[hidden] { display:block!important; }.qf { color:#000; }.qf .qf-titre,.qf p { color:#000; } }
/* Sauvegarde, modules et espace personnel : une continuité visuelle. */
.qf-sauvegarde { display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid #48433d; }
.qf-sauvegarde p { margin:0; font:500 10px/1.7 Montserrat,Arial,sans-serif; color:#d9d4cb; }
.qf-sauvegarde a { color:#f2eee7; font:600 10px/1.7 Montserrat,Arial,sans-serif; text-underline-offset:4px; }
.qf-sauvegarde__signal { width:6px; height:6px; background:#b6b3ad; border-radius:50%; box-shadow:0 0 0 4px #ffffff09; }
.qf-sauvegarde[data-etat=ok] .qf-sauvegarde__signal { background:#b8d1b0; }
.qf-sauvegarde[data-etat=travail] .qf-sauvegarde__signal { animation:qf-pulse 1.2s ease-in-out infinite; background:#f2eee7; }
.qf-sauvegarde[data-etat=erreur] { border-color:#ff7067; }.qf-sauvegarde[data-etat=erreur] .qf-sauvegarde__signal { background:#ff7067; }
.qf-sauvegarde[data-etat=erreur] p { color:#ffb0a8; }
.qf-recuperation { padding:20px; border:1px solid #c17970; background:#231514; margin:20px 0; font:400 12px/1.8 Montserrat,Arial,sans-serif; }
.qf-recuperation p { color:#e8d5cf; }.qf-recuperation a { color:#fff; display:block; margin-top:12px; font-size:11px; }
.qf-recuperation button { display:block; text-align:left; }
.qf-module-guide { border-top:1px solid #48433d; margin-top:20px; padding-top:4px; }
.qf-module-guide p { color:#b6b3ad; font:400 12px/1.8 Montserrat,Arial,sans-serif; margin:15px 0; }
.qf-enregistrer { display:block; margin-top:25px; font-size:11px; }
.qf-activation { padding:28px; margin:20px 0; border:1px solid #ff7067; background:radial-gradient(ellipse at top right,#482521 0,transparent 70%),#151211; }
.qf-activation h3 { font:600 24px/1.3 Benzin,Arial,sans-serif; letter-spacing:-.04em; color:#f2eee7; margin:10px 0 20px; }
.qf-activation p { color:#c9c2b8; font:400 13px/1.8 Montserrat,Arial,sans-serif; }
.qf-compte .qf-intro h1 { font-size:clamp(36px,5.9vw,85px); }
.qf-compte-grille { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(30px,7vw,100px); padding-top:50px; align-items:start; }
.qf-compte-note { position:sticky; top:110px; padding:32px; border:1px solid #48433d; background:linear-gradient(140deg,#292722,#0e0e0d 70%); }
.qf-compte-note h2 { font:600 clamp(23px,2.7vw,38px)/1.25 Benzin,Arial,sans-serif; letter-spacing:-.04em; margin:18px 0 30px; color:#f2eee7; }
.qf-compte-note ol { padding-left:20px; color:#d4cec3; font:400 13px/1.9 Montserrat,Arial,sans-serif; }.qf-compte-note li { padding:10px 0 10px 8px; }.qf-compte-note li::marker { color:#ff8b80; }
.qf-compte-formulaires { min-width:0; }.qf-compte .choix { color:#c9c2b8; font:400 12px/1.8 Montserrat,Arial,sans-serif; }.qf-compte .choix input { accent-color:#ff655b; }.qf-compte .choix a { color:#f2eee7; }
.qf-tableau { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; padding-top:50px; }
.qf-tableau section { min-width:0; }.qf-dossier { border:1px solid #48433d; padding:28px; margin:25px 0; background:linear-gradient(140deg,#1d1c19,#0e0e0d); }
.qf-dossier h3 { font:600 22px/1.35 Benzin,Arial,sans-serif; letter-spacing:-.035em; color:#f2eee7; margin:12px 0; }.qf-dossier .qf-rubrique { font-size:9px; overflow-wrap:anywhere; }
.qf-supprimer { margin-top:18px; }.qf-reponses dt { margin:22px 0 8px; color:#a9a49a; font:600 10px/1.8 Montserrat,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; }.qf-reponses dd { color:#e0d9cd; margin:0; font:400 13px/1.8 Montserrat,Arial,sans-serif; overflow-wrap:anywhere; }
.qf-gestion { margin-top:50px; }.qf-gestion .qf-form { max-width:600px; }
@keyframes qf-pulse { 50% { opacity:.35; } }
@media(max-width:850px) { .qf-compte-grille { grid-template-columns:1fr; padding-top:30px; gap:30px; }.qf-compte-note { position:static; padding:24px; }.qf-tableau { grid-template-columns:1fr; gap:25px; } }
@media(max-width:560px) { .qf-sauvegarde { grid-template-columns:8px minmax(0,1fr); gap:10px; }.qf-sauvegarde a { grid-column:2; }.qf-compte .qf-intro h1 { font-size:clamp(30px,8.6vw,47px); }.qf-activation,.qf-dossier { padding:22px; }.qf-tableau { padding-top:35px; }.qf .qf-enregistrer { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .qf-sauvegarde__signal { animation:none!important; } }
.qf-stockage { margin:14px 0 8px; }.qf-confidentialite { margin:0 0 30px; }.qf-confidentialite summary { cursor:pointer; color:#b6b3ad; font:400 10px/1.7 Montserrat,Arial,sans-serif; text-decoration:underline; text-underline-offset:4px; }.qf-confidentialite .qf-petit { font-size:11px; margin-top:14px; }
.qf-synthese-module { border-top:1px solid #c5bdaf; padding:17px 0 3px; margin-top:20px; }.qf-synthese-module summary { cursor:pointer; color:#4c2a25; font:600 12px/1.7 Montserrat,Arial,sans-serif; }.qf-synthese-module dl { margin-top:22px; }.qf-synthese-module dd { white-space:pre-wrap; overflow-wrap:anywhere; }.qf-synthese-module summary:focus-visible { outline:2px solid #171614; outline-offset:5px; }
/* Une seconde manière de répondre. Le mouvement accompagne la capture. */
.qf-vocal{position:relative;margin:2rem 0;padding:clamp(1.15rem,3vw,2rem);border:1px solid #54514e;background:radial-gradient(ellipse at 100% 0,rgba(220,35,48,.13),transparent 65%),#111110;color:#f5f1e8;overflow:hidden}
.qf-vocal__entete{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}
.qf-vocal__repere{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin:0!important;flex:1;color:#c8c1b9}
.qf-vocal__limite{font-size:.65rem;letter-spacing:.08em;white-space:nowrap;color:#e1d7ce}
.qf-vocal__signal{width:7px;height:7px;border-radius:50%;background:#f0515c;box-shadow:0 0 20px rgba(240,81,92,.45);flex:none}
.qf-vocal h3{font-family:Benzin,Montserrat,Arial,sans-serif;font-weight:600;font-size:clamp(1rem,2vw,1.3rem);line-height:1.45;margin:.5rem 0 1rem}
.qf-vocal>p,.qf-vocal__confidentialite{color:#c8c1b9;font-size:.86rem;line-height:1.75}
.qf-vocal__capture{display:flex;align-items:center;gap:1.5rem;height:78px;border-top:1px solid #393633;border-bottom:1px solid #393633;margin:1.4rem 0}
.qf-vocal__capture output{font-family:Benzin,Montserrat,Arial,sans-serif;font-size:1.45rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:auto}
.qf-vocal__ondes{display:flex;gap:5px;height:36px;align-items:center;max-width:65%;overflow:hidden}
.qf-vocal__ondes i{width:3px;height:5px;background:#a9a29a;transform-origin:center;transition:background .3s}
.qf-vocal__ondes i:nth-child(3n){height:18px}.qf-vocal__ondes i:nth-child(4n){height:29px}.qf-vocal__ondes i:nth-child(5n){height:12px}
.qf-vocal[data-capture="1"] .qf-vocal__ondes i{background:#f0515c;animation:gf-voix .7s ease-in-out infinite alternate}
.qf-vocal[data-capture="1"] .qf-vocal__ondes i:nth-child(3n){animation-delay:-.4s}.qf-vocal[data-capture="1"] .qf-vocal__ondes i:nth-child(4n){animation-delay:-.2s}
.qf-vocal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin:.8rem 0 1.2rem}
.qf-vocal .bouton{font-size:.72rem;min-height:44px;padding:.9rem 1rem;white-space:normal}
.qf-vocal .bouton--ligne{background:transparent;border:1px solid #7e766e;color:#f5f1e8}
.qf-vocal .qf-lien{font:inherit;font-size:.78rem;min-height:44px;color:#f5f1e8;background:none;border:0;border-bottom:1px solid #7e766e;padding:.4rem 0;text-align:left;cursor:pointer}
.qf-vocal button:disabled{opacity:.45;cursor:wait}.qf-vocal button:focus-visible{outline:2px solid #f5f1e8;outline-offset:4px}
.qf-vocal audio,.qf-audio audio{display:block;width:100%;max-width:100%;margin:1rem 0;color-scheme:dark}
.qf-vocal label{display:block;font-size:.82rem;margin:.8rem 0}.qf-vocal textarea{width:100%;background:#191817;color:#f5f1e8;border:1px solid #6d655d;padding:.85rem;font:inherit;font-size:.85rem;line-height:1.7;resize:vertical}
.qf-vocal textarea::placeholder{color:#b5ada5}.qf-vocal .facultatif{color:#b5ada5}
.qf-vocal__statut{min-height:1.5em;font-size:.8rem;color:#dfd8cd;line-height:1.6}.qf-vocal[data-erreur="1"] .qf-vocal__statut{color:#ff9a9f}
.qf-vocal__confidentialite{font-size:.72rem}.qf-vocal__resume{border-left:2px solid #d52333;padding:.7rem 1rem;margin:1.3rem 0;font-size:.85rem}
.qf-audio{border-top:1px solid #615b53;margin:1.5rem 0;padding-top:1rem}.qf-audio h3{font-size:1rem;line-height:1.6}
@keyframes gf-voix{from{transform:scaleY(.45)}to{transform:scaleY(1.2)}}
@media(prefers-reduced-motion:reduce){.qf-vocal[data-capture="1"] .qf-vocal__ondes i{animation:none}.qf-vocal__ondes i{transition:none}}
@media(max-width:480px){.qf-vocal__entete{flex-wrap:wrap}.qf-vocal__repere{font-size:.65rem}.qf-vocal__capture{height:65px}.qf-vocal__capture output{font-size:1.2rem}.qf-vocal__actions{gap:.6rem}.qf-vocal__actions .bouton{flex:1 1 100%;justify-content:center}}

/* Relire sa voix : même espace privé, hiérarchie distincte de l’enregistrement. */
.qf-vocal__option{display:flex;align-items:flex-start;gap:.75rem;margin:1.2rem 0 .5rem;font-weight:600;line-height:1.6}
.qf-vocal__option input{width:1.25rem;height:1.25rem;flex:0 0 auto;margin-top:.25rem;accent-color:#e02020}
.qf-transcription{margin:1.3rem 0;padding:1.3rem;border-left:2px solid #e02020;background:rgba(255,255,255,.035);overflow-wrap:anywhere}
.qf-transcription__repere{font-family:Benzin,Arial,sans-serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#e8ddd1}
.qf-transcription summary{cursor:pointer;min-height:44px;padding:.65rem 0;font-weight:600}
.qf-transcription p{line-height:1.8;white-space:normal}
.qf-transcription-page audio{width:100%;max-width:100%}
.qf-transcription-page textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:16rem;line-height:1.75}
.qf-transcription-page .qf-tableau>*{min-width:0;overflow-wrap:anywhere}
.qf-transcription-original{border-top:2px solid #e02020;padding-top:1.5rem}
.qf-transcription-retirer{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18)}

/* Deux chemins explicites, réponses conservées en changeant de mode. */
.qf-chemins { border:0; padding:0; margin:0 0 1rem; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.qf-chemins legend { font:500 16px/1.6 Benzin,Arial,sans-serif; margin-bottom:16px; }
.qf-chemins label { display:flex; gap:12px; align-items:start; border:1px solid #5a5752; padding:18px; cursor:pointer; background:#121212; min-width:0; }
.qf-chemins label:has(:checked) { border-color:#ff4b43; background:#241713; }
.qf-chemins label:focus-within { outline:2px solid #f2eee7; outline-offset:3px; }
.qf-chemins input { accent-color:#ff4b43; flex:none; width:18px; height:18px; margin:3px 0 0; }
.qf-chemins strong { font:500 14px/1.6 Benzin,Arial,sans-serif; display:block; }
.qf-chemins small { font:400 12px/1.7 Montserrat,Arial,sans-serif; display:block; margin-top:8px; color:#d2cec6; }
.qf-intro h1 { font-size:clamp(34px,5.3vw,78px); overflow-wrap:normal; }
@media(max-width:560px) { .qf-chemins { grid-template-columns:1fr; } .qf-intro h1 { font-size:clamp(31px,8vw,44px); } }