#em-quiz {
  --em-rose:#b87761; --em-rose-dark:#a56651; --em-brown:#533b2c;
  --em-gold:#c9a66b; --em-copper:#6c3c1f; --em-cream:#faf5f0;
  --em-white:#fffdfb; --em-muted:#756258; --em-border:#e8d8cd;
  width:100%; max-width:880px; margin:0 auto; padding:18px 8px 30px;
  color:var(--em-brown); font-family:inherit;
}
#em-quiz, #em-quiz * {box-sizing:border-box}
#em-quiz button, #em-quiz a {font-family:inherit}
#em-quiz button {cursor:pointer}
#em-quiz .em-intro {text-align:center; padding:0 8px 25px}
#em-quiz .em-intro h2 {font-family:Georgia,'Times New Roman',serif; font-size:clamp(31px,4.9vw,53px);
  font-weight:400; letter-spacing:-.034em; line-height:1.14; margin:0 0 12px; color:var(--em-brown)}
#em-quiz .em-intro h2 em {font-style:italic; color:var(--em-rose-dark)}
#em-quiz .em-intro p {max-width:630px; font-size:15px; line-height:1.7; margin:0 auto; color:var(--em-muted)}
#em-quiz .em-panel {border:1px solid var(--em-border); border-radius:22px; padding:clamp(22px,4.6vw,40px);
  background:var(--em-white); box-shadow:0 16px 40px rgba(83,59,44,.08)}
#em-quiz .em-track {display:flex; align-items:center; gap:18px; margin:0 0 26px; justify-content:space-between}
#em-quiz .em-step {font-size:12px; color:var(--em-muted); letter-spacing:.025em; white-space:nowrap}
#em-quiz .em-progress {height:5px; width:39%; background:#efdfd3; border-radius:99px; overflow:hidden}
#em-quiz .em-progress span {display:block; height:100%; background:linear-gradient(90deg,var(--em-gold),var(--em-rose-dark)); border-radius:inherit; transition:width .2s}
#em-quiz .em-kicker {text-transform:uppercase; letter-spacing:.19em; font-size:11px; font-weight:700; color:var(--em-rose-dark); margin:0 0 10px}
#em-quiz h3.em-question {font-family:Georgia,'Times New Roman',serif; font-size:clamp(24px,3.3vw,35px); font-weight:400;
  line-height:1.22; color:var(--em-brown); margin:0 0 10px; letter-spacing:-.015em}
#em-quiz .em-help {font-size:14px; line-height:1.7; margin:0 0 24px; color:var(--em-muted)}
#em-quiz .em-options {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
#em-quiz .em-option {width:100%; border:1px solid #e9d6ca; border-radius:12px; background:var(--em-cream);
  color:var(--em-brown); font-size:15px; line-height:1.45; min-height:76px;
  padding:17px; display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left;
  transition:background .17s,border-color .17s,box-shadow .17s,transform .17s}
#em-quiz .em-option:hover, #em-quiz .em-option:focus-visible {background:#fff8f3; border-color:var(--em-rose);
  box-shadow:0 8px 20px rgba(184,119,97,.13); transform:translateY(-1px); outline:2px solid transparent}
#em-quiz .em-arrow {font-size:22px; color:var(--em-rose-dark); font-weight:400}
#em-quiz .em-footnav {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:24px}
#em-quiz .em-back {background:transparent; border:0; color:var(--em-copper); padding:9px 0; font-weight:650; font-size:13px}
#em-quiz .em-back:hover {text-decoration:underline}
#em-quiz .em-small {font-size:12px; color:var(--em-muted); letter-spacing:.04em}
#em-quiz .em-result-title {font-family:Georgia,'Times New Roman',serif; font-size:clamp(27px,4vw,41px);
  line-height:1.17; font-weight:400; color:var(--em-brown); margin:0 0 16px}
#em-quiz .em-result-intro {color:var(--em-muted); line-height:1.77; font-size:15px; margin:0 0 17px}
#em-quiz .em-tech {border-left:3px solid var(--em-gold); padding:8px 0 8px 16px; line-height:1.7; color:var(--em-brown);
  font-size:14px; margin:20px 0; background:linear-gradient(90deg,rgba(201,166,107,.08),transparent)}
#em-quiz .em-summary {border:1px solid var(--em-border); border-radius:12px; background:var(--em-cream); padding:20px 22px; margin:23px 0}
#em-quiz .em-summary strong {font-size:11px; text-transform:uppercase; letter-spacing:.13em; color:var(--em-copper)}
#em-quiz .em-summary ul {padding-left:20px; margin:10px 0 0; font-size:14px; line-height:1.7; color:var(--em-muted)}
#em-quiz .em-cure {background:#fff6ed; border:1px solid rgba(201,166,107,.55); border-radius:10px; padding:15px 17px; margin:17px 0;
  color:var(--em-brown); font-size:14px; line-height:1.7}
#em-quiz .em-actions {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:19px}
#em-quiz .em-action {display:flex; align-items:center; justify-content:center; text-align:center; font-size:14px;
  font-weight:700; text-decoration:none!important; border-radius:10px; min-height:52px; padding:14px 18px;
  transition:transform .15s,filter .15s; line-height:1.45}
#em-quiz .em-action:hover {transform:translateY(-1px); filter:brightness(.97)}
#em-quiz .em-action.primary {background:var(--em-rose-dark); color:#fff!important; border:1px solid var(--em-rose-dark)}
#em-quiz .em-action.secondary {background:#fff8f3; color:var(--em-copper)!important; border:1px solid var(--em-rose)}
#em-quiz .em-action.tertiary {background:var(--em-white); color:var(--em-brown)!important; border:1px solid var(--em-border)}
#em-quiz .em-action.full {grid-column:1 / -1}
#em-quiz .em-note {font-size:12px; line-height:1.65; color:var(--em-muted); margin:17px 0 0}
#em-quiz .em-privacy {font-size:12px; line-height:1.65; color:var(--em-muted); max-width:730px; margin:17px auto 0; text-align:center}
@media (max-width:640px) {
  #em-quiz {padding:12px 0 20px}
  #em-quiz .em-intro {padding:2px 4px 21px}
  #em-quiz .em-panel {border-radius:16px; padding:21px 17px}
  #em-quiz .em-options, #em-quiz .em-actions {grid-template-columns:1fr}
  #em-quiz .em-option {min-height:64px; padding:15px}
  #em-quiz .em-action.full {grid-column:auto}
  #em-quiz .em-progress {width:30%}
}
@media (prefers-reduced-motion: reduce) {#em-quiz .em-option,#em-quiz .em-action,#em-quiz .em-progress span {transition:none}}
/* Keep a stable appearance inside Divi theme defaults */
#em-quiz .em-option:focus-visible, #em-quiz .em-back:focus-visible, #em-quiz .em-action:focus-visible {
  outline: 2px solid #a56651; outline-offset: 3px;
}
#em-quiz .em-action { box-sizing: border-box; }

