/* Crew Institut 2.40.10 — correctif responsive iPad / mobile.
   Chargé en dernier pour neutraliser les conflits de cascade historiques. */

/* Fond unique : l'introduction 4K et la page Connexion/Inscription utilisent
   exactement la même composition visuelle, donc aucun saut de fond au raccord. */
.scp-root .scp-auth-gate,
.scp-root .scp-opening-intro,
.scp-root .scp-opening-intro-hold{
  background-color:#061522!important;
  background-image:url('../media/opening-bg-4k.png')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
.scp-root .scp-auth-gate{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.scp-root .scp-opening-intro-video{
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
}

/* Base anti-débordement commune à tous les espaces. */
@media (max-width:1180px){
  .scp-root,
  .scp-root .scp-app,
  .scp-root .scp-layout,
  .scp-root .scp-main,
  .scp-root .scp-main>*,
  .scp-root .scp-section,
  .scp-root .scp-panel,
  .scp-root .scp-card,
  .scp-root .scp-page-head,
  .scp-root .scp-contextbar,
  .scp-root .scp-question-panel,
  .scp-root .scp-results-panel{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .scp-root{overflow-x:hidden!important}
  .scp-root img,
  .scp-root svg,
  .scp-root canvas,
  .scp-root video,
  .scp-root iframe{max-width:100%;height:auto}
  .scp-root input,
  .scp-root select,
  .scp-root textarea,
  .scp-root .scp-btn,
  .scp-root button{max-width:100%;box-sizing:border-box}
  .scp-root .scp-btn,
  .scp-root button{min-width:0;overflow-wrap:anywhere}
  .scp-root [class*="grid"]>*{min-width:0}
  .scp-root .scp-reg-dash-table-wrap,
  .scp-root .scp-admin-table-wrap,
  .scp-root .scp-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}

/* iPad / tablettes : deux colonnes stables en portrait ET paysage. */
@media (min-width:621px) and (max-width:1180px){
  .scp-root .scp-topbar{
    grid-template-columns:minmax(0,1fr) auto 46px!important;
    gap:12px!important;
    min-height:68px!important;
    height:auto!important;
    padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))!important;
  }
  .scp-root .scp-brand{justify-content:flex-start!important;min-width:0!important}
  .scp-root .scp-brand-copy{min-width:0!important}
  .scp-root .scp-brand-copy strong{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .scp-root .scp-brand-copy span{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .scp-root .scp-brand-mark,
  .scp-root .scp-top-partner-logo{width:46px!important;height:46px!important;flex-basis:46px!important}
  .scp-root .scp-top-actions{justify-self:end!important;gap:7px!important;min-width:0!important;flex-wrap:wrap!important;justify-content:flex-end!important}
  .scp-root .scp-top-actions>.scp-btn,
  .scp-root .scp-account-trigger{min-height:44px!important;padding:8px 11px!important}
  .scp-root .scp-main{
    width:100%!important;
    padding:22px max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;
  }

  .scp-root .scp-theme-grid,
  .scp-root .scp-qcm-grid,
  .scp-root .scp-learning-grid,
  .scp-root .scp-reglementarite-grid,
  .scp-root .scp-reg-category-grid,
  .scp-root .scp-challenge-grid,
  .scp-root .scp-badge-grid,
  .scp-root .scp-rule-grid,
  .scp-root .scp-national-grid,
  .scp-root .scp-national-source-grid,
  .scp-root .scp-flash-grid,
  .scp-root .scp-info-guide-grid,
  .scp-root .scp-game-kpis,
  .scp-root .scp-kpis,
  .scp-root .scp-learning-overview,
  .scp-root .scp-reg-overview,
  .scp-root .scp-reg-dash-kpis,
  .scp-root .scp-dashboard-grid,
  .scp-root .scp-reg-dash-overview,
  .scp-root .scp-regwatch-controls,
  .scp-root .scp-regwatch-overview,
  .scp-root .scp-adaptive-kpis,
  .scp-root .scp-adaptive-summary-grid,
  .scp-root .scp-adaptive-bilan-grid,
  .scp-root .scp-adaptive-notebook-grid,
  .scp-root .scp-p7-synthesis-metrics,
  .scp-root .scp-admin-simulation-detail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .scp-root .scp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .scp-root .scp-reg-subtheme-switcher{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .scp-root .scp-page-head,
  .scp-root .scp-section-head,
  .scp-root .scp-reg-dash-section-head{
    gap:14px!important;
  }
  .scp-root .scp-page-title{font-size:clamp(27px,3.6vw,36px)!important}
  .scp-root .scp-page-sub{font-size:13px!important;line-height:1.55!important}

  .scp-root .scp-auth-gate{
    align-items:flex-start!important;
    justify-content:center!important;
    min-height:100svh!important;
    padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;
  }
  .scp-root .scp-auth-card{
    width:min(100%,620px)!important;
    margin:0 auto!important;
    padding:24px!important;
  }
  .scp-root .scp-auth-field input{min-height:48px!important;font-size:16px!important}
  .scp-root .scp-auth-tab,.scp-root .scp-auth-submit{min-height:46px!important}

  .scp-root .scp-modal{width:min(100%,760px)!important;max-height:calc(100svh - 40px)!important;overflow:auto!important}
  .scp-root .scp-results-actions,
  .scp-root .scp-mission-actions,
  .scp-root .scp-adaptive-entry-actions,
  .scp-root .scp-adaptive-main-actions{flex-wrap:wrap!important}
  .scp-root .scp-results-actions .scp-btn,
  .scp-root .scp-mission-actions .scp-btn{flex:1 1 220px!important}
}

/* iPad paysage : conserver les deux colonnes, sans étirement excessif. */
@media (min-width:820px) and (max-width:1180px) and (orientation:landscape){
  .scp-root .scp-main{padding-top:18px!important}
  .scp-root .scp-auth-card{width:min(100%,680px)!important;padding:20px 24px!important}
  .scp-root .scp-auth-brand{margin-bottom:15px!important}
  .scp-root .scp-auth-intro{font-size:12px!important;line-height:1.45!important;margin-bottom:14px!important}
  .scp-root .scp-auth-form{gap:10px!important}
  .scp-root .scp-auth-field input{min-height:44px!important;padding-block:10px!important}
}

/* Mobile portrait : une seule colonne lisible et aucun bouton hors écran. */
@media (max-width:620px) and (orientation:portrait){
  .scp-root{--scp-phone-topbar:104px}
  .scp-root .scp-topbar{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-areas:"brand partner" "actions actions"!important;
    gap:7px 9px!important;
    min-height:var(--scp-phone-topbar)!important;
    height:auto!important;
    padding:9px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left))!important;
  }
  .scp-root .scp-brand{grid-area:brand!important;justify-content:flex-start!important;min-width:0!important}
  .scp-root .scp-top-partner-logo{grid-area:partner!important;justify-self:end!important;width:40px!important;height:40px!important}
  .scp-root .scp-brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important}
  .scp-root .scp-brand-copy{min-width:0!important}
  .scp-root .scp-brand-copy strong{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .scp-root .scp-brand-copy span{display:none!important}
  .scp-root .scp-top-actions{
    grid-area:actions!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    min-width:0!important;
  }
  .scp-root .scp-top-actions>.scp-btn,
  .scp-root .scp-account-trigger{
    min-width:42px!important;
    min-height:42px!important;
    height:42px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
  .scp-root .scp-launcher-return{margin-right:auto!important;max-width:calc(100% - 138px)!important}
  .scp-root .scp-launcher-return .scp-btn-label{display:inline!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .scp-root .scp-main{
    width:100%!important;
    padding:14px max(12px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    overflow-x:hidden!important;
  }
  .scp-root .scp-page-head,
  .scp-root .scp-section-head,
  .scp-root .scp-reg-dash-section-head,
  .scp-root .scp-reg-subtheme-heading{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
  }
  .scp-root .scp-page-head>.scp-btn,
  .scp-root .scp-section-head>.scp-btn{width:100%!important}
  .scp-root .scp-page-title{font-size:clamp(23px,7.1vw,29px)!important;line-height:1.08!important}
  .scp-root .scp-page-sub{font-size:12.5px!important;line-height:1.5!important}

  .scp-root .scp-theme-grid,
  .scp-root .scp-qcm-grid,
  .scp-root .scp-learning-grid,
  .scp-root .scp-reglementarite-grid,
  .scp-root .scp-reg-category-grid,
  .scp-root .scp-challenge-grid,
  .scp-root .scp-badge-grid,
  .scp-root .scp-rule-grid,
  .scp-root .scp-national-grid,
  .scp-root .scp-national-source-grid,
  .scp-root .scp-flash-grid,
  .scp-root .scp-info-guide-grid,
  .scp-root .scp-game-kpis,
  .scp-root .scp-kpis,
  .scp-root .scp-learning-overview,
  .scp-root .scp-reg-overview,
  .scp-root .scp-reg-dash-kpis,
  .scp-root .scp-dashboard-grid,
  .scp-root .scp-reg-dash-overview,
  .scp-root .scp-regwatch-controls,
  .scp-root .scp-regwatch-overview,
  .scp-root .scp-adaptive-kpis,
  .scp-root .scp-adaptive-summary-grid,
  .scp-root .scp-adaptive-bilan-grid,
  .scp-root .scp-adaptive-notebook-grid,
  .scp-root .scp-p7-synthesis-metrics,
  .scp-root .scp-admin-simulation-detail,
  .scp-root .scp-collection-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .scp-root .scp-reg-subtheme-switcher{
    display:flex!important;
    width:100%!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    gap:8px!important;
    padding-bottom:4px!important;
    -webkit-overflow-scrolling:touch;
  }
  .scp-root .scp-reg-subtheme-tab{flex:0 0 min(76vw,250px)!important;scroll-snap-align:start}

  .scp-root .scp-results-actions,
  .scp-root .scp-modal-actions,
  .scp-root .scp-mission-actions,
  .scp-root .scp-adaptive-entry-actions,
  .scp-root .scp-adaptive-main-actions,
  .scp-root .scp-flash-reader-nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  .scp-root .scp-results-actions .scp-btn,
  .scp-root .scp-modal-actions .scp-btn,
  .scp-root .scp-mission-actions .scp-btn,
  .scp-root .scp-adaptive-entry-actions .scp-btn,
  .scp-root .scp-adaptive-main-actions .scp-btn,
  .scp-root .scp-flash-reader-nav .scp-btn{width:100%!important;min-height:44px!important}

  .scp-root .scp-flash-reader-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .scp-root .scp-flash-reader-actions .scp-btn{width:100%!important;min-height:44px!important;padding-inline:6px!important}

  .scp-root .scp-auth-gate{
    align-items:flex-start!important;
    justify-content:center!important;
    min-height:100svh!important;
    padding:max(14px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  }
  .scp-root .scp-auth-card{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:17px 14px!important;
    border-radius:17px!important;
  }
  .scp-root .scp-auth-brand{margin-bottom:13px!important;gap:8px!important}
  .scp-root .scp-auth-logo{width:48px!important;height:48px!important}
  .scp-root .scp-auth-brand strong{font-size:15px!important}
  .scp-root .scp-auth-brand span{font-size:8.5px!important}
  .scp-root .scp-auth-card h1{font-size:clamp(22px,6.7vw,27px)!important}
  .scp-root .scp-auth-intro{font-size:11.5px!important;line-height:1.45!important;margin-bottom:13px!important;text-align:left!important}
  .scp-root .scp-auth-tabs{margin-bottom:12px!important;gap:5px!important}
  .scp-root .scp-auth-tab{min-height:44px!important;padding:8px 5px!important;font-size:12px!important}
  .scp-root .scp-auth-form{gap:10px!important}
  .scp-root .scp-auth-field{gap:4px!important}
  .scp-root .scp-auth-field>span{font-size:10px!important}
  .scp-root .scp-auth-field input{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:10px 11px!important;
    font-size:16px!important; /* évite le zoom automatique Safari iOS */
  }
  .scp-root .scp-auth-submit{width:100%!important;min-height:46px!important}
  .scp-root .scp-auth-note{font-size:10.5px!important;padding:9px 10px!important}

  .scp-root .scp-modal-backdrop{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
  .scp-root .scp-modal{width:100%!important;max-height:calc(100svh - 20px)!important;overflow:auto!important}
  .scp-root .scp-toast{left:10px!important;right:10px!important;max-width:none!important}
}

/* Téléphone paysage : deux colonnes compactes quand la largeur le permet,
   mais les commandes restent tactiles et ne dépassent jamais le viewport. */
@media (max-width:950px) and (max-height:560px) and (orientation:landscape){
  .scp-root{--scp-phone-landscape-topbar:56px}
  .scp-root .scp-topbar{
    grid-template-columns:minmax(0,1fr) auto 36px!important;
    grid-template-areas:none!important;
    min-height:var(--scp-phone-landscape-topbar)!important;
    height:var(--scp-phone-landscape-topbar)!important;
    padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))!important;
    gap:8px!important;
  }
  .scp-root .scp-brand{grid-area:auto!important;justify-content:flex-start!important}
  .scp-root .scp-top-partner-logo{grid-area:auto!important;width:36px!important;height:36px!important}
  .scp-root .scp-brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .scp-root .scp-brand-copy span{display:none!important}
  .scp-root .scp-top-actions{grid-area:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:5px!important}
  .scp-root .scp-top-actions>.scp-btn,.scp-root .scp-account-trigger{min-height:38px!important;height:38px!important;padding:5px 8px!important;font-size:10px!important}
  .scp-root .scp-main{padding:12px max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}

  .scp-root .scp-theme-grid,
  .scp-root .scp-qcm-grid,
  .scp-root .scp-learning-grid,
  .scp-root .scp-reglementarite-grid,
  .scp-root .scp-reg-category-grid,
  .scp-root .scp-challenge-grid,
  .scp-root .scp-badge-grid,
  .scp-root .scp-rule-grid,
  .scp-root .scp-national-grid,
  .scp-root .scp-flash-grid,
  .scp-root .scp-game-kpis,
  .scp-root .scp-learning-overview,
  .scp-root .scp-reg-overview,
  .scp-root .scp-reg-dash-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .scp-root .scp-auth-gate{padding:10px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))!important}
  .scp-root .scp-auth-card{width:min(100%,760px)!important;padding:15px 20px!important}
  .scp-root .scp-auth-brand{margin-bottom:8px!important}
  .scp-root .scp-auth-logo{width:42px!important;height:42px!important}
  .scp-root .scp-auth-card h1{font-size:21px!important;margin-bottom:4px!important}
  .scp-root .scp-auth-intro{font-size:10.5px!important;line-height:1.35!important;margin-bottom:8px!important}
  .scp-root .scp-auth-tabs{margin-bottom:8px!important}
  .scp-root .scp-auth-tab{min-height:38px!important;padding:6px!important}
  .scp-root .scp-auth-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important}
  .scp-root .scp-auth-status,.scp-root .scp-auth-submit,.scp-root .scp-auth-note,.scp-root .scp-auth-link{grid-column:1/-1!important}
  .scp-root .scp-auth-field input{min-height:40px!important;font-size:16px!important;padding:8px 10px!important}
}

/* Très petits mobiles. */
@media (max-width:380px) and (orientation:portrait){
  .scp-root .scp-main{padding-inline:max(9px,env(safe-area-inset-left))!important}
  .scp-root .scp-topbar{padding-inline:max(9px,env(safe-area-inset-left))!important}
  .scp-root .scp-auth-card{padding:14px 11px!important}
  .scp-root .scp-auth-logo{width:44px!important;height:44px!important}
  .scp-root .scp-auth-intro{font-size:10.8px!important}
  .scp-root .scp-top-actions>.scp-btn,.scp-root .scp-account-trigger{padding-inline:7px!important}
}


/* ========================================================================== */
/* Crew Institut 2.40.11 — accueil sans cadre, aide unifiée, identité, Expert */
/* ========================================================================== */

/* Accueil : plus aucun cadre extérieur autour du poste de commande. */
.scp-root .scp-switch-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* Le cartouche contextuel supérieur est supprimé visuellement : plus de
   breadcrumb/titre/sous-titre ni de bouton « Comprendre cet espace ».
   Le retour au parcours adaptatif reste disponible lorsqu'il est réellement utile. */
.scp-root .scp-contextbar{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.scp-root .scp-context-copy,
.scp-root .scp-context-help{display:none!important}
.scp-root .scp-context-actions{width:100%!important;min-height:0!important;gap:0!important}
.scp-root .scp-context-adaptive-return[hidden]{display:none!important}

/* Une seule aide : les anciens déclencheurs « Explication » ne s'affichent plus. */
.scp-root .scp-inline-explanation-trigger{display:none!important}
.scp-root .scp-page-help-modal .scp-help-block{display:grid;gap:8px}
.scp-root .scp-page-help-modal .scp-help-block p{margin:0!important}
.scp-root .scp-page-help-modal .scp-help-block p + p{padding-top:8px;border-top:1px solid rgba(82,199,255,.10)}

/* Logo interne : fichier blanc transparent fourni par l'utilisateur, sans
   cartouche, halo, fond ou bordure derrière l'image. */
.scp-root .scp-brand-mark{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.scp-root .scp-brand-mark img,
.scp-root .scp-switch-logo{
  background:transparent!important;
  box-shadow:none!important;
}

/* Expert : mêmes états actifs bleu premium que dans les autres espaces. */
.scp-root :where(
  .scp-knowledge-level-tab.is-active,
  .scp-nav-btn[data-screen="expert"].is-active,
  .scp-mobile-nav button[data-screen="expert"].is-active,
  .scp-expert-memory-options button[aria-pressed="true"],
  .scp-expert-memory-options button.is-active,
  .scp-expert-entry-actions .scp-btn.is-active,
  .scp-expert-random-actions .scp-btn.is-active
){
  border-color:var(--scp-active-edge,rgba(119,221,255,.92))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 34%),
    linear-gradient(135deg,var(--scp-active-blue-1,#24b8ff) 0%,var(--scp-active-blue-2,#0a82ec) 26%,var(--scp-active-blue-3,#075fc3) 62%,var(--scp-active-blue-4,#063e83) 100%)!important;
  color:#fff!important;
  box-shadow:var(--scp-active-halo,0 0 0 1px rgba(105,215,255,.42),0 10px 26px rgba(0,112,235,.32),0 0 26px rgba(39,175,255,.20),inset 0 1px 0 rgba(255,255,255,.24))!important;
  text-shadow:0 1px 8px rgba(0,37,91,.34)!important;
}
.scp-root .scp-expert-memory-options button[aria-pressed="true"]{font-weight:900!important}

/* Les boutons Expert à état pressé restent lisibles sur tactile/iPad. */
@media (max-width:1180px){
  .scp-root .scp-expert-memory-options button{min-height:48px!important;min-width:0!important}
}

.scp-root .scp-knowledge-level-tab.is-active{color:#fff!important}


/* 2.40.13 — surcharges intro responsive iPhone/iPad */
.scp-root .scp-opening-intro{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important}
.scp-root .scp-opening-intro-video,.scp-root .scp-opening-intro-hold{width:100vw!important;height:100dvh!important;min-height:100dvh!important}
.scp-root .scp-opening-intro-video{object-fit:cover!important;object-position:center center!important}
.scp-root .scp-opening-intro-hold{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important}
.scp-root .scp-opening-intro-hold img{width:min(34vw,540px)!important;max-width:min(70vw,540px)!important;height:auto!important}
@media (max-width: 1180px){.scp-root .scp-opening-intro-hold img{width:min(46vw,520px)!important;max-width:78vw!important}}
@media (max-width: 820px){.scp-root .scp-opening-intro-video{object-fit:cover!important}.scp-root .scp-opening-intro-hold img{width:min(58vw,440px)!important;max-width:82vw!important}}
@media (max-width: 480px){.scp-root .scp-opening-intro-hold img{width:min(72vw,360px)!important;max-width:86vw!important}.scp-root .scp-opening-intro-sound{right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:40px!important;height:40px!important}}
@media (orientation: landscape) and (max-height: 820px){.scp-root .scp-opening-intro-video{object-fit:cover!important}.scp-root .scp-opening-intro-hold img{width:min(30vw,420px)!important;max-width:44vh!important}}
@media (orientation: portrait) and (min-width: 768px){.scp-root .scp-opening-intro-hold img{width:min(48vw,520px)!important;max-width:70vw!important}}

/* 2.40.15 — Expert : état actif subtil, aligné Novice / Praticien. */
.scp-root :where(
  .scp-nav-btn[data-screen="expert"].is-active,
  .scp-mobile-nav button[data-screen="expert"].is-active,
  .scp-expert-memory-options button[aria-pressed="true"],
  .scp-expert-memory-options button.is-active,
  .scp-expert-entry-actions .scp-btn.is-active,
  .scp-expert-random-actions .scp-btn.is-active
){
  border-color:rgba(92,164,202,.28)!important;
  background:linear-gradient(145deg,rgba(15,66,96,.72),rgba(7,38,61,.82))!important;
  color:#eaf7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.10)!important;
  text-shadow:none!important;
  filter:none!important;
}
.scp-root[data-ui-theme="light"] :where(
  .scp-nav-btn[data-screen="expert"].is-active,
  .scp-mobile-nav button[data-screen="expert"].is-active,
  .scp-expert-memory-options button[aria-pressed="true"],
  .scp-expert-memory-options button.is-active,
  .scp-expert-entry-actions .scp-btn.is-active,
  .scp-expert-random-actions .scp-btn.is-active
){
  border-color:rgba(43,94,120,.20)!important;
  background:linear-gradient(145deg,#edf5f8,#e1edf2)!important;
  color:#214d63!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

/* Navigation de niveau : sélection visible mais jamais fluorescente. */
.scp-root .scp-knowledge-level-tab.is-active{
  border-color:rgba(92,164,202,.28)!important;
  background:linear-gradient(145deg,rgba(15,66,96,.72),rgba(7,38,61,.82))!important;
  color:#eaf7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.10)!important;
  text-shadow:none!important;
  filter:none!important;
}
.scp-root[data-ui-theme="light"] .scp-knowledge-level-tab.is-active{
  border-color:rgba(43,94,120,.20)!important;
  background:linear-gradient(145deg,#edf5f8,#e1edf2)!important;
  color:#214d63!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

/* 2.40.15 — cadrage vidéo renforcé en paysage : le logo reste lisible sans bandes. */
@media (orientation:landscape) and (max-height:560px){
  .scp-root .scp-opening-intro-video{transform:scale(1.34)!important;transform-origin:50% 50%!important}
}
@media (orientation:landscape) and (min-height:561px) and (max-height:900px) and (max-width:1366px){
  .scp-root .scp-opening-intro-video{transform:scale(1.14)!important;transform-origin:50% 50%!important}
}

/* Crew Institut 2.40.22 — état actif unifié, immédiatement identifiable et cohérent
   avec la charte bleu nuit. Référence visuelle : bouton Novice validé.
   Principe : l’état actif est plein et lumineux ; hover/focus restent plus discrets pour
   ne jamais pouvoir être confondus avec l’état réellement sélectionné. */

/* États actifs / sélectionnés de navigation et de choix avant validation. */
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best)
){
  color:#fff!important;
  border-color:#35c0ff!important;
  background:linear-gradient(145deg,#179fff 0%,#0879ec 42%,#064dac 100%)!important;
  box-shadow:0 0 0 1px rgba(84,207,255,.32),0 0 26px rgba(0,126,255,.38),inset 0 1px 0 rgba(255,255,255,.25)!important;
  text-shadow:0 1px 7px rgba(0,41,96,.30)!important;
  filter:none!important;
  transform:none!important;
}

/* Le texte secondaire d’un bouton actif doit lui aussi être lisible immédiatement. */
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best)
) :where(strong,span,small,b,i,svg,.scp-nav-icon,.scp-option-letter){
  color:#fff!important;
  border-color:rgba(255,255,255,.62)!important;
  filter:none!important;
}

/* Focus et survol : visibles, mais volontairement moins forts qu’un état actif. */
.scp-root.scp-root :is(
  .scp-nav-btn,
  .scp-mobile-nav button,
  .scp-reg-subtheme-tab,
  .scp-learning-subtheme-tab,
  .scp-game-tab,
  .scp-reg-ana-nav-btn,
  .scp-reg-ana-filter-chip,
  .scp-premium-internal-tab,
  .scp-progress-hub-tab,
  .scp-admin-progress-tab,
  .scp-knowledge-level-tab,
  .scp-auth-tab,
  .scp-national-filter,
  .scp-r360-format,
  .scp-r360-choice,
  .scp-adaptive-confidence-button,
  .scp-adaptive-option,
  .scp-option,
  .scp-crm-option
):not(.is-active):not(.is-selected):hover{
  border-color:rgba(91,190,235,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.10)!important;
}
.scp-root.scp-root :is(
  .scp-nav-btn,
  .scp-mobile-nav button,
  .scp-reg-subtheme-tab,
  .scp-learning-subtheme-tab,
  .scp-game-tab,
  .scp-reg-ana-nav-btn,
  .scp-reg-ana-filter-chip,
  .scp-premium-internal-tab,
  .scp-progress-hub-tab,
  .scp-admin-progress-tab,
  .scp-knowledge-level-tab,
  .scp-auth-tab,
  .scp-national-filter,
  .scp-r360-format,
  .scp-r360-choice,
  .scp-adaptive-confidence-button,
  .scp-adaptive-option,
  .scp-option,
  .scp-crm-option
):not(.is-active):not(.is-selected):focus-visible{
  outline:2px solid rgba(95,205,250,.78)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}

/* Les états métier gardent leur sémantique et priment sur l’état de sélection. */
.scp-root.scp-root.scp-root.scp-root .scp-adaptive-option.is-correct,
.scp-root.scp-root.scp-root.scp-root .scp-option.is-correct{
  border-color:var(--scp-success,#39c994)!important;
}
.scp-root.scp-root.scp-root.scp-root .scp-adaptive-option.is-wrong,
.scp-root.scp-root.scp-root.scp-root .scp-option.is-wrong{
  border-color:var(--scp-danger,#ff6b7c)!important;
}

/* Le mode clair conserve la même signature active : aucune ambiguïté de niveau. */
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best)
){
  color:#fff!important;
  border-color:#35c0ff!important;
  background:linear-gradient(145deg,#179fff 0%,#0879ec 42%,#064dac 100%)!important;
  box-shadow:0 0 0 1px rgba(84,207,255,.32),0 0 22px rgba(0,126,255,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;
  text-shadow:0 1px 7px rgba(0,41,96,.26)!important;
}

/* Crew Institut 2.40.23 — états actifs affinés : présence claire sans effet flash.
   Le bouton actif reste dans la gamme bleu nuit de l'interface : légère montée de
   contraste, bordure cyan assourdie, aucun halo néon et aucun aplat bleu vif. */
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
){
  color:#f4fbff!important;
  border-color:rgba(86,188,232,.62)!important;
  background:
    linear-gradient(180deg,rgba(104,205,247,.065),rgba(104,205,247,0) 46%),
    linear-gradient(145deg,rgba(13,58,95,.985) 0%,rgba(8,44,74,.99) 56%,rgba(6,34,60,.995) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(79,181,224,.045),
    0 6px 16px rgba(0,0,0,.11)!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

/* Icône et libellés secondaires : accent froid mesuré, sans lueur. */
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
) :where(svg,.scp-nav-icon,.scp-option-letter){
  color:#69c9f3!important;
  border-color:rgba(137,211,243,.52)!important;
  filter:none!important;
}
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong)
) :where(span,small){
  color:#c7dfeb!important;
}

/* Mode clair : sélection raffinée, lisible sans reprendre le bleu saturé du mode nuit. */
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
){
  color:#123f56!important;
  border-color:rgba(39,132,174,.48)!important;
  background:linear-gradient(145deg,#f7fbfd 0%,#edf6fa 48%,#e2f0f6 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(23,91,124,.10)!important;
  text-shadow:none!important;
}
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
) :where(svg,.scp-nav-icon,.scp-option-letter){
  color:#147dab!important;
  border-color:rgba(20,125,171,.38)!important;
  filter:none!important;
}
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong)
) :where(span,small){
  color:#35657a!important;
}


/* Crew Institut 2.40.24 — QCM Sûreté / responsive iPad portrait + iPhone.
   Correctif de confinement : les textes longs ne doivent jamais être rognés par
   la hauteur native d'un bouton Safari / le thème WordPress ni par les anciens
   overflow:hidden historiques. Les deux colonnes iPad sont conservées. */
@media (max-width:1180px){
  .scp-root .scp-qcm-grid,
  .scp-root .scp-qcm-card,
  .scp-root .scp-qcm-card-top,
  .scp-root .scp-qcm-card h3,
  .scp-root .scp-qcm-summary,
  .scp-root .scp-reg-coverage,
  .scp-root .scp-reg-coverage span,
  .scp-root .scp-reg-qcm-stats,
  .scp-root .scp-reg-qcm-stats span,
  .scp-root .scp-quiz-wrap,
  .scp-root .scp-reg-quiz-wrap,
  .scp-root .scp-quiz-meta,
  .scp-root .scp-quiz-meta > *,
  .scp-root .scp-reg-question-labels,
  .scp-root .scp-reg-question-labels > *,
  .scp-root .scp-question-panel,
  .scp-root .scp-question,
  .scp-root .scp-options,
  .scp-root .scp-option,
  .scp-root .scp-option-text{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Cartes de séries : titres, résumés, badges de couverture et statistiques. */
  .scp-root .scp-qcm-card{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .scp-root .scp-qcm-card-top{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  .scp-root .scp-qcm-card h3{
    flex:1 1 190px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.35!important;
  }
  .scp-root .scp-qcm-card .scp-status{
    flex:0 0 auto!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  .scp-root .scp-qcm-summary,
  .scp-root .scp-reg-coverage span,
  .scp-root .scp-reg-qcm-stats span{
    height:auto!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  .scp-root .scp-reg-coverage{
    align-items:stretch!important;
  }
  .scp-root .scp-reg-coverage span{
    flex:0 1 auto!important;
    line-height:1.38!important;
  }
  .scp-root .scp-reg-qcm-stats span{
    line-height:1.35!important;
  }

  /* Écran question : aucune hauteur imposée, aucun rognage du texte des réponses. */
  .scp-root .scp-quiz-wrap,
  .scp-root .scp-reg-quiz-wrap,
  .scp-root .scp-question-panel,
  .scp-root .scp-options{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .scp-root .scp-quiz-meta{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    row-gap:6px!important;
  }
  .scp-root .scp-quiz-meta > *{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .scp-root .scp-reg-question-labels{
    align-items:flex-start!important;
  }
  .scp-root .scp-reg-domain,
  .scp-root .scp-question-ref{
    height:auto!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.3!important;
  }
  .scp-root .scp-question{
    height:auto!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  .scp-root .scp-option{
    appearance:none!important;
    -webkit-appearance:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:54px!important;
    overflow:visible!important;
    white-space:normal!important;
    align-items:flex-start!important;
  }
  .scp-root .scp-option-letter{
    flex:0 0 auto!important;
    margin-top:1px!important;
  }
  .scp-root .scp-option-text{
    display:block!important;
    flex:1 1 0!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    padding-top:1px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
}

/* iPad portrait : on garde les deux colonnes demandées, mais chaque carte reste fluide. */
@media (orientation:portrait) and (min-width:621px) and (max-width:1024px){
  .scp-root .scp-qcm-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  .scp-root .scp-qcm-card{padding:15px!important}
  .scp-root .scp-qcm-card h3{font-size:13.5px!important}
  .scp-root .scp-qcm-summary{line-height:1.48!important}
  .scp-root .scp-reg-coverage span{font-size:10.5px!important}
  .scp-root .scp-question-panel{padding:clamp(18px,2.6vw,24px)!important}
  .scp-root .scp-question{font-size:clamp(18px,2.5vw,21px)!important;line-height:1.42!important}
  .scp-root .scp-option{padding:12px 13px!important;gap:11px!important}
  .scp-root .scp-option-text{font-size:15px!important;line-height:1.46!important}
}

/* iPad mini / largeur ≤ 820 : les badges longs Sûreté passent en lignes pleines. */
@media (orientation:portrait) and (min-width:621px) and (max-width:820px){
  .scp-root .scp-reg-coverage{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }
  .scp-root .scp-reg-coverage span{width:100%!important}
}

/* iPhone : une seule colonne, réponses sans hauteur fixe et marges latérales utiles. */
@media (max-width:620px){
  .scp-root .scp-qcm-grid{grid-template-columns:minmax(0,1fr)!important}
  .scp-root .scp-qcm-card{padding:14px!important}
  .scp-root .scp-qcm-card-top{gap:7px 9px!important}
  .scp-root .scp-qcm-card h3{flex-basis:160px!important;font-size:14px!important}
  .scp-root .scp-reg-coverage{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }
  .scp-root .scp-reg-coverage span{width:100%!important;padding:7px 9px!important}
  .scp-root .scp-quiz-meta{font-size:11.5px!important}
  .scp-root .scp-reg-question-labels{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:start!important;
    gap:6px!important;
  }
  .scp-root .scp-question-panel{padding:16px 13px!important}
  .scp-root .scp-question{margin-bottom:17px!important;font-size:18px!important;line-height:1.42!important}
  .scp-root .scp-options{gap:9px!important}
  .scp-root .scp-option{
    min-height:0!important;
    padding:12px 10px!important;
    gap:9px!important;
  }
  .scp-root .scp-option-letter{width:27px!important;height:27px!important}
  .scp-root .scp-option-text{font-size:15px!important;line-height:1.48!important}
}

@media (max-width:390px){
  .scp-root .scp-question-panel{padding:14px 11px!important}
  .scp-root .scp-question{font-size:17px!important}
  .scp-root .scp-option{padding:11px 9px!important;gap:8px!important}
  .scp-root .scp-option-text{font-size:14.5px!important;line-height:1.48!important}
}


/* Crew Institut 2.40.26 — harmonisation finale des états actifs et CTA.
   Objectif : supprimer les derniers bleus trop vifs (Facteur humain, autres sous-thèmes,
   boutons Commencer le QCM, Générer ma rotation, Lire la fiche, etc.) et aligner toute
   l’interface sur le langage subtil déjà posé : bleu nuit maîtrisé, contour froid discret,
   aucun halo néon, hover plus léger que l’état actif. */
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
){
  color:#eef8fd!important;
  border-color:rgba(96,184,220,.36)!important;
  background:
    linear-gradient(180deg,rgba(116,207,246,.045),rgba(116,207,246,0) 48%),
    linear-gradient(145deg,rgba(13,56,88,.96) 0%,rgba(9,43,69,.985) 55%,rgba(6,31,53,.992) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(92,181,219,.04),
    0 5px 14px rgba(0,0,0,.12)!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
) :where(svg,.scp-nav-icon,.scp-option-letter){
  color:#79cceb!important;
  border-color:rgba(128,205,235,.38)!important;
  filter:none!important;
}
.scp-root.scp-root.scp-root.scp-root :is(
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong)
) :where(span,small){
  color:#c8dee8!important;
}

/* Boutons d’action principaux : même registre premium et plus aucune pastille bleue agressive. */
.scp-root.scp-root.scp-root :is(
  .scp-btn-primary,
  .scp-btn-game,
  .scp-btn-reglementarite,
  .scp-btn-apprentissage,
  .scp-btn-national,
  .scp-r360-start-button,
  .scp-btn-primary.scp-auth-submit
){
  color:#eef8fd!important;
  border-color:rgba(96,184,220,.34)!important;
  background:
    linear-gradient(180deg,rgba(115,206,244,.05),rgba(115,206,244,0) 45%),
    linear-gradient(145deg,rgba(14,61,95,.97) 0%,rgba(9,47,76,.988) 54%,rgba(7,35,58,.994) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(89,177,214,.035),
    0 7px 18px rgba(0,0,0,.13)!important;
  text-shadow:none!important;
  filter:none!important;
}
.scp-root.scp-root.scp-root :is(
  .scp-btn-primary,
  .scp-btn-game,
  .scp-btn-reglementarite,
  .scp-btn-apprentissage,
  .scp-btn-national,
  .scp-r360-start-button,
  .scp-btn-primary.scp-auth-submit
):hover{
  border-color:rgba(111,197,230,.44)!important;
  background:
    linear-gradient(180deg,rgba(121,210,246,.07),rgba(121,210,246,0) 48%),
    linear-gradient(145deg,rgba(15,67,103,.975) 0%,rgba(10,51,81,.989) 56%,rgba(7,38,61,.995) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 9px 22px rgba(0,0,0,.14)!important;
  filter:none!important;
}
.scp-root.scp-root.scp-root :is(
  .scp-btn-primary,
  .scp-btn-game,
  .scp-btn-reglementarite,
  .scp-btn-apprentissage,
  .scp-btn-national,
  .scp-r360-start-button,
  .scp-btn-primary.scp-auth-submit
):focus-visible{
  outline:2px solid rgba(109,199,233,.52)!important;
  outline-offset:2px!important;
}

/* Mode clair : mêmes choix, sans saturation. */
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-crm-option.is-selected:not(.is-best),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
){
  color:#163f55!important;
  border-color:rgba(49,129,165,.30)!important;
  background:linear-gradient(145deg,#f7fbfd 0%,#eef6fa 52%,#e5f0f5 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(28,98,132,.10)!important;
  text-shadow:none!important;
}
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong),
  [aria-current="page"].scp-btn,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab,
  [aria-pressed="true"].scp-ref-icon-btn
) :where(svg,.scp-nav-icon,.scp-option-letter){
  color:#2185ad!important;
  border-color:rgba(33,133,173,.26)!important;
}
.scp-root.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-national-filter.is-active,
  .scp-r360-format.is-selected,
  .scp-r360-choice.is-selected,
  .scp-adaptive-confidence-button.is-selected,
  .scp-adaptive-option.is-selected:not(.is-correct):not(.is-wrong),
  .scp-option.is-selected:not(.is-correct):not(.is-wrong)
) :where(span,small){
  color:#426678!important;
}
.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-btn-primary,
  .scp-btn-game,
  .scp-btn-reglementarite,
  .scp-btn-apprentissage,
  .scp-btn-national,
  .scp-r360-start-button,
  .scp-btn-primary.scp-auth-submit
){
  color:#163f55!important;
  border-color:rgba(49,129,165,.28)!important;
  background:linear-gradient(145deg,#f8fbfd 0%,#eef6fa 52%,#e3eef4 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(28,98,132,.10)!important;
}
.scp-root.scp-root.scp-root[data-ui-theme="light"] :is(
  .scp-btn-primary,
  .scp-btn-game,
  .scp-btn-reglementarite,
  .scp-btn-apprentissage,
  .scp-btn-national,
  .scp-r360-start-button,
  .scp-btn-primary.scp-auth-submit
):hover{
  border-color:rgba(59,147,185,.34)!important;
  background:linear-gradient(145deg,#ffffff 0%,#f2f8fb 50%,#e8f2f6 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(28,98,132,.12)!important;
}

/* Crew Institut 2.40.30 — Niveau Praticien : organisation et hiérarchie visuelle professionnelles. */
.scp-root .scp-practitioner-overview{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);
  gap:18px;
  align-items:stretch;
  margin:0 0 22px;
  padding:22px;
  border:1px solid rgba(91,178,219,.20);
  border-radius:20px;
  background:
    radial-gradient(circle at 98% 2%,rgba(88,181,225,.12),transparent 27%),
    linear-gradient(145deg,rgba(9,42,67,.97),rgba(6,27,46,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 34px rgba(0,0,0,.16);
}
.scp-root .scp-practitioner-overview-copy{min-width:0}
.scp-root .scp-practitioner-overview-copy>h2{margin:3px 0 9px;color:#f5fbff;font-size:clamp(24px,2vw,34px);line-height:1.12;letter-spacing:-.02em}
.scp-root .scp-practitioner-overview-copy>p:not(.scp-eyebrow){max-width:920px;margin:0;color:#aec5d1;font-size:12.5px;line-height:1.65}
.scp-root .scp-practitioner-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}
.scp-root .scp-practitioner-principle{
  min-width:0;
  display:grid;
  gap:4px;
  padding:12px 13px;
  border:1px solid rgba(91,178,219,.13);
  border-radius:13px;
  background:rgba(255,255,255,.022);
}
.scp-root .scp-practitioner-principle strong{color:#dff4fd;font-size:17px;line-height:1}
.scp-root .scp-practitioner-principle span{color:#809eae;font-size:9.5px;font-weight:750;line-height:1.35;text-transform:uppercase;letter-spacing:.04em}
.scp-root .scp-practitioner-performance{
  display:grid;
  align-content:start;
  gap:12px;
  padding:17px;
  border:1px solid rgba(91,178,219,.17);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(12,55,86,.72),rgba(7,33,54,.91));
}
.scp-root .scp-practitioner-performance-label{margin:0;color:#dff4fd;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.scp-root .scp-practitioner-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.scp-root .scp-practitioner-performance-metric{min-width:0;display:grid;gap:4px;padding:11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(91,178,219,.10)}
.scp-root .scp-practitioner-performance-metric strong{color:#f3fbff;font-size:20px;line-height:1}
.scp-root .scp-practitioner-performance-metric span{color:#83a6b8;font-size:9.5px;line-height:1.35}
.scp-root .scp-practitioner-coverage-track{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.065)}
.scp-root .scp-practitioner-coverage-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bb7df,#74d5ef);transition:width .25s ease}
.scp-root .scp-practitioner-performance-note{margin:0;color:#7899aa;font-size:9.8px;line-height:1.5}

.scp-root .scp-practitioner-catalog{padding-top:2px}
.scp-root .scp-practitioner-subtheme-switcher{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}
.scp-root .scp-practitioner-subtheme-tab{min-height:70px;padding:13px 14px;border-radius:14px;text-align:left}
.scp-root .scp-practitioner-subtheme-tab strong{font-size:12px;line-height:1.25}
.scp-root .scp-practitioner-subtheme-tab span{font-size:9.5px;line-height:1.35}
.scp-root .scp-practitioner-subtheme-content{padding:21px;border-radius:18px}
.scp-root .scp-practitioner-domain-heading{align-items:center;margin-bottom:18px}
.scp-root .scp-practitioner-domain-heading h3{font-size:22px}
.scp-root .scp-practitioner-domain-heading p:not(.scp-eyebrow){max-width:900px;font-size:12px;line-height:1.55}
.scp-root .scp-practitioner-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.scp-root .scp-practitioner-category-card{min-height:196px;padding:18px!important;border-radius:15px!important}
.scp-root .scp-practitioner-category-card h3{margin:13px 0 7px!important;font-size:17px!important;line-height:1.28}
.scp-root .scp-practitioner-category-card p{font-size:11.5px!important;line-height:1.52!important}
.scp-root .scp-practitioner-category-card .scp-mini-progress{margin-top:15px}
.scp-root .scp-practitioner-card-footer{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px;min-width:0}
.scp-root .scp-practitioner-card-footer .scp-theme-score{min-width:0;color:#91b8ca!important;font-size:9.5px!important;line-height:1.35}
.scp-root .scp-practitioner-card-open{flex:none;color:#8bd4f2;font-size:9.5px;font-weight:850;white-space:nowrap}

/* Animation continue très légère des commandes réellement actives : présence sans effet néon. */
@keyframes scpActiveControlBreathe{
  0%,100%{outline-color:rgba(112,202,236,.09)}
  50%{outline-color:rgba(112,202,236,.27)}
}
@keyframes scpActiveIconBreathe{
  0%,100%{opacity:.82}
  50%{opacity:1}
}
.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-reg-ana-filter-chip.is-active,
  .scp-reg-progress-control.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active,
  .scp-ref-scope.is-active,
  .scp-ref-icon-btn.is-active,
  .scp-national-filter.is-active,
  [aria-current="page"].scp-nav-btn,
  [aria-selected="true"].scp-progress-hub-tab,
  [aria-selected="true"].scp-premium-internal-tab,
  [aria-selected="true"].scp-admin-progress-tab
){
  outline:1px solid rgba(112,202,236,.10);
  outline-offset:-1px;
  animation:scpActiveControlBreathe 4.2s ease-in-out infinite;
}
.scp-root :is(
  .scp-nav-btn.is-active,
  .scp-mobile-nav button.is-active,
  .scp-reg-subtheme-tab.is-active,
  .scp-learning-subtheme-tab.is-active,
  .scp-game-tab.is-active,
  .scp-reg-ana-nav-btn.is-active,
  .scp-premium-internal-tab.is-active,
  .scp-progress-hub-tab.is-active,
  .scp-admin-progress-tab.is-active,
  .scp-knowledge-level-tab.is-active,
  .scp-auth-tab.is-active
) :where(svg,.scp-nav-icon){
  animation:scpActiveIconBreathe 4.2s ease-in-out infinite;
}

.scp-root[data-ui-theme="light"] .scp-practitioner-overview{border-color:rgba(46,123,158,.14);background:linear-gradient(145deg,#fbfdff,#edf5f8);box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(30,77,101,.08)}
.scp-root[data-ui-theme="light"] .scp-practitioner-overview-copy>h2,
.scp-root[data-ui-theme="light"] .scp-practitioner-principle strong,
.scp-root[data-ui-theme="light"] .scp-practitioner-performance-metric strong,
.scp-root[data-ui-theme="light"] .scp-practitioner-performance-label{color:#173f54}
.scp-root[data-ui-theme="light"] .scp-practitioner-overview-copy>p:not(.scp-eyebrow),
.scp-root[data-ui-theme="light"] .scp-practitioner-performance-note,
.scp-root[data-ui-theme="light"] .scp-practitioner-card-footer .scp-theme-score{color:#577487!important}
.scp-root[data-ui-theme="light"] .scp-practitioner-principle,
.scp-root[data-ui-theme="light"] .scp-practitioner-performance,
.scp-root[data-ui-theme="light"] .scp-practitioner-performance-metric{border-color:rgba(46,123,158,.12);background:rgba(255,255,255,.72)}
.scp-root[data-ui-theme="light"] .scp-practitioner-card-open{color:#257fa7}

@media (max-width:1380px){
  .scp-root .scp-practitioner-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scp-root .scp-practitioner-subtheme-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1050px){
  .scp-root .scp-practitioner-overview{grid-template-columns:minmax(0,1fr)}
  .scp-root .scp-practitioner-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (orientation:portrait) and (min-width:621px) and (max-width:900px){
  .scp-root .scp-practitioner-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .scp-root .scp-practitioner-subtheme-switcher{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .scp-root .scp-practitioner-overview{padding:18px}
}
@media (max-width:780px){
  .scp-root .scp-practitioner-category-grid{grid-template-columns:minmax(0,1fr)!important}
  .scp-root .scp-practitioner-subtheme-switcher{display:flex!important;grid-template-columns:none!important;overflow-x:auto;padding-bottom:4px}
  .scp-root .scp-practitioner-subtheme-tab{flex:0 0 205px!important;min-height:68px}
  .scp-root .scp-practitioner-subtheme-content{padding:15px}
  .scp-root .scp-practitioner-domain-heading{align-items:flex-start}
}
@media (max-width:520px){
  .scp-root .scp-practitioner-overview{padding:15px;border-radius:17px}
  .scp-root .scp-practitioner-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .scp-root .scp-practitioner-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scp-root .scp-practitioner-card-footer{align-items:flex-start;flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .scp-root :is(
    .scp-nav-btn.is-active,.scp-mobile-nav button.is-active,.scp-reg-subtheme-tab.is-active,
    .scp-learning-subtheme-tab.is-active,.scp-game-tab.is-active,.scp-reg-ana-nav-btn.is-active,
    .scp-reg-ana-filter-chip.is-active,.scp-reg-progress-control.is-active,.scp-premium-internal-tab.is-active,
    .scp-progress-hub-tab.is-active,.scp-admin-progress-tab.is-active,.scp-knowledge-level-tab.is-active,
    .scp-auth-tab.is-active,.scp-ref-scope.is-active,.scp-ref-icon-btn.is-active,.scp-national-filter.is-active
  ),
  .scp-root :is(
    .scp-nav-btn.is-active,.scp-mobile-nav button.is-active,.scp-reg-subtheme-tab.is-active,
    .scp-learning-subtheme-tab.is-active,.scp-game-tab.is-active,.scp-reg-ana-nav-btn.is-active,
    .scp-premium-internal-tab.is-active,.scp-progress-hub-tab.is-active,.scp-admin-progress-tab.is-active,
    .scp-knowledge-level-tab.is-active,.scp-auth-tab.is-active
  ) :where(svg,.scp-nav-icon){animation:none!important}
}

/* Crew Institut 2.40.38 — bouton d’installation sur l’accueil + guide PWA à l’écran. */
.scp-root .scp-switch-install{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(119,204,238,.28)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(24,91,128,.34),rgba(10,54,82,.48))!important;
  color:#d9f5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 14px rgba(0,0,0,.12)!important;
}
.scp-root .scp-switch-install svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
@media(hover:hover) and (pointer:fine){
  .scp-root .scp-switch-install:hover{
    border-color:rgba(119,204,238,.48)!important;
    background:linear-gradient(145deg,rgba(31,107,149,.42),rgba(11,62,94,.56))!important;
    transform:translateY(-1px);
  }
}
.scp-root .scp-switch-install:active{transform:translateY(0) scale(.97)!important}
.scp-root .scp-switch-install:focus-visible{outline:3px solid rgba(109,199,233,.42)!important;outline-offset:2px!important}
.scp-root[data-ui-theme="light"] .scp-switch-install{
  border-color:rgba(39,111,145,.24)!important;
  background:#fff!important;
  color:#1a6d94!important;
  box-shadow:0 5px 14px rgba(28,58,75,.08)!important;
}

.scp-install-backdrop{z-index:1500!important;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important}
.scp-install-modal{
  width:min(920px,100%)!important;
  max-height:min(90dvh,900px)!important;
  overflow:auto!important;
  padding:26px!important;
  border:1px solid rgba(112,207,244,.24)!important;
  background:
    radial-gradient(circle at 90% 4%,rgba(52,154,207,.18),transparent 30%),
    linear-gradient(145deg,#0c2c43,#091f31 62%,#071a29)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.54)!important;
}
.scp-install-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid rgba(112,207,244,.14)}
.scp-install-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(112,207,244,.24);border-radius:14px;background:rgba(18,92,134,.24);color:#86dcff}
.scp-install-icon svg{width:23px;height:23px}
.scp-install-heading-copy>span{display:block;color:#78cfee;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.scp-install-heading-copy h2{margin:5px 0 7px;color:#f2fbff;font-size:24px;line-height:1.15}
.scp-install-heading-copy p{margin:0;color:#9cb8c7;font-size:12px;line-height:1.55;max-width:760px}
.scp-install-status{display:grid;gap:5px;margin-top:15px;padding:14px 16px;border:1px solid rgba(96,184,220,.18);border-radius:14px;background:rgba(12,61,91,.28)}
.scp-install-status strong{color:#dff7ff;font-size:13px}
.scp-install-status span{color:#95b5c5;font-size:11px;line-height:1.48}
.scp-install-status.is-installed{border-color:rgba(83,190,143,.24);background:rgba(25,91,62,.22)}
.scp-install-status.is-installed strong{color:#b9efd4}
.scp-install-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.scp-install-device{min-width:0;padding:15px;border:1px solid rgba(112,207,244,.14);border-radius:15px;background:rgba(255,255,255,.018)}
.scp-install-device.is-current{border-color:rgba(103,202,241,.34);background:linear-gradient(145deg,rgba(19,85,124,.34),rgba(7,42,66,.40));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.scp-install-device-head{display:grid;gap:4px;margin-bottom:11px}
.scp-install-device-head>span{color:#74cceb;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.scp-install-device-head strong{color:#edf9fe;font-size:13px;line-height:1.3}
.scp-install-device-head em{justify-self:start;margin-top:2px;padding:4px 7px;border:1px solid rgba(103,202,241,.22);border-radius:999px;background:rgba(28,117,163,.18);color:#aeeaff;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.scp-install-steps{display:grid;gap:9px;margin:0;padding-left:20px}
.scp-install-steps li{padding-left:2px;color:#a9c0cc;font-size:11px;line-height:1.52}
.scp-install-steps li::marker{color:#78d3f4;font-weight:850}
.scp-install-note{display:grid;gap:6px;margin-top:14px;padding:13px 15px;border:1px solid rgba(112,207,244,.12);border-radius:14px;background:rgba(4,24,38,.34)}
.scp-install-note strong{color:#d8eff8;font-size:12px}
.scp-install-note p{margin:0;color:#8faab9;font-size:10.8px;line-height:1.5}
.scp-install-actions{position:sticky;bottom:-26px;z-index:3;margin:18px -26px -26px!important;padding:14px 26px 20px!important;border-top:1px solid rgba(112,207,244,.13);background:linear-gradient(180deg,rgba(9,31,49,.90),#091f31 34%);backdrop-filter:blur(12px)}
.scp-install-now{min-width:180px}

.scp-root[data-ui-theme="light"] .scp-install-modal{border-color:rgba(38,104,136,.18)!important;background:linear-gradient(145deg,#fff,#f3f8fb 68%,#edf5f8)!important;box-shadow:0 30px 80px rgba(28,58,75,.22)!important}
.scp-root[data-ui-theme="light"] .scp-install-heading{border-bottom-color:rgba(38,104,136,.12)}
.scp-root[data-ui-theme="light"] .scp-install-icon{border-color:rgba(38,104,136,.18);background:#edf7fb;color:#1e7ca7}
.scp-root[data-ui-theme="light"] .scp-install-heading-copy>span{color:#247ea5}
.scp-root[data-ui-theme="light"] .scp-install-heading-copy h2,
.scp-root[data-ui-theme="light"] .scp-install-device-head strong,
.scp-root[data-ui-theme="light"] .scp-install-status strong,
.scp-root[data-ui-theme="light"] .scp-install-note strong{color:#17394b}
.scp-root[data-ui-theme="light"] .scp-install-heading-copy p,
.scp-root[data-ui-theme="light"] .scp-install-status span,
.scp-root[data-ui-theme="light"] .scp-install-steps li,
.scp-root[data-ui-theme="light"] .scp-install-note p{color:#5d7686}
.scp-root[data-ui-theme="light"] .scp-install-status,
.scp-root[data-ui-theme="light"] .scp-install-device,
.scp-root[data-ui-theme="light"] .scp-install-note{border-color:rgba(38,104,136,.12);background:rgba(255,255,255,.72)}
.scp-root[data-ui-theme="light"] .scp-install-device.is-current{border-color:rgba(35,134,176,.28);background:#f0f8fc}
.scp-root[data-ui-theme="light"] .scp-install-actions{border-top-color:rgba(38,104,136,.12);background:linear-gradient(180deg,rgba(255,255,255,.90),#fff 34%)}

@media(max-width:900px){
  .scp-install-steps-grid{grid-template-columns:1fr!important}
}
@media(orientation:portrait) and (max-width:620px){
  .scp-root .scp-switch-head-tools{grid-template-columns:44px 44px 44px 44px minmax(0,1fr)!important}
  .scp-root .scp-switch-install{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .scp-install-modal{padding:18px 15px!important}
  .scp-install-heading{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .scp-install-icon{width:40px;height:40px;border-radius:12px}
  .scp-install-heading-copy h2{font-size:20px}
  .scp-install-actions{bottom:-18px;margin:16px -15px -18px!important;padding:12px 15px max(16px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr!important}
  .scp-install-actions .scp-btn{width:100%!important}
}
@media(max-width:560px){
  .scp-root .scp-switch-install{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:9px!important}
}
@media(prefers-reduced-motion:reduce){
  .scp-root .scp-switch-install{transition:none!important}
}


/* Crew Institut 2.40.39 — Accueil desktop : chaque rangée de 4 cartes occupe toute la largeur. */
@media (min-width:1101px){
  .scp-root .scp-switch-grid-levels,
  .scp-root .scp-switch-grid-learn,
  .scp-root .scp-switch-grid-experience{
    width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}


/* Crew Institut 2.40.45 — iPad portrait : bouton retour QCM non écrasé. */
@media (orientation:portrait) and (min-width:700px) and (max-width:1024px){
  .scp-reg-quiz-navigation{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px!important;
  }
  .scp-reg-quiz-return{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:12px 14px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    white-space:normal!important;
    text-align:left!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
}
@media (orientation:portrait) and (max-width:699px){
  .scp-reg-quiz-return{
    justify-content:flex-start!important;
    text-align:left!important;
    line-height:1.3!important;
  }
}


/* Crew Institut 2.40.47 — introduction déterministe et centrée. */
.scp-root .scp-opening-intro{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.scp-root .scp-opening-intro-video,
.scp-root .scp-opening-intro-hold{
  position:absolute!important;
  inset:0!important;
  margin:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  transform-origin:50% 50%!important;
}
.scp-root .scp-opening-intro-video{
  object-position:50% 50%!important;
}
/* Une vidéo 16:9 ne peut pas remplir un écran portrait sans couper une grande
   partie de l'image. En portrait on conserve donc l'intégralité du cadre vidéo,
   parfaitement centré, sur le même fond que la page d'authentification. */
@media (orientation:portrait){
  .scp-root .scp-opening-intro-video{
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:none!important;
  }
  .scp-root .scp-opening-intro-hold{
    display:grid!important;
    place-items:center!important;
  }
  .scp-root .scp-opening-intro-hold img{
    margin:auto!important;
    transform:none!important;
  }
}
@media (orientation:landscape){
  .scp-root .scp-opening-intro-video{
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
}

/* Sur iPhone/iPad, Safari interdit l'autoplay avec son. Au lieu d'un échec
   silencieux ou aléatoire, un appel à l'action explicite est centré à l'écran. */
.scp-root .scp-opening-intro.is-awaiting-gesture .scp-opening-intro-sound{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:min(320px,calc(100vw - 40px))!important;
  max-width:calc(100vw - 40px)!important;
  height:auto!important;
  min-height:54px!important;
  padding:13px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:999px!important;
  transform:translate(-50%,-50%)!important;
  background:rgba(5,29,47,.92)!important;
  border-color:rgba(118,207,244,.42)!important;
  color:#eefaff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  white-space:normal!important;
  text-align:center!important;
}
.scp-root .scp-opening-intro.is-awaiting-gesture .scp-opening-intro-sound span{
  flex:0 0 auto!important;
  font-size:20px!important;
}
.scp-root .scp-opening-intro.is-awaiting-gesture .scp-opening-intro-sound strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
}
@media (max-width:520px){
  .scp-root .scp-opening-intro.is-awaiting-gesture .scp-opening-intro-sound{
    min-width:min(290px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    min-height:52px!important;
    padding:12px 15px!important;
  }
}

/* Crew Institut 2.40.65 — logo UNPNC temporairement masqué sur toute l'application.
   Le composant et l'asset sont conservés pour permettre une réactivation ultérieure
   sans toucher aux fonctions, aux données ni aux règles Firebase. */
.scp-boot-partner-logo,
.scp-root .scp-top-partner-logo,
.scp-root .scp-switch-partner-logo,
.scp-root .scp-auth-partner-logo,
.scp-root .scp-admin-logos > img:nth-child(2){
  display:none!important;
}

/* Reprendre l'espace libéré par le partenaire masqué afin de ne laisser aucun
   emplacement vide dans les bandeaux et écrans d'accès. */
.scp-root .scp-topbar{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.scp-root .scp-auth-brand{
  grid-template-columns:auto minmax(0,1fr)!important;
}
.scp-root .scp-switch-service{
  gap:8px!important;
}

@media (orientation:portrait) and (min-width:621px) and (max-width:1024px){
  .scp-root .scp-switch-head{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"identity" "welcome" "tools"!important;
  }
  .scp-root .scp-switch-identity{grid-area:identity!important}
  .scp-root .scp-switch-welcome{grid-area:welcome!important}
  .scp-root .scp-switch-head-tools{grid-area:tools!important}
}

@media (max-width:620px) and (orientation:portrait){
  .scp-root .scp-topbar{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"brand" "actions"!important;
  }
  .scp-root .scp-switch-head{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"identity" "welcome" "tools"!important;
  }
  .scp-root .scp-switch-identity{grid-area:identity!important}
  .scp-root .scp-switch-welcome{grid-area:welcome!important}
  .scp-root .scp-switch-head-tools{grid-area:tools!important}
}

/* Crew Institut 2.40.68 — équilibre typographique des commandes du bandeau.
   Réduction ciblée de Retour / Admin / Comprendre ; bouton hors ligne remonté
   par rapport à 2.40.67. Aucun autre bouton ni texte n'est modifié. */
@media (min-width:761px){
  .scp-root .scp-launcher-return,
  .scp-root .scp-account-trigger,
  .scp-root .scp-context-help{font-size:10px!important}
  .scp-root .scp-switch-offline-btn{font-size:9px!important}
}
@media (max-width:760px){
  .scp-root .scp-launcher-return,
  .scp-root .scp-account-trigger,
  .scp-root .scp-context-help{font-size:9.5px!important}
  .scp-root .scp-switch-offline-btn{font-size:8.5px!important}
}

/* Crew Institut 2.40.69 — lisibilité ciblée du profil utilisateur.
   Agrandissement uniquement de Comprendre et des deux actions du profil.
   Retour, Admin, Préparer hors ligne et toutes les autres polices restent inchangés. */
@media (min-width:761px){
  .scp-root .scp-page-help-pill{font-size:14px!important}
  .scp-root .scp-profile-panel .scp-results-actions .scp-btn{font-size:14px!important}
}
@media (max-width:760px){
  .scp-root .scp-page-help-pill{font-size:13px!important}
  .scp-root .scp-profile-panel .scp-results-actions .scp-btn{font-size:13px!important}
}

/* Crew Institut 2.40.72 — pleine largeur réelle dans WordPress/Elementor,
   sans modifier html/body ni les conteneurs du thème. La racine SafeCheck
   s'échappe uniquement de la colonne qui porte le shortcode. */
.scp-root[data-safecheck-pnc-pro]{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

/* Profil : deux colonnes tant qu'elles restent lisibles, puis une seule colonne
   sur téléphone afin qu'aucun champ ne soit comprimé. */
@media (max-width:620px){
  .scp-root .scp-profile-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Administration : état de chargement progressif. Les couleurs réutilisent
   exclusivement les variables existantes de l'interface. */
.scp-root .scp-admin-data-status{
  display:grid;
  gap:4px;
  width:100%;
  margin:0 0 14px;
  padding:11px 13px;
  border:1px solid var(--scp-line);
  border-radius:12px;
  background:var(--scp-panel);
  color:var(--scp-text);
}
.scp-root .scp-admin-data-status strong{color:var(--scp-white);font-size:11.5px}
.scp-root .scp-admin-data-status span{color:var(--scp-muted);font-size:10px;line-height:1.45}
.scp-root .scp-admin-data-status.is-loading{border-color:color-mix(in srgb,var(--scp-cyan) 34%,transparent)}
.scp-root .scp-admin-data-status.is-warning{border-color:color-mix(in srgb,var(--scp-warning) 42%,transparent)}