/* Arbitrage QPX (Alex, 21/10/2026) — l'entrée de l'espace COACH : trois choix (Coaching individuel → l'entraînement réel
   « M'entraîner » existant ; Coaching à partir d'un rendez-vous → la page COACH existante du rendez-vous ; Coaching
   hebdomadaire → une explication scénarisée de l'avatar, texte visible, sans IA ni voix), puis les deux démonstrations.
   Visible seulement dans l'état « coach-entry » (data-qpx-stage) ; les écrans gelés ne la connaissent pas. */
html:not([data-qpx-stage=coach-entry]) .qpx-ce{display:none}
/* Ticket #35 (21/10/2026) : ouverte directement (/experience/#coach, rafraîchissement), l'ancre native faisait défiler la
   page de la hauteur de la barre fixe ; « Retour à ma journée » passait dessous. La section commence juste sous la barre :
   cette marge de défilement ramène toujours l'ancre en haut de page. Rien d'autre ne change (mise en page, moteurs). */
.qpx-ce{scroll-margin-top:100vh}
.qpx-ce__page{box-sizing:border-box;display:grid;gap:var(--q-space-5);max-inline-size:var(--q-content-max);margin:0 auto;padding:var(--q-space-4) var(--q-gutter) calc(var(--q-space-8) + 72px);min-inline-size:0}
.qpx-ce__choose{display:grid;gap:var(--q-space-5);min-inline-size:0}
.qpx-ce[data-qpx-ce-view=week] .qpx-ce__choose{display:none}
.qpx-ce__head{display:grid;gap:var(--q-space-2);max-inline-size:46rem}
.qpx-ce__eyebrow{margin:0;font:var(--q-weight-strong) .75rem/1.3 var(--q-font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--q-gold-ink)}
.qpx-ce__title{margin:0;font:var(--q-weight-medium) clamp(2rem,1.4rem + 2.2vw,3rem)/1.05 var(--q-font-display);letter-spacing:-.022em;color:var(--q-brand-deep);text-wrap:balance}
.qpx-ce__title:focus{outline:none}
.qpx-ce__lead{margin:0;max-inline-size:40rem;font:400 var(--q-body)/1.55 var(--q-font-body);color:var(--q-text-secondary)}
.qpx-ce__choices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--q-space-4)}
.qpx-ce__choices li{display:flex;min-inline-size:0}
.qpx-ce-card{flex:1;min-inline-size:0;display:grid;grid-template-rows:auto auto auto 1fr auto;justify-items:start;gap:var(--q-space-2);padding:var(--q-space-5);border:1px solid var(--q-card-line);border-radius:var(--q-radius-large);background:var(--q-surface);box-shadow:var(--q-shadow-card);color:var(--q-text);text-align:start;font:inherit;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.qpx-ce-card:hover{border-color:var(--q-gold);transform:translateY(-2px);box-shadow:0 22px 44px -28px rgb(0 64 59 / 45%)}
.qpx-ce-card:focus-visible{outline:3px solid var(--q-focus);outline-offset:3px}
.qpx-ce-card__icon{display:grid;place-items:center;inline-size:52px;block-size:52px;margin-block-end:var(--q-space-2);border-radius:16px;background:var(--q-brand-deep);color:var(--q-gold)}
.qpx-ce-card__icon svg{inline-size:26px;block-size:26px}
.qpx-ce-card__kind{font:var(--q-weight-strong) .6875rem/1.3 var(--q-font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--q-gold-ink)}
.qpx-ce-card__title{font:var(--q-weight-medium) clamp(1.45rem,1.2rem + .7vw,1.75rem)/1.1 var(--q-font-display);letter-spacing:-.015em;color:var(--q-brand-deep)}
.qpx-ce-card__text{font:400 .9375rem/1.5 var(--q-font-body);color:var(--q-text-secondary)}
.qpx-ce-card__go{display:inline-flex;align-items:center;gap:var(--q-space-2);min-block-size:var(--q-tap);margin-block-start:var(--q-space-2);font:var(--q-weight-strong) .9375rem/1 var(--q-font-body);color:var(--q-brand)}
.qpx-ce-card__go::after{content:"→";transition:transform .2s ease}
.qpx-ce-card:hover .qpx-ce-card__go::after{transform:translateX(3px)}
.qpx-ce__honest{margin:0;max-inline-size:46rem;font:400 var(--q-body-small)/1.5 var(--q-font-body);color:var(--q-text-secondary)}
.qpx-ce__demos{display:grid;gap:var(--q-space-3);padding-block-start:var(--q-space-3);border-block-start:1px solid var(--q-card-line)}
.qpx-ce__demos-title{margin:0;font:var(--q-weight-strong) .75rem/1.3 var(--q-font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--q-gold-ink)}

/* Coaching hebdomadaire : l'avatar explique, une étape à la fois (reduced-motion : tout d'un coup). Aucun appel. */
.qpx-ce-week{display:grid;gap:var(--q-space-5);padding:var(--q-space-6);border-radius:var(--q-radius-large);background:radial-gradient(120% 90% at 0% 0%,#164536 0%,#0D2E24 50%,var(--q-night) 100%);color:var(--q-on-dark)}
.qpx-ce-week[hidden]{display:none}
.qpx-ce-week__speaker{display:flex;align-items:center;gap:var(--q-space-4);min-inline-size:0}
.qpx-ce-week__speaker .qevyo-presence{flex:none}
.qpx-ce-week__speaker .qpx-ce__eyebrow{color:var(--q-gold)}
.qpx-ce-week__title{margin:var(--q-space-1) 0 0;font:var(--q-weight-medium) clamp(1.6rem,1.2rem + 1.4vw,2.25rem)/1.1 var(--q-font-display);letter-spacing:-.02em;color:var(--q-on-dark);text-wrap:balance}
.qpx-ce-week__title:focus{outline:none}
.qpx-ce-week__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--q-space-3)}
.qpx-ce-step{display:grid;align-content:start;gap:var(--q-space-1);padding:var(--q-space-4);border:1px solid rgb(244 240 230 / 16%);border-radius:var(--q-radius);background:rgb(244 240 230 / 5%);transition:opacity .5s ease,translate .5s ease}
.qpx-ce-step p{margin:0;font:400 var(--q-body)/1.5 var(--q-font-body);color:var(--q-on-dark-secondary)}
.qpx-ce-step__k{font:var(--q-weight-strong) .8125rem/1.3 var(--q-font-body);letter-spacing:.06em;color:var(--q-gold)}
.qpx-ce-step[data-qpx-ce-step=next]{opacity:0;translate:0 8px}
.qpx-ce-step[data-qpx-ce-step=now]{border-color:rgb(201 164 92 / 55%);background:rgb(201 164 92 / 9%)}
.qpx-ce-week__note{margin:0;font:400 var(--q-body-small)/1.5 var(--q-font-body);color:var(--q-on-dark-secondary)}
.qpx-ce-week__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--q-space-3) var(--q-space-5);margin:0}
.qpx-ce-week .q-button--primary{min-block-size:52px;background:var(--q-ivory);color:var(--q-night)}
.qpx-ce-week .q-button--primary:hover{background:var(--q-gold)}
.qpx-ce-week .q-button:focus-visible,.qpx-ce-week__replay:focus-visible{outline:3px solid var(--q-focus-on-dark);outline-offset:3px}
.qpx-ce-week__replay{min-block-size:var(--q-tap);padding:0;border:0;background:none;color:var(--q-on-dark);font:var(--q-weight-medium) var(--q-body)/1 var(--q-font-body);text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in oklab,var(--q-gold) 70%,transparent);cursor:pointer}

