.test-intro{padding:72px 0 66px;background:var(--ink);color:var(--white)}.test-intro .label{color:#e5b27d}.test-intro h1{max-width:850px;margin:10px 0 17px;font:600 clamp(2.8rem,5.4vw,5rem)/1.08 "Newsreader",Georgia,serif}.test-intro p{max-width:760px;margin:0;color:#f1e7dc;font-size:1.1rem}.test-intro .test-time{margin-top:23px;font-size:.91rem;font-weight:700;letter-spacing:.03em}
.test-section{padding:62px 0 75px}.test-layout{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);gap:8%;align-items:start}.test-side h2{margin:4px 0 16px;font:600 2.35rem/1.15 "Lora",Georgia,serif}.test-side p{max-width:340px;color:var(--muted);font-size:1rem}.test-card{min-width:0;padding:39px 42px;background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:0 17px 45px rgba(16,40,58,.07)}.test-progress{font-size:.9rem;font-weight:700;color:var(--wine)}.progress-track{height:5px;margin:11px 0 32px;background:var(--blue);border-radius:5px}.progress-track span{display:block;height:100%;width:25%;background:#c77a37;border-radius:5px;transition:width .2s}.step{padding:0;margin:0;border:0}.step[hidden],#point-form[hidden],#result[hidden],#back[hidden]{display:none}.step legend{padding:0;margin:0 0 19px;font:600 clamp(1.65rem,2.8vw,2.25rem)/1.17 "Lora",Georgia,serif}.step-help{margin:-5px 0 18px;color:var(--muted)}.choice{display:flex;gap:15px;align-items:flex-start;margin:11px 0;padding:15px 17px;border:1px solid var(--line);border-radius:10px;cursor:pointer;line-height:1.45;background:var(--white)}.choice:hover,.choice:has(input:checked){border-color:#a66833;background:#faf2e9}.choice:has(input:focus-visible){outline:3px solid #c77a37;outline-offset:2px}.choice input{flex:0 0 auto;width:19px;height:19px;margin:4px 0 0;accent-color:#874819}.test-controls{display:flex;justify-content:space-between;gap:16px;margin-top:29px}.test-controls .button{margin-left:auto;border:0;cursor:pointer;font:700 1rem "Atkinson Hyperlegible",Arial,sans-serif}.test-controls .button:disabled{opacity:.45;cursor:not-allowed}.back,.restart{padding:10px 0;border:0;background:none;color:var(--wine);font:700 1rem "Atkinson Hyperlegible",Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.result-label{margin:0 0 12px;color:var(--wine);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.result h2{margin:0 0 18px;font:600 clamp(2rem,3vw,2.7rem)/1.15 "Lora",Georgia,serif}.result>p{color:var(--muted)}.result-first{margin:27px 0;padding:23px 25px;border-left:3px solid #c77a37;background:var(--paper)}.result-first strong{color:var(--ink)}.result-first p{margin:6px 0 0}.result-goal{margin:22px 0!important}.result-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:25px 0}.result-actions .text-link,.after-test a{color:var(--wine);font-weight:700;text-underline-offset:4px}.after-test{padding:53px 0;background:var(--blue)}.after-test h2{margin:0 0 12px;font:600 2.2rem/1.2 "Lora",Georgia,serif}.after-test p{max-width:690px;margin:0 0 13px}
.result-deeper{margin:25px 0;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.result-deeper p{margin:8px 0 12px}.result-deeper a{color:var(--wine);font-weight:700;text-underline-offset:4px}
.result-deeper .button{margin-top:8px;color:var(--ink);text-decoration:none}
.result .restart{display:inline-flex;justify-content:center;min-height:46px;margin-top:8px;padding:9px 18px;border:1px solid var(--ink);border-radius:8px;color:var(--ink);text-decoration:none}
.result .restart:hover{background:var(--blue)}
.result-offer{margin:26px 0;padding:24px 26px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.result-offer-label{display:block;color:var(--wine);font-size:.9rem;font-weight:700}.result-offer h3{margin:7px 0 9px;font:600 1.45rem/1.2 "Lora",Georgia,serif}.result-offer p{margin:0 0 10px}.result-offer strong{display:block;color:var(--ink);font-size:1.25rem}.result-offer small{display:block;margin-top:7px;line-height:1.5;color:var(--muted)}
.test-intro h1{max-width:none}
.result-mail-note{margin:-8px 0 20px;font-size:.91rem;color:var(--muted)}
.result-actions .back{padding:10px 0}.result [hidden]{display:none!important}.copy-fallback{width:100%;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}
.contact-form{display:grid;gap:12px;margin:28px 0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.contact-form h3{margin:0;font:600 1.45rem/1.2 "Lora",Georgia,serif}.contact-form p{margin:0}.contact-form label:not(.contact-agree):not(.contact-trap){font-weight:700}.contact-form input[type=text],.contact-form input[type=email]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #8c9295;border-radius:8px;background:#fff;font:inherit}.contact-form .contact-agree{display:flex;gap:11px;align-items:flex-start;margin:8px 0}.contact-form .contact-agree input{margin-top:5px;accent-color:var(--wine)}.contact-form button{justify-self:start;border:0;cursor:pointer;font:700 1rem "Atkinson Hyperlegible",Arial,sans-serif}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.contact-form [role=status]{min-height:1.5em}.contact-form small a{color:var(--wine)}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){.test-layout{grid-template-columns:1fr;gap:22px}.test-side h2{font-size:2rem}.test-side p{max-width:700px}.test-section{padding:38px 0 53px}.test-intro{padding:52px 0}.test-card{padding:29px 26px}}
@media(max-width:560px){.test-card{padding:26px 19px;border-radius:17px}.test-intro h1{font-size:clamp(2.5rem,11vw,3.6rem)}.test-intro p{font-size:1.02rem}.test-side p{font-size:.96rem}.choice{padding:15px 13px}.result-actions{align-items:stretch;flex-direction:column}.result-actions .button{width:100%}.result-first{padding:19px}}
/* Animation discrète du parcours, sans flèches et avec respect du mouvement réduit. */
@keyframes orcya-step-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.step:not([hidden]),#result:not([hidden]){animation:orcya-step-reveal .24s ease-out both}
.choice{transition:background-color .18s,border-color .18s,box-shadow .18s}
.choice:has(input:checked){border-color:#8b2f4d;box-shadow:0 0 0 1px #8b2f4d;background:#f7eee9}
.progress-track span{transition:width .3s ease}
@media(prefers-reduced-motion:reduce){.step:not([hidden]),#result:not([hidden]){animation:none}.choice,.progress-track span{transition:none}}

/* Carnet de situation ORCYA : les réponses construisent un fil que l’on peut reprendre. */
.orientation-page .test-intro{padding:36px 0 34px;background:linear-gradient(105deg,rgba(16,40,58,.99),rgba(16,40,58,.92)),url('/assets/arbre-hero-orcya.webp') right 60%/cover}
.orientation-page .test-intro h1{max-width:24ch;margin:10px 0 14px;font:500 clamp(2.15rem,3.8vw,3.3rem)/1.1 'Newsreader',Georgia,serif;letter-spacing:-.02em}
.orientation-page .test-intro p{font-size:1rem;line-height:1.6;max-width:64ch}
.orientation-page .test-intro .test-time{margin-top:15px;font-size:.9rem;color:#e8d8c5}
.orientation-page .test-section{padding:34px 0 56px}
.orientation-page .test-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:32px}
.orientation-page .test-card{padding:30px 32px;border-radius:24px;box-shadow:0 14px 40px rgba(16,40,58,.05)}
.orientation-page .step legend{margin-bottom:18px;font:500 clamp(1.6rem,2.25vw,2rem)/1.2 'Newsreader',Georgia,serif;letter-spacing:-.012em;scroll-margin-top:112px}
.orientation-page .step-help{font-size:.95rem;line-height:1.5;margin:0 0 18px}
.orientation-page .choice{position:relative;gap:13px;margin:12px 0;padding:17px 18px;border-radius:15px;border:1px solid rgba(16,40,58,.23);background:#fffdf9;font-size:1rem;line-height:1.45;transition:border-color .18s,background-color .18s,box-shadow .18s}
.orientation-page .choice input{accent-color:#8b2f4d;width:18px;height:18px;flex-basis:18px;margin-top:3px}
.orientation-page .choice:has(input:checked){border-color:#8b2f4d;background:#f6ece7;box-shadow:inset 4px 0 #8b2f4d}
.orientation-page .choice:hover{background:#faf1e7;border-color:#a66833}
.orientation-page .test-controls{margin-top:24px;align-items:center}
.orientation-page .learning-note{margin-top:22px;padding:17px 19px;border-left:3px solid #c77a37;border-radius:0 12px 12px 0;background:#f5eee4;color:#10283a;font-size:.94rem;line-height:1.5}
.orientation-page .learning-note strong{font-weight:700}
.orientation-page .learning-note p{margin:5px 0 0;color:#52616d}
.orientation-page .situation-carnet{position:sticky;top:106px;min-width:0;padding:26px 26px 21px;border-radius:24px;background:linear-gradient(130deg,rgba(16,40,58,.99),rgba(16,40,58,.92)),url('/assets/arbre-hero-orcya.webp') center/cover;color:#fffdf9}
.orientation-page .situation-carnet .label{color:#e5b27d;font-size:.86rem;font-weight:400}
.orientation-page .situation-carnet h2{margin:8px 0 0;color:#e8d8c5;font:500 31px/1.12 'Newsreader',Georgia,serif;letter-spacing:-.02em}
.carnet-branch{height:145px;margin:6px 0 10px;--journey-fill:0}
.carnet-branch svg{display:block;width:100%;height:100%;overflow:visible}
.branch-rail,.branch-line,.branch-twig{fill:none;stroke-linecap:round}
.branch-rail{stroke:rgba(232,216,197,.3);stroke-width:2}
.branch-line{stroke:#e5b27d;stroke-width:3;stroke-dasharray:365;stroke-dashoffset:calc(365 * (1 - var(--journey-fill)));transition:stroke-dashoffset .55s ease}
.branch-twig{stroke:rgba(232,216,197,.3);stroke-width:1.5}
.branch-dots circle{fill:#10283a;stroke:#a9a79d;stroke-width:2;transition:fill .22s,stroke .22s,r .22s}
.branch-dots circle[data-state=chosen]{fill:#e5b27d;stroke:#e5b27d;r:7px}
.branch-dots circle[data-state=current]{fill:#fffdf9;stroke:#e8d8c5;r:7px}
.journey-buttons{display:flex;flex-wrap:wrap;gap:6px}
.journey-buttons button{min-height:34px;padding:6px 9px;border:1px solid rgba(232,216,197,.4);border-radius:7px;background:transparent;color:#e8d8c5;font:400 .85rem/1.3 'Atkinson Hyperlegible',Arial,sans-serif;cursor:pointer}
.journey-buttons button:disabled{color:#abb6bd;border-color:rgba(232,216,197,.16);cursor:default}
.journey-buttons button[aria-current=step]{background:#e8d8c5;color:#10283a;border-color:#e8d8c5}
.journey-buttons button[data-state=chosen]:not([aria-current]){border-color:#c77a37;color:#fffdf9}
.journey-buttons button:focus-visible{outline:2px solid #e5b27d;outline-offset:3px}
.carnet-selected{margin-top:18px;padding:15px 16px;background:#f5eee4;border-radius:12px;color:#10283a}
.orientation-page .carnet-selected p{margin:0;max-width:none;color:#10283a;font-size:.95rem;line-height:1.45;animation:orcya-step-reveal .22s ease-out}
.carnet-notes,.carnet-method{margin-top:16px;border-top:1px solid rgba(232,216,197,.25);padding-top:13px;font-size:.9rem;line-height:1.5}
.carnet-notes summary,.carnet-method summary,.result-contact summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px}
.carnet-notes summary::-webkit-details-marker,.carnet-method summary::-webkit-details-marker,.result-contact summary::-webkit-details-marker{display:none}
.orientation-page .situation-carnet .carnet-method p{font-size:.9rem;line-height:1.5;max-width:none;color:#dce6ec;margin:13px 0 0}
#journey-choices{padding:0;list-style:none;margin:12px 0 0;display:grid;gap:14px}
#journey-choices li{display:grid;gap:4px}#journey-choices strong{font-weight:700;color:#e5b27d}#journey-choices span{color:#fffdf9}
.orientation-page .result h2{font:500 clamp(1.75rem,2.8vw,2.4rem)/1.15 'Newsreader',Georgia,serif}
.orientation-page .result h3,.orientation-page .after-test h2{font:500 1.65rem/1.2 'Newsreader',Georgia,serif}
.orientation-page .result>p{font-size:1rem;line-height:1.6}
.result-explanation{padding:19px 20px!important;margin:20px 0;background:#e8eff0;border-radius:14px}
.result-explanation h3{margin:0 0 10px}.result-explanation p{font-size:1rem;line-height:1.6;margin:0;color:#52616d}
.result-contact{padding:19px 20px;margin:22px 0;border:1px solid var(--line);border-radius:14px}
.result-contact summary{font-size:1rem;font-weight:700;color:#8b2f4d}
.result-contact .contact-form{border:0;padding:0;margin:18px 0 0;background:transparent}
.orientation-page .after-test{padding:38px 0}.orientation-page .after-test p{font-size:1rem;line-height:1.6}
@media(max-width:850px){
 .orientation-page .test-layout{grid-template-columns:1fr;gap:20px}
 .orientation-page .situation-carnet{position:relative;top:auto;padding:18px 20px;border-radius:18px}
 .carnet-heading{padding-right:100px}.orientation-page .situation-carnet h2{font-size:26px;margin-top:5px}
 .carnet-branch{position:absolute;top:4px;right:12px;width:106px;height:83px;margin:0;pointer-events:none}
 .journey-buttons{margin-top:15px;gap:5px}.journey-buttons button{font-size:.82rem;min-height:33px;padding:6px 8px}
 .carnet-selected{margin-top:12px;padding:11px 13px}
 .orientation-page .carnet-selected p{font-size:.9rem;line-height:1.4}
 .carnet-notes,.carnet-method{display:inline-block;margin:12px 16px 0 0;padding-top:8px;border:0;font-size:.84rem}
 .carnet-notes[open],.carnet-method[open]{display:block;margin-right:0}
 .orientation-page .test-card{padding:25px 22px;border-radius:18px}
}
@media(max-width:560px){
 .orientation-page .test-intro{padding:28px 0}
 .orientation-page .test-intro h1{font-size:32px;line-height:1.12;max-width:19ch}
 .orientation-page .test-intro p{font-size:.98rem}.orientation-page .test-intro .test-time{font-size:.86rem;margin-top:12px}
 .orientation-page .test-section{padding:22px 0 38px}
 .orientation-page .step legend{font-size:25px;line-height:1.2;scroll-margin-top:96px}
 .orientation-page .test-card{padding:23px 18px}
 .orientation-page .choice{font-size:16px;line-height:1.4;padding:15px 14px;margin:11px 0}
 .orientation-page .step-help{font-size:.92rem;line-height:1.5}
 .orientation-page .learning-note{font-size:.9rem;padding:14px 16px}
 .orientation-page .test-controls{gap:12px}.orientation-page .test-controls .button{max-width:76%;padding:12px 16px;font-size:.95rem;line-height:1.35}
 .orientation-page .result-offer,.orientation-page .result-first{padding:20px 18px}
 .orientation-page .result h2{font-size:29px}.orientation-page .result h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.branch-line,.branch-dots circle{transition:none}.orientation-page .carnet-selected p{animation:none}}
.carnet-notes[hidden]{display:none}
@media(max-width:850px){
 .orientation-page .situation-carnet .carnet-heading{padding-right:75px}
 .orientation-page .situation-carnet h2{font-size:23px}
 .orientation-page .situation-carnet .label{font-size:.8rem}
 .carnet-branch{width:85px;height:70px}
}
/* Un seul repère lisible, sans intitulés qui se replient en menu. */
.journey-stage{margin:10px 0!important;color:#fffdf9!important;font-size:.95rem!important;line-height:1.4!important}
.journey-buttons{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:10px;max-width:320px}
.journey-buttons button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;font-size:1rem}
.branch-dots circle[data-state=chosen]{filter:drop-shadow(0 0 4px rgba(229,178,125,.55))}
.carnet-branch[data-complete=true] .branch-twig{stroke:#e5b27d;transition:stroke .5s}
@media(max-width:850px){
 .orientation-page .situation-carnet .carnet-heading{padding-right:0}
 .carnet-branch{position:relative;top:auto;right:auto;width:100%;height:95px;margin:0;pointer-events:none}
 .journey-buttons{margin-top:8px;max-width:none}
 .journey-buttons button{font-size:1rem;min-height:42px;padding:0}
 .journey-stage{margin:0 0 8px!important}
}

.journey-buttons[hidden]{display:none}
