.elementor-63 .elementor-element.elementor-element-4fdceeb{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-ebbf483 > .elementor-widget-container{margin:-2% -2% -2% -2%;}.elementor-63 .elementor-element.elementor-element-dfacdf7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-d0d9795 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1px 1px 1px 1px;}.elementor-63 .elementor-element.elementor-element-5d28c6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63 .elementor-element.elementor-element-71dec2a > .elementor-widget-container{margin:-1% -1% -1% -1%;}.elementor-63 .elementor-element.elementor-element-d483ab4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-63 .elementor-element.elementor-element-fae5f6a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-63 .elementor-element.elementor-element-f33fed1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-63 .elementor-element.elementor-element-ebbf483 > .elementor-widget-container{margin:-3% -3% -3% -3%;}.elementor-63 .elementor-element.elementor-element-71dec2a > .elementor-widget-container{margin:-2% -2% -2% -2%;}}@media(max-width:767px){.elementor-63 .elementor-element.elementor-element-4fdceeb{--min-height:0px;}.elementor-63 .elementor-element.elementor-element-ebbf483 > .elementor-widget-container{margin:-4% -4% -4% -4%;}.elementor-63 .elementor-element.elementor-element-5d28c6a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-63 .elementor-element.elementor-element-71dec2a > .elementor-widget-container{margin:-4% -4% -4% -4%;}}/* Start custom CSS for html, class: .elementor-element-d0d9795 */<style>
  /* --- Questionnaire: look & feel --- */
  #accompagnement-test { --c:#111; --bg:#fff; --muted:#f5f5f5; }

  #accompagnement-test form { margin-top: 1rem; }

  #accompagnement-test fieldset{
    border:1px solid #e5e7eb;           /* gray-200 */
    border-radius:1rem;                  /* rounded-2xl */
    padding:1rem 1.25rem;
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }
  #accompagnement-test fieldset:hover{
    border-color:#d1d5db;                /* gray-300 */
    box-shadow:0 6px 14px rgba(0,0,0,.06);
  }

  #accompagnement-test legend{
    padding:0 .25rem;
    font-weight:600;
    color:#111827;                       /* gray-900 */
  }

  /* Options sous forme de “pills” */
  #accompagnement-test label{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.55rem .9rem;
    border:1px solid #e5e7eb;
    border-radius:9999px;
    background:#fff;
    cursor:pointer;
    font-size:.95rem;
    line-height:1;
    user-select:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
  }
  #accompagnement-test label:hover{
    background:#f9fafb;                  /* gray-50 */
    border-color:#d1d5db;
  }

  /* Radios “visuellement” cachés, accessibles au clavier */
  #accompagnement-test input[type="radio"]{
    position:absolute;
    opacity:0;
    width:1px; height:1px;
    pointer-events:none;
  }

  /* État sélectionné via :has() */
  #accompagnement-test label:has(input[type="radio"]:checked){
    background:var(--c);
    color:#fff;
    border-color:var(--c);
    box-shadow:0 6px 14px rgba(0,0,0,.12);
  }

  /* Focus clavier visible sur le pill sélectionné ou survolé */
  #accompagnement-test label:has(input[type="radio"]:focus-visible){
    outline:3px solid #a7f3d0;           /* emerald-200 */
    outline-offset:2px;
  }

  /* Boutons */
  #accompagnement-test button[type="submit"]{
    border:1px solid #111827;
    border-radius:9999px;
    padding:.6rem 1rem;
    font-size:.9rem;
    background:#111827;
    color:#fff;
    transition:transform .1s ease, box-shadow .2s ease, background .2s ease;
  }
  #accompagnement-test button[type="submit"]:hover{
    background:#0b1220;
    box-shadow:0 8px 18px rgba(0,0,0,.15);
  }
  #accompagnement-test button[type="submit"]:active{ transform:translateY(1px); }

  #quiz-reset{
    color:#374151;                        /* gray-700 */
    text-decoration:underline;
    text-underline-offset:2px;
  }
  #quiz-reset:hover{ color:#111827; }

  /* Boîte de résultat: arrondis + légère ombre (les couleurs viennent déjà du JS) */
  #quiz-result{
    border-radius:1rem !important;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
  }

  /* Espacement plus dense sur petits écrans */
  @media (max-width: 640px){
    #accompagnement-test fieldset{ padding:.85rem 1rem; }
    #accompagnement-test label{ padding:.5rem .8rem; }
  }

  /* Respecte l’accessibilité (réduit les animations si demandé) */
  @media (prefers-reduced-motion: reduce){
    #accompagnement-test *{ transition:none !important; }
  }
</style>/* End custom CSS */