/* Seuil de l'expérience : les deux démonstrations, directement, dans la colonne libre à droite du formulaire (grand écran).
   Le seuil reste sans défilement (règle QPX validée) : sur un écran plus étroit ou plus bas, l'entrée COACH les porte. */
/* Écrans plus étroits ou plus bas (téléphone, tablette) : variante compacte sous les actions du seuil — deux tuiles côte à
   côte, sans l'étiquette « Démonstration » ; le titre et le bénéfice restent, en entier. */
.qpx-seuil-demos{display:grid;gap:6px;inline-size:100%;max-inline-size:34rem;margin:0}
.qpx-seuil-demos__title{font-size:.6875rem}
.qpx-seuil-demos .qx-demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qpx-seuil-demos .qx-demo{grid-template-columns:minmax(0,1fr);align-content:start;gap:2px;min-height:0;padding:9px 11px 10px;border-radius:14px}
.qpx-seuil-demos .qx-demo__icon,.qpx-seuil-demos .qx-demo__kind,.qpx-seuil-demos .qx-demo__go{display:none}
.qpx-seuil-demos .qx-demo__title{font-size:14px;line-height:1.2}
.qpx-seuil-demos .qx-demo__text{font-size:12px;line-height:1.3}
/* Téléphone : le titre seul tient sans défilement ; le bénéfice reste dans le nom accessible du lien (lu par les lecteurs
   d'écran), masqué à l'œil seulement. Une flèche discrète signale l'accès direct. */
