/* PraxiRH — design aligné PraxiMum */

#prh-app *{box-sizing:border-box}
#prh-app{
  max-width:860px;margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  padding:0 40px 60px;color:#1E2A3A;line-height:1.6;
}

.prh-screen{display:none}
.prh-screen.is-active{display:block}

/* Cards */
.prh-card{
  background:#fff;border:1.5px solid #dde8f0;border-radius:20px;
  padding:52px 60px 48px;
  box-shadow:0 6px 30px rgba(30,42,58,.08);
  margin:24px 0;
}
.prh-card--center{text-align:center;padding:60px 40px}

/* Typography */
.prh-h1{font-size:30px;font-weight:800;color:#1E2A3A;margin:16px 0 18px;line-height:1.25}
.prh-h2{font-size:24px;font-weight:800;color:#1E2A3A;margin:0 0 12px;line-height:1.3}
.prh-lead{font-size:16px;color:#1E2A3A;line-height:1.7;margin:0 0 16px}
#prh-app p{font-size:15px;color:#4B5563;line-height:1.7;margin:0 0 14px}

/* Badge */
.prh-badge{
  display:inline-block;background:#1E2A3A;color:#fff;
  font-weight:700;font-size:12px;letter-spacing:1.5px;
  padding:7px 16px;border-radius:999px;text-transform:uppercase;
}
.prh-badge--accent{background:#E8541A;font-size:18px;letter-spacing:.5px;text-transform:none;padding:10px 24px}

/* Meta info card */
.prh-meta{
  display:flex;flex-wrap:wrap;gap:20px;
  background:#EEF3F8;border:1.5px solid #C8D9E8;
  padding:16px 22px;border-radius:14px;margin:20px 0;
}
.prh-meta span{font-size:14px;font-weight:600;color:#1E2A3A}

/* Buttons (pill) */
.prh-btn{
  display:inline-block;padding:14px 36px;border-radius:999px;
  border:none;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:700;
  transition:transform .15s,opacity .2s,background .2s;text-decoration:none;text-align:center;
}
.prh-btn--primary{background:#E8541A;color:#fff;box-shadow:0 4px 16px rgba(232,84,26,.3)}
.prh-btn--primary:hover{transform:translateY(-2px);opacity:.95}
.prh-btn--accent{background:#E8541A;color:#fff;box-shadow:0 4px 16px rgba(232,84,26,.3)}
.prh-btn--accent:hover{transform:translateY(-2px);opacity:.95}
.prh-btn-back{
  background:none;border:none;font-family:inherit;
  font-size:14px;font-weight:600;color:#E8541A;cursor:pointer;
  padding:8px 0;margin-bottom:18px;display:inline-flex;align-items:center;gap:4px;
}

/* Form */
.prh-label{display:block;font-size:14px;font-weight:600;color:#1E2A3A;margin:18px 0 8px}
.prh-input{
  display:block;width:100%;padding:13px 16px;
  border:1.5px solid #dde8f0;border-radius:12px;
  font-family:inherit;font-size:15px;color:#1E2A3A;background:#fff;
  transition:border-color .15s;outline:none;
}
.prh-input:focus{border-color:#E8541A}
.prh-checkbox{
  display:flex;gap:10px;align-items:flex-start;
  font-size:13px;color:#8FA8BE;margin:18px 0 22px;cursor:pointer;line-height:1.5;
}
.prh-checkbox input{margin-top:3px;flex-shrink:0}
.prh-form-error{
  background:#FFF0EB;border:1.5px solid #ffc4ad;color:#C4430F;
  padding:12px 16px;border-radius:12px;font-size:14px;margin:14px 0;
}

/* Progress */
#prh-progress{margin:24px 0 28px}
.prh-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.prh-progress-domain{
  font-size:12px;font-weight:700;color:#8FA8BE;
  background:#EEF3F8;padding:5px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:1px;
}
.prh-progress-counter{font-size:12px;font-weight:700;color:#E8541A}
.prh-progress-bar{height:6px;background:#dde8f0;border-radius:999px;overflow:hidden}
.prh-progress-fill{height:100%;background:#E8541A;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}

/* Question card + animations */
.prh-question-wrapper{
  background:#fff;border:1.5px solid #dde8f0;border-radius:20px;
  padding:48px 60px 44px;
  box-shadow:0 6px 30px rgba(30,42,58,.08);
}
.prh-question-text{
  font-size:22px;font-weight:700;color:#1E2A3A;line-height:1.5;
  margin:0 0 36px;text-align:center;
}
.prh-answers{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}
.prh-answer{
  padding:16px 28px;border:2px solid #dde8f0;border-radius:18px;background:#fff;
  cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;color:#2E4A6A;
  text-align:left;width:100%;line-height:1.5;
  transition:border-color .15s,background .15s,color .15s,transform .12s,box-shadow .15s;
}
.prh-answer:hover{
  border-color:#E8541A;color:#E8541A;
  transform:translateY(-2px);box-shadow:0 4px 14px rgba(232,84,26,.15);
}
.prh-answer.is-selected{
  border-color:#E8541A!important;background:#E8541A!important;color:#fff!important;
  transform:translateY(-2px);box-shadow:0 6px 18px rgba(232,84,26,.3);font-weight:600;
}
.prh-answer-letter{display:inline-block;font-weight:700;margin-right:8px;opacity:.7}

/* Hero result */
.prh-hero{
  background:linear-gradient(135deg,#1E2A3A,#2E4A6A);color:#fff;
  border-radius:20px;padding:36px 28px;text-align:center;margin:24px 0;
  box-shadow:0 6px 30px rgba(30,42,58,.15);
}
.prh-hero-eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;margin:0 0 14px;color:rgba(255,255,255,.85)}

/* Spinner */
.prh-spinner{
  width:48px;height:48px;border:4px solid #EEF3F8;border-top-color:#E8541A;
  border-radius:50%;animation:prh-spin .7s linear infinite;margin:0 auto 24px;
}
@keyframes prh-spin{to{transform:rotate(360deg)}}

/* Slide animations entre questions */
@keyframes prh-slide-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes prh-slide-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}
.prh-slide-in{animation:prh-slide-in .24s cubic-bezier(.22,.61,.36,1) both}
.prh-slide-out{animation:prh-slide-out .20s ease both;pointer-events:none}

/* Disclaimer */
.prh-disclaimer{
  font-size:13px;color:#8FA8BE;font-style:italic;line-height:1.7;
  margin:18px 0 0;
}

/* Domain results sections */
.prh-domain-section{margin:18px 0}
.prh-domain-title{
  font-size:13px;font-weight:700;color:#1E2A3A;
  letter-spacing:1px;margin:24px 0 12px;text-transform:uppercase;
}
.prh-domain-item{
  background:#fff;border:1.5px solid #dde8f0;border-radius:14px;
  padding:14px 18px;margin:8px 0;font-size:14px;color:#1E2A3A;
  display:flex;align-items:center;gap:10px;
}
.prh-domain-item--maitrise{border-left:4px solid #16A34A}
.prh-domain-item--consolidation{border-left:4px solid #D97706}
.prh-domain-item--explore{border-left:4px solid #8FA8BE}

/* Responsive */
@media(max-width:760px){
  #prh-app{padding:0 16px 40px}
  .prh-card{padding:32px 24px 28px;border-radius:18px}
  .prh-question-wrapper{padding:30px 22px 28px;border-radius:18px}
  .prh-h1{font-size:24px}
  .prh-h2{font-size:20px}
  .prh-question-text{font-size:18px;margin-bottom:24px}
  .prh-answer{padding:14px 18px;font-size:14px}
  .prh-meta{gap:10px;padding:14px 16px;font-size:13px}
  .prh-meta span{font-size:13px}
}