/* =========================================================
   DESIGN GLOBAL TESTS PSYCHOMÉTRIQUES — NezSens
   Scope sécurisé : uniquement dans .test-psycho-nezsens

   Structure HTML attendue :
   .test-psycho-nezsens
     .bp-wrap
       .bp-hero
       .bp-alert
       .bp-mini-toc
       .bp-section
       .bp-quiz-wrap
       .bp-cta
       .bp-legal
       .bp-sources
       .bp-nav

   Classes secondaires disponibles :
   .porte-ecoute
   .porte-boussole
   .porte-clarte
   .porte-lien
   ========================================================= */

/* =========================================================
   1. VARIABLES GLOBALES
   ========================================================= */

.test-psycho-nezsens{
  /* Couleurs principales */
  --ns-navy:#1B2A4A;
  --ns-blue:#273D73;
  --ns-red:#C0392B;
  --ns-orange:#E67E22;
  --ns-cream:#F6F7F2;
  --ns-soft:#EDEFF4;
  --ns-border:#D6DCE8;
  --ns-muted:#5A6B7A;
  --ns-green:#7CC496;
  --ns-white:#ffffff;
  --ns-text:#1a1a2e;

  /* Alias utilisés dans les composants */
  --c1:var(--ns-navy);
  --c2:var(--ns-blue);
  --c3:var(--ns-red);
  --c4:var(--ns-orange);
  --c5:var(--ns-cream);
  --c6:var(--ns-soft);
  --c7:var(--ns-border);
  --c8:var(--ns-muted);
  --c9:var(--ns-green);

  /* Formes */
  --radius-lg:16px;
  --radius-md:10px;
  --radius-pill:999px;

  /* Ombres */
  --shadow-main:0 8px 30px rgba(27,42,74,.10);
  --shadow-soft:0 4px 18px rgba(27,42,74,.08);
  --shadow-button:0 8px 22px rgba(0,0,0,.18);

  /* Typographies */
  --font-body:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-title:'Playfair Display',Georgia,serif;

  /* Largeurs */
  --wrap-mobile:100%;
  --wrap-tablet:920px;
  --wrap-desktop:1180px;
  --wrap-wide:1240px;

  /* Espacements */
  --gap-page:clamp(18px,3vw,28px);
  --pad-wrap-y:clamp(40px,7vw,72px);
  --pad-wrap-x:clamp(14px,4vw,28px);
  --pad-card:clamp(20px,4vw,34px);

  font-family:var(--font-body);
  color:var(--ns-text);
  line-height:1.65;

  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 auto;
  padding:0;
  overflow-x:hidden;
}


/* =========================================================
   2. VARIANTES COULEURS PAR PORTE
   ========================================================= */

/* 💓 Porte Écoute sensible */
.test-psycho-nezsens.porte-ecoute{
  --c1:#1B2A4A;
  --c2:#273D73;
  --c3:#C0392B;
  --c4:#E67E22;
  --c9:#7CC496;
}

/* 🧭 Porte Boussole intérieure */
.test-psycho-nezsens.porte-boussole{
  --c1:#1B2A4A;
  --c2:#243B6B;
  --c3:#D4AF37;
  --c4:#7CC496;
  --c9:#D4AF37;
}

/* 💎 Porte Clarté intérieure */
.test-psycho-nezsens.porte-clarte{
  --c1:#1B2A4A;
  --c2:#31466F;
  --c3:#7CC496;
  --c4:#A3D5F7;
  --c9:#A3D5F7;
}

/* 🤝 Porte Lien relationnel */
.test-psycho-nezsens.porte-lien{
  --c1:#1B2A4A;
  --c2:#3E365F;
  --c3:#B76E79;
  --c4:#E6A57E;
  --c9:#E6A57E;
}


/* =========================================================
   3. BASE SÉCURISÉE
   ========================================================= */

.test-psycho-nezsens,
.test-psycho-nezsens *{
  box-sizing:border-box;
}

.test-psycho-nezsens *{
  max-width:100%;
}

.test-psycho-nezsens p,
.test-psycho-nezsens li,
.test-psycho-nezsens div,
.test-psycho-nezsens span,
.test-psycho-nezsens strong,
.test-psycho-nezsens a{
  overflow-wrap:anywhere;
  word-break:normal;
}

