/* Cap Méchant : photographie à l'entrée, crème pendant les questions. */
:root{--diagnostic-rock:color-mix(in srgb,var(--sc-basalte) 35%,var(--sc-encre));--diagnostic-veil:color-mix(in srgb,var(--diagnostic-rock) 93%,transparent);--diagnostic-light:var(--sc-sable-hi)}
.diagnostic-main:has(.is-welcome){width:100%;margin:0;flex:none}
.is-welcome{position:relative;isolation:isolate;overflow:hidden;padding:0;min-height: min(760px,calc(100svh - 77px));background:var(--diagnostic-rock)}
.welcome-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2}
.is-welcome::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--diagnostic-veil) 0%,color-mix(in srgb,var(--diagnostic-rock) 85%,transparent) 42%,color-mix(in srgb,var(--diagnostic-rock) 15%,transparent) 100%)}
.welcome-content{width:min(100% - 6rem,1120px);margin:auto;padding:clamp(3rem,7vh,6rem) 0 4rem}
.is-welcome #original .eyebrow{color:var(--sc-cuivre-hi);font-size:.875rem;font-weight:500;margin:0 0 1.5rem;letter-spacing:.035em}
.is-welcome #original h1{color:var(--diagnostic-light);font-size:clamp(3rem,6.8vw,5.7rem);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:0 0 2.6rem;max-width:9ch}
.is-welcome #original .welcome-deck{max-width:32rem;margin:0}
.is-welcome #original .welcome-stack{margin:0}
.is-welcome #original .welcome-stack::before{display:none}
.is-welcome #original .welcome-card{padding:0;background:transparent;border:0;color:var(--diagnostic-light);border-radius:0}
.is-welcome #original .welcome-card-copy{padding:0;background:transparent}
.is-welcome #original .welcome-card-label{color:var(--sc-cuivre-hi);font-size:.75rem;margin:0 0 .8rem}
.is-welcome #original .welcome-card h2{font-size:clamp(1.35rem,2.7vw,1.8rem);font-weight:500;line-height:1.35;letter-spacing:-.025em;color:var(--diagnostic-light);max-width:29ch;margin:0 0 .8rem}
.is-welcome #original .welcome-card-copy>p:last-child{color:var(--sc-text-dark-default);font-size:.875rem;max-width:43ch;line-height:1.65}
.is-welcome #original .welcome-deck-controls{justify-content:flex-start;margin:.8rem 0 0}
.is-welcome #original .welcome-deck-controls button{color:var(--sc-text-dark-default)}
.is-welcome #original .welcome-deck-controls button:hover{background:color-mix(in srgb,var(--sc-craie) 12%,transparent);color:var(--diagnostic-light)}
.is-welcome #original .nav{margin:1.5rem 0 1rem}
.is-welcome #original .nav button.primary{padding:.9rem 1.6rem;min-width:11rem;font-size:.9375rem}
.is-welcome #original .welcome-note{color:var(--sc-text-dark-default);font-size:.75rem;max-width:40ch}
.welcome-place{position:absolute;right:3rem;bottom:2rem;font-size:.7rem;color:var(--diagnostic-light);letter-spacing:.04em}
body:has(.is-welcome) .diagnostic-footer{width:min(100% - 6rem,1120px);border:0;padding:1.3rem 0;margin:auto}
body:has(.is-welcome) .diagnostic-footer>p{margin-bottom:.65rem}
#original .welcome-card.is-entering{animation:welcome-fade .65s ease both}
@keyframes welcome-fade{from{opacity:0}to{opacity:1}}
.is-question #original .question-icon{display:inline-flex;color:var(--sc-cuivre-lo)}
.question-icon svg{width:1.5rem;height:1.5rem;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.is-question #original .opt.on{border-color:var(--sc-cuivre-lo)}
.result-landscape{height:140px;overflow:hidden;margin-bottom:2rem;border-radius:var(--sc-radius-xs)}
.result-landscape img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
@media(max-width:600px){
 .is-welcome{min-height:0}
 .welcome-content{width:calc(100% - 3rem);padding:3rem 0 4.5rem}
 .welcome-landscape{object-position:62% 50%}
 .is-welcome::before{background:linear-gradient(90deg,var(--diagnostic-veil),color-mix(in srgb,var(--diagnostic-rock) 78%,transparent))}
 .is-welcome #original h1{font-size:3.5rem;margin-bottom:2rem}
 .is-welcome #original .welcome-card-copy{padding:0}
 .welcome-place{right:1.5rem;bottom:1.25rem;font-size:.65rem}
 body:has(.is-welcome) .diagnostic-footer{width:calc(100% - 3rem)}
 .result-landscape{height:105px}
}
@media(prefers-reduced-motion:reduce){#original .welcome-card.is-entering{animation:none}}

.welcome-intro{max-width:36rem;margin:24px auto;font-size:clamp(18px,2.5vw,22px);line-height:1.6}
#original .result-details,#original details.mission-intro{border-top:1px solid var(--sc-sable-lo);padding:18px 0;margin:20px 0}
#original summary{cursor:pointer;font-weight:600;line-height:1.5}