@media (max-width:599px){
 .qpx-seuil-demos .qx-demo{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:48px;padding:8px 12px}
 .qpx-seuil-demos .qx-demo__go{display:inline;font-size:16px}
 .qpx-seuil-demos .qx-demo__text{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (min-width:1200px) and (min-height:700px){
 .qpx-seuil-demos{position:absolute;inset-inline-end:max(var(--q-gutter),calc((100vw - var(--q-content-max)) / 2 + var(--q-gutter)));inset-block-end:112px;display:grid;gap:var(--q-space-2);inline-size:min(360px,26vw);margin:0}
 .qpx-seuil-demos__title{font-size:.75rem}
 .qpx-seuil-demos .qx-demos{grid-template-columns:minmax(0,1fr);gap:12px}
 .qpx-seuil-demos .qx-demo{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:76px;padding:14px 18px 14px 14px;border-radius:18px}
 .qpx-seuil-demos .qx-demo__icon{display:grid}.qpx-seuil-demos .qx-demo__kind{display:block}.qpx-seuil-demos .qx-demo__go{display:inline}
 .qpx-seuil-demos .qx-demo__title{font-size:17px;line-height:1.25}
 .qpx-seuil-demos .qx-demo__text{font-size:14.5px;line-height:1.4}
}
.qpx-seuil-demos__title{margin:0;font:var(--q-weight-strong) .75rem/1.3 var(--q-font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--q-gold)}

@media (max-width:900px){
 .qpx-ce__choices{grid-template-columns:minmax(0,1fr)}
 .qpx-ce-card{grid-template-columns:auto minmax(0,1fr);grid-template-rows:none;column-gap:var(--q-space-4);row-gap:var(--q-space-1);padding:var(--q-space-4)}
 .qpx-ce-card__icon{grid-row:1 / span 4;margin:0;inline-size:46px;block-size:46px}
 .qpx-ce-card__go{margin:0}
 .qpx-ce-week{padding:var(--q-space-5) var(--q-space-4)}
 .qpx-ce-week__steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
 .qpx-ce__page{gap:var(--q-space-4);padding-block-start:var(--q-space-2)}
 .qpx-ce-week__speaker{align-items:flex-start}
 .qpx-ce-week .q-button--primary{inline-size:100%}
}
@media (prefers-reduced-motion:reduce){
 .qpx-ce-card,.qpx-ce-card__go::after,.qpx-ce-step{transition:none}
 .qpx-ce-card:hover{transform:none}
}