.test-psycho-nezsens a{
  overflow-wrap:anywhere;
}

.test-psycho-nezsens img,
.test-psycho-nezsens iframe,
.test-psycho-nezsens video,
.test-psycho-nezsens canvas,
.test-psycho-nezsens svg{
  max-width:100% !important;
  height:auto;
}

.test-psycho-nezsens input,
.test-psycho-nezsens textarea,
.test-psycho-nezsens select{
  max-width:100% !important;
  box-sizing:border-box !important;
}

.test-psycho-nezsens p{
  margin:0 0 14px;
}

.test-psycho-nezsens p:last-child{
  margin-bottom:0;
}


/* =========================================================
   4. LAYOUT GLOBAL
   ========================================================= */

.test-psycho-nezsens .bp-wrap{
  width:100%;
  max-width:var(--wrap-tablet);
  min-width:0;
  margin-inline:auto;
  padding:clamp(12px,3vw,24px) var(--pad-wrap-x) var(--pad-wrap-y);
  display:grid;
  gap:var(--gap-page);
  overflow-x:hidden;
}


/* =========================================================
   5. HERO
   ========================================================= */

.test-psycho-nezsens .bp-hero{
  width:100%;
  min-width:0;
  color:#fff;
  border-radius:var(--radius-lg);
  padding:clamp(22px,5vw,48px);
  box-shadow:var(--shadow-main);
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(124,196,150,.18), transparent 34%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens.porte-boussole .bp-hero{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.22), transparent 34%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens.porte-clarte .bp-hero{
  background:
    radial-gradient(circle at top right, rgba(163,213,247,.22), transparent 34%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens.porte-lien .bp-hero{
  background:
    radial-gradient(circle at top right, rgba(230,165,126,.22), transparent 34%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens .bp-kicker{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin-bottom:16px;
  padding:6px 12px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:clamp(11px,2.5vw,12px);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.35;
}

.test-psycho-nezsens .bp-hero-title{
  margin:0 0 14px;
  max-width:13ch;
  color:#fff;
  font-family:var(--font-title);
  font-size:clamp(30px,7vw,52px);
  line-height:1.08;
}

.test-psycho-nezsens .bp-hero-lead{
  margin:0 0 22px;
  max-width:62ch;
  color:rgba(255,255,255,.9);
  font-size:clamp(15px,2.4vw,17px);
}

.test-psycho-nezsens .bp-chips{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.test-psycho-nezsens .bp-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:14px;
  line-height:1.25;
}

.test-psycho-nezsens .bp-hero-action{
  margin-top:20px;
}

.test-psycho-nezsens .bp-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 22px;
  border-radius:var(--radius-pill);
  background:var(--c9);
  color:var(--c1) !important;
  text-decoration:none !important;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  box-shadow:var(--shadow-button);
  transition:transform .18s ease, box-shadow .18s ease;
}

.test-psycho-nezsens .bp-hero-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}


/* =========================================================
   6. BLOCS DE CONTENU
   ========================================================= */

.test-psycho-nezsens .bp-alert,
.test-psycho-nezsens .bp-info{
  border-radius:var(--radius-md);
  padding:clamp(14px,3vw,18px);
}

.test-psycho-nezsens .bp-alert{
  width:100%;
  background:#FDEBD0;
  border-left:4px solid var(--c4);
  box-shadow:var(--shadow-soft);
}

.test-psycho-nezsens .bp-alert p{
  margin:0;
}

.test-psycho-nezsens .bp-section,
.test-psycho-nezsens .bp-quiz-wrap,
.test-psycho-nezsens .bp-legal,
.test-psycho-nezsens .bp-sources,
.test-psycho-nezsens .bp-cta{
  width:100%;
  min-width:0;
  border-radius:var(--radius-lg);
  padding:var(--pad-card);
  overflow:hidden;
}

.test-psycho-nezsens .bp-section,
.test-psycho-nezsens .bp-quiz-wrap,
.test-psycho-nezsens .bp-legal,
.test-psycho-nezsens .bp-sources{
  background:#fff;
  border:1px solid var(--c7);
  box-shadow:var(--shadow-main);
}

.test-psycho-nezsens .bp-section-title,
.test-psycho-nezsens .bp-quiz-title,
.test-psycho-nezsens .bp-cta-title,
.test-psycho-nezsens .bp-legal-title,
.test-psycho-nezsens .bp-sources-title{
  margin:0 0 16px;
  color:var(--c1);
  font-family:var(--font-title);
  line-height:1.18;
}

.test-psycho-nezsens .bp-section-title{
  font-size:clamp(24px,4vw,32px);
  padding-bottom:12px;
  border-bottom:2px solid var(--c6);
}

.test-psycho-nezsens .bp-quiz-title,
.test-psycho-nezsens .bp-cta-title,
.test-psycho-nezsens .bp-legal-title,
.test-psycho-nezsens .bp-sources-title{
  font-size:clamp(23px,4vw,30px);
}

.test-psycho-nezsens .bp-info{
  margin-top:16px;
  background:#EBF0F8;
  border-left:4px solid var(--c2);
}


/* =========================================================
   7. MINI TABLE DES MATIÈRES
   ========================================================= */

.test-psycho-nezsens .bp-mini-toc{
  margin-top:0;
  padding:14px 16px;
  border-radius:var(--radius-md);
  background:rgba(27,42,74,.035);
  border:1px solid var(--c6);
}

.test-psycho-nezsens .bp-mini-toc-title{
  margin:0 0 10px;
  color:var(--c8);
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.test-psycho-nezsens .bp-mini-toc-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.test-psycho-nezsens .bp-mini-toc-list a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:var(--radius-pill);
  background:#fff;
  border:1px solid var(--c7);
  color:var(--c1) !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
}

.test-psycho-nezsens .bp-mini-toc-list a:hover{
  border-color:var(--c9);
  background:var(--c5);
}


/* =========================================================
   8. GRILLES / CARTES / ÉCHELLES
   ========================================================= */

.test-psycho-nezsens .bp-dims,
.test-psycho-nezsens .bp-interp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.test-psycho-nezsens .bp-scale{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.test-psycho-nezsens .bp-dim,
.test-psycho-nezsens .bp-interp-card,
.test-psycho-nezsens .bp-scale-item{
  min-width:0;
  padding:16px;
  border-radius:var(--radius-md);
  background:var(--c5);
  border:1px solid var(--c7);
}

.test-psycho-nezsens .bp-dim{
  border-top:4px solid var(--c2);
}

.test-psycho-nezsens .d-red{
  border-top-color:var(--c3);
}

.test-psycho-nezsens .d-orange{
  border-top-color:var(--c4);
}

.test-psycho-nezsens .d-blue{
  border-top-color:var(--c2);
}

.test-psycho-nezsens .d-green{
  border-top-color:var(--c9);
}

.test-psycho-nezsens .bp-dim-title,
.test-psycho-nezsens .bp-ic-head{
  margin-bottom:8px;
  color:var(--c1);
  font-weight:700;
  line-height:1.3;
}

.test-psycho-nezsens .bp-scale-item{
  text-align:center;
}

.test-psycho-nezsens .bp-scale-dot{
  display:block;
  margin-bottom:6px;
  font-size:22px;
}

.test-psycho-nezsens .bp-scale-val{
  display:block;
  color:var(--c1);
  font-size:22px;
  font-weight:700;
  line-height:1.1;
}

.test-psycho-nezsens .bp-scale-label{
  display:block;
  color:var(--c8);
  font-size:14px;
  line-height:1.35;
}

.test-psycho-nezsens .bp-subtitle{
  margin:24px 0 12px;
  color:var(--c1);
  font-size:clamp(18px,3vw,21px);
}


/* =========================================================
   9. QUIZ / AYS QUIZ MAKER
   ========================================================= */

.test-psycho-nezsens .bp-quiz-wrap{
  background:linear-gradient(180deg,#EBF0F8 0%,#fff 100%);
  border-top:5px solid var(--c3);
}

.test-psycho-nezsens .bp-quiz-sub{
  margin-top:-8px;
  color:var(--c8);
}

.test-psycho-nezsens .bp-quiz-ays{
  margin-top:18px;
  min-width:0;
  padding:clamp(16px,3vw,22px);
  border-radius:var(--radius-md);
  background:var(--c5);
  border:2px dashed var(--c7);
  overflow:hidden;
}

.test-psycho-nezsens .bp-quiz-scroll{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.test-psycho-nezsens .bp-quiz-embed{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:14px;
}

.test-psycho-nezsens .bp-quiz-embed > *,
.test-psycho-nezsens .bp-quiz-embed *,
.test-psycho-nezsens .ays-quiz-container,
.test-psycho-nezsens .ays_quiz_container,
.test-psycho-nezsens .ays-quiz-wrap,
.test-psycho-nezsens .ays-quiz-form,
.test-psycho-nezsens .ays-quiz-question,
.test-psycho-nezsens .ays-field,
.test-psycho-nezsens .ays_question_hint,
.test-psycho-nezsens .ays-quiz-container *,
.test-psycho-nezsens .ays_quiz_container *,
.test-psycho-nezsens .ays-quiz-wrap *,
.test-psycho-nezsens .ays-quiz-form *{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.test-psycho-nezsens .bp-quiz-embed table,
.test-psycho-nezsens .bp-quiz-embed canvas,
.test-psycho-nezsens .bp-quiz-embed svg,
.test-psycho-nezsens .bp-quiz-embed img{
  max-width:100% !important;
  height:auto !important;
}

.test-psycho-nezsens .bp-vars{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.test-psycho-nezsens .bp-vars li{
  width:100%;
  max-width:100%;
  padding:6px 10px;
  border-radius:8px;
  background:var(--c1);
  color:#A3D5F7;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}


/* =========================================================
   10. TABLEAUX
   ========================================================= */

.test-psycho-nezsens .bp-table-wrap{
  width:100%;
  max-width:100%;
  margin-top:16px;
  border-radius:var(--radius-md);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.test-psycho-nezsens .bp-table{
  width:100%;
  min-width:620px;
  border-collapse:collapse;
  background:#fff;
  font-size:14px;
}

.test-psycho-nezsens .bp-table th{
  padding:12px 14px;
  background:var(--c1);
  color:#fff;
  text-align:left;
  white-space:nowrap;
}

.test-psycho-nezsens .bp-table td{
  padding:12px 14px;
  border-bottom:1px solid var(--c6);
  vertical-align:top;
}

.test-psycho-nezsens .bp-table tr:nth-child(odd) td{
  background:var(--c5);
}


/* =========================================================
   11. INTERVALLES / RÉSULTATS
   ========================================================= */

.test-psycho-nezsens .bp-intervals{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.test-psycho-nezsens .bp-interval{
  display:grid;
  grid-template-columns:90px minmax(120px,1fr) auto;
  gap:14px;
  align-items:center;
  min-width:0;
  padding:14px;
  border-radius:var(--radius-md);
  background:#fff;
  border:1px solid var(--c7);
}

.test-psycho-nezsens .bp-int-range{
  color:var(--c1);
  font-weight:700;
  white-space:nowrap;
}

.test-psycho-nezsens .bp-int-bar{
  height:10px;
  border-radius:var(--radius-pill);
  background:var(--c6);
  overflow:hidden;
  position:relative;
}

.test-psycho-nezsens .bp-int-bar span{
  display:block;
  height:100%;
  border-radius:var(--radius-pill);
}

.test-psycho-nezsens .lv1 .bp-int-bar span{
  width:14%;
  background:#27AE60;
}

.test-psycho-nezsens .lv2 .bp-int-bar span{
  width:33%;
  background:#F1C40F;
}

.test-psycho-nezsens .lv3 .bp-int-bar span{
  width:52%;
  background:#E67E22;
}

.test-psycho-nezsens .lv4 .bp-int-bar span{
  width:73%;
  background:#E74C3C;
}

.test-psycho-nezsens .lv5 .bp-int-bar span{
  width:100%;
  background:#8E44AD;
}

.test-psycho-nezsens .bp-int-label{
  color:var(--c1);
  font-size:14px;
  font-weight:700;
  line-height:1.35;
}


/* =========================================================
   12. CTA / BOUTONS
   ========================================================= */

.test-psycho-nezsens .bp-cta{
  color:#fff;
  box-shadow:var(--shadow-main);
  background:
    radial-gradient(circle at bottom left, rgba(124,196,150,.20), transparent 35%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens.porte-boussole .bp-cta{
  background:
    radial-gradient(circle at bottom left, rgba(212,175,55,.22), transparent 35%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens.porte-clarte .bp-cta{
  background:
    radial-gradient(circle at bottom left, rgba(163,213,247,.22), transparent 35%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens.porte-lien .bp-cta{
  background:
    radial-gradient(circle at bottom left, rgba(230,165,126,.22), transparent 35%),
    linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
}

.test-psycho-nezsens .bp-cta-title{
  color:#fff;
}

.test-psycho-nezsens .bp-cta p{
  color:rgba(255,255,255,.9);
}

.test-psycho-nezsens .bp-btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}

.test-psycho-nezsens .bp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:var(--radius-pill);
  text-align:center;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.test-psycho-nezsens .bp-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}

.test-psycho-nezsens .bp-btn-primary{
  background:var(--c9);
  color:var(--c1) !important;
}

.test-psycho-nezsens .bp-btn-outline{
  background:rgba(255,255,255,.10);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.26);
}


/* =========================================================
   13. LÉGAL / SOURCES / NAVIGATION
   ========================================================= */

.test-psycho-nezsens .bp-legal ul,
.test-psycho-nezsens .bp-sources ul{
  margin:0;
  padding-left:20px;
}

.test-psycho-nezsens .bp-legal li,
.test-psycho-nezsens .bp-sources li{
  margin-bottom:10px;
}

.test-psycho-nezsens .bp-legal li:last-child,
.test-psycho-nezsens .bp-sources li:last-child{
  margin-bottom:0;
}

.test-psycho-nezsens .bp-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border-radius:var(--radius-md);
  background:var(--c6);
}

.test-psycho-nezsens .bp-nav a{
  color:var(--c1) !important;
  text-decoration:none !important;
  font-weight:700;
  line-height:1.3;
}

.test-psycho-nezsens .bp-nav a:hover{
  text-decoration:underline !important;
}

.test-psycho-nezsens .bp-footnote{
  margin-top:-8px;
  color:#8E9AB6;
  text-align:center;
  font-size:12px;
}


/* =========================================================
   14. ACCESSIBILITÉ
   ========================================================= */

.test-psycho-nezsens a:focus-visible{
  outline:3px solid var(--c9);
  outline-offset:3px;
  border-radius:8px;
}


/* =========================================================
   15. RESPONSIVE — DESKTOP / TABLETTE / MOBILE
   ========================================================= */

/* Ordinateur large */
@media (min-width:1180px){
  .test-psycho-nezsens .bp-wrap{
    max-width:var(--wrap-desktop);
    padding-left:32px;
    padding-right:32px;
  }

  .test-psycho-nezsens .bp-hero-title{
    max-width:18ch;
  }

  .test-psycho-nezsens .bp-hero-lead{
    max-width:72ch;
  }
}

/* Très grands écrans */
@media (min-width:1440px){
  .test-psycho-nezsens .bp-wrap{
    max-width:var(--wrap-wide);
  }
}

/* Tablette / petit ordinateur */
@media (min-width:768px) and (max-width:1179px){
  .test-psycho-nezsens .bp-wrap{
    max-width:var(--wrap-tablet);
    padding-left:24px;
    padding-right:24px;
  }
}

/* Tablette verticale et petits écrans */
@media (max-width:900px){
  .test-psycho-nezsens .bp-dims,
  .test-psycho-nezsens .bp-interp-grid{
    grid-template-columns:1fr;
  }

  .test-psycho-nezsens .bp-scale{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .test-psycho-nezsens .bp-hero-title{
    max-width:100%;
  }

  .test-psycho-nezsens .bp-vars{
    grid-template-columns:1fr;
  }
}

/* Mobile */
@media (max-width:767px){
  .test-psycho-nezsens{
    line-height:1.58;
    max-width:100%;
    overflow-x:hidden;
  }

  .test-psycho-nezsens .bp-wrap{
    max-width:100%;
    padding-left:10px;
    padding-right:10px;
    gap:18px;
  }

  .test-psycho-nezsens .bp-hero,
  .test-psycho-nezsens .bp-section,
  .test-psycho-nezsens .bp-quiz-wrap,
  .test-psycho-nezsens .bp-legal,
  .test-psycho-nezsens .bp-sources,
  .test-psycho-nezsens .bp-cta{
    width:100%;
    max-width:100%;
    padding-left:16px;
    padding-right:16px;
    border-radius:14px;
  }

  .test-psycho-nezsens .bp-hero-title{
    font-size:clamp(28px,9vw,38px);
    max-width:100%;
  }

  .test-psycho-nezsens .bp-kicker{
    display:block;
    width:100%;
    white-space:normal;
    line-height:1.35;
  }

  .test-psycho-nezsens .bp-chips,
  .test-psycho-nezsens .bp-mini-toc-list,
  .test-psycho-nezsens .bp-btn-row{
    display:grid;
    grid-template-columns:1fr;
  }

  .test-psycho-nezsens .bp-chip,
  .test-psycho-nezsens .bp-hero-btn,
  .test-psycho-nezsens .bp-btn{
    width:100%;
  }

  .test-psycho-nezsens .bp-chip,
  .test-psycho-nezsens .bp-mini-toc-list a{
    justify-content:flex-start;
  }

  .test-psycho-nezsens .bp-hero-action{
    margin-top:16px;
  }

  .test-psycho-nezsens .bp-scale{
    grid-template-columns:1fr;
  }

  .test-psycho-nezsens .bp-scale-item{
    display:grid;
    grid-template-columns:42px 42px 1fr;
    align-items:center;
    gap:8px;
    text-align:left;
  }

  .test-psycho-nezsens .bp-scale-dot,
  .test-psycho-nezsens .bp-scale-val{
    margin:0;
    text-align:center;
  }

  .test-psycho-nezsens .bp-interval{
    width:100%;
    min-width:0;
    grid-template-columns:1fr;
    gap:8px;
  }

  .test-psycho-nezsens .bp-int-range,
  .test-psycho-nezsens .bp-int-label{
    white-space:normal;
  }

  .test-psycho-nezsens .bp-int-label{
    font-size:15px;
  }

  .test-psycho-nezsens .bp-nav{
    flex-direction:column;
    align-items:flex-start;
  }

  .test-psycho-nezsens .bp-quiz-scroll{
    overflow-x:auto;
  }

  /* Tableau transformé en cartes sur mobile */
  .test-psycho-nezsens .bp-table-wrap{
    overflow:visible;
  }

  .test-psycho-nezsens .bp-table{
    min-width:0;
    width:100%;
    max-width:100%;
    border-collapse:separate;
    border-spacing:0 12px;
  }

  .test-psycho-nezsens .bp-table thead{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }

  .test-psycho-nezsens .bp-table,
  .test-psycho-nezsens .bp-table tbody,
  .test-psycho-nezsens .bp-table tr,
  .test-psycho-nezsens .bp-table td{
    display:block;
    width:100%;
  }

  .test-psycho-nezsens .bp-table tr{
    border:1px solid var(--c7);
    border-radius:var(--radius-md);
    background:var(--c5);
    overflow:hidden;
  }

  .test-psycho-nezsens .bp-table td{
    display:grid;
    grid-template-columns:42% 1fr;
    gap:10px;
    padding:10px 12px;
    border-bottom:1px solid var(--c6);
    background:transparent !important;
  }

  .test-psycho-nezsens .bp-table td::before{
    content:attr(data-label);
    color:var(--c1);
    font-weight:700;
  }

  .test-psycho-nezsens .bp-table td:last-child{
    border-bottom:0;
  }
}

/* Très petits écrans */
@media (max-width:380px){
  .test-psycho-nezsens .bp-wrap{
    padding-left:8px;
    padding-right:8px;
  }

  .test-psycho-nezsens .bp-hero,
  .test-psycho-nezsens .bp-section,
  .test-psycho-nezsens .bp-quiz-wrap,
  .test-psycho-nezsens .bp-legal,
  .test-psycho-nezsens .bp-sources,
  .test-psycho-nezsens .bp-cta{
    padding-left:14px;
    padding-right:14px;
  }

  .test-psycho-nezsens .bp-table td{
    grid-template-columns:1fr;
    gap:2px;
  }

  .test-psycho-nezsens .bp-scale-item{
    grid-template-columns:36px 36px 1fr;
  }
}


/* =========================================================
   16. RÉDUCTION DES ANIMATIONS
   ========================================================= */

@media (prefers-reduced-motion:reduce){
  .test-psycho-nezsens *,
  .test-psycho-nezsens *::before,
  .test-psycho-nezsens *::after{
    transition:none !important;
    scroll-behavior:auto !important;
  }

  .test-psycho-nezsens .bp-btn:hover,
  .test-psycho-nezsens .bp-hero-btn:hover{
    transform:none;
  }
}