/* =========================
   WRAPPER
========================= */

.quiz-wrapper{
  max-width:1920px;
  margin:0 auto;
  padding:0 20px;
  background:#ffffff;
  padding-bottom:84px;
  box-sizing:border-box;
}

/* =========================
   TITLE
========================= */

.quiz-title{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
  font-size:22px;
  line-height:1.45;
  font-weight:700;
  color:#111111;
}

/* =========================
   CARD
========================= */

.quiz-card{
  width:100%;
  max-width:640px;
  margin:0 auto;
  border:1px solid #d9d9d9;
  background:#ffffff;
  padding:32px 40px;
  display:flex;
  gap:40px;
  align-items:center;
  box-sizing:border-box;
}

.quiz-card--question{
  max-width:640px;
  padding:46px 40px;
}

.quiz-card--result{
  max-width:720px;
  padding:46px 40px;
}

/* =========================
   ICON
========================= */

.quiz-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 auto;
  align-self:center;
}

.quiz-icon img{
  width:104px;
  height:104px;
  object-fit:contain;
  display:block;
  border-radius:50%;
}

/* =========================
   CONTENT
========================= */

.quiz-content{
  flex:1;
  min-width:0;
}

.quiz-card--result .quiz-content{
  max-width:640px;
  margin:0 auto;
}

.quiz-card--result .quiz-result{
  max-width:640px;
  margin:0 auto;
}

/* =========================
   PROGRESS
========================= */

.quiz-progress{
  width:100%;
  margin-bottom:18px;
}

.quiz-progress-text{
  font-size:16px;
  font-weight:400;
  color:#363636;
  margin-bottom:8px;
}

.quiz-progress-bar{
  width:100%;
  height:6px;
  background:#d9d9d9;
  border-radius:20px;
  overflow:hidden;
}

.quiz-progress-fill{
  height:100%;
  background:#806728;
  transition:width 0.3s ease;
}

/* =========================
   QUESTION
========================= */

.quiz-question{
  font-size:28px !important;
  line-height:40px !important;
  font-weight:400;
  color:#363636 !important;
  margin-bottom:24px !important;
}

.quiz-question strong{
  font-weight:700;
}

/* =========================
   QUIZ POPOVER LINK FIX
========================= */

.quiz-popover-link,
.quiz-popover-link:hover,
.quiz-popover-link:focus,
.quiz-popover-link:active,
.quiz-popover-link[aria-expanded="true"]{
  color:rgb(128,103,40) !important;
  text-decoration:none !important;
  border-bottom:2px dotted rgb(128,103,40) !important;
  display:inline !important;
  line-height:inherit !important;
  vertical-align:baseline !important;
  padding:0 !important;
  margin:0 !important;
  transition:none !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}

/* =========================
   BUTTONS
========================= */

.quiz-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.quiz-card--result .quiz-buttons{
  justify-content:center;
}

/* =========================
   BUTTON
========================= */

.quiz-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:96px;
  min-height:40px;
 padding: 12px 20px;
  border:2px solid #806728;
  border-radius:40px;
  background:#ffffff;
  color:#806728;
  text-decoration:none !important;
  font-size:16px;
  font-weight:400;
  letter-spacing:0.5px;
  line-height:16px;
  text-transform:uppercase;
  text-align:center;
  transition:0.3s ease;
  font-weight: 700;
}
.response-btn{
   background:#806728 !important;
  color:#ffffff !important;
  font-size:12px !important;
  line-height: 16px !important;

}
.response-btn:hover{
  transform: scale(1.02) !important;
}

.quiz-btn:hover,
.quiz-btn:focus,
.quiz-btn:active,
.quiz-btn.is-selected{
  background:#806728 !important;
  color:#ffffff !important;
}

/* =========================
   RESULT
========================= */

.quiz-result{
  font-size:13px;
  line-height:1.7;
  color:#333333;
  text-align:left;
}

.quiz-card--result .quiz-result{
  text-align:center;
}

.quiz-result p{
  max-width:560px;
  margin:0 auto 16px;
}

.quiz-result strong{
  font-weight:700;
}

/* =========================
   RESULT TITLE
========================= */

.quiz-result-title{
  max-width:520px;
  margin:0 auto 18px !important;
  font-size:18px;
  line-height:1.45;
  font-weight:700;
  color:#111111;
}

.quiz-result-title p{
  font-size:16px !important;
  line-height:24px !important;
}

/* =========================
   RESOURCE
========================= */

.quiz-resource{
  margin-top:18px;
  font-size:12px;
  line-height:1.6;
}

.quiz-resource a{
  color:#7a52c1;
  text-decoration:underline;
}
.quiz-local-tooltip{
  font-family: 'source-sans-pro';
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .quiz-wrapper{
    padding:0;
    padding-bottom:32px;
  }

  .quiz-title{
    max-width:280px;
    margin:0 auto 22px;
    font-size:15px;
    line-height:1.45;
    text-align:center;
  }

  .quiz-card--question{
    max-width:320px;
    margin:0 auto;
    padding:32px 40px;
    flex-direction:column;
    align-items:center;
    text-align:left;
    gap:40px;
  }

  .quiz-card--result{
    max-width:272px;
    margin:0 auto;
    padding:32px 40px;
    flex-direction:column;
    align-items:center;
    text-align:left;
    gap:16px;
  }

  .quiz-icon{
    width:64px;
    height:64px;
    min-width:64px;
    align-self:center;
  }

  .quiz-icon img{
    width:64px;
    height:64px;
    border-radius:50%;
  }

  .quiz-card--question .quiz-content{
    width:100%;
    max-width:240px;
    margin:0 auto;
  }

  .quiz-card--result .quiz-content{
    width:100%;
    max-width:none;
  }

  .quiz-progress{
    margin-bottom:14px;
  }

  .quiz-progress-text{
    font-size:10px;
    font-weight:700;
  }

  .quiz-progress-bar{
    height:5px;
  }

  .quiz-question{
    font-size:18px !important;
    line-height:24px !important;
    margin-bottom:18px !important;
    text-align:left;
  }

  .quiz-buttons,
  .quiz-card--result .quiz-buttons{
    justify-content:flex-start;
    gap:8px;
  }

  .quiz-btn{
    min-width:72px;
    min-height:30px;
    padding:0 14px;
    font-size:16px;
  }

  .quiz-result,
  .quiz-card--result .quiz-result{
    font-size:11px;
    line-height:1.7;
    text-align:left;
  }

  .quiz-result-title{
    font-size:15px;
    line-height:1.45;
  }

}
.popover-link,
.popover-link:hover,
.popover-link:focus,
.popover-link:active,
.popover-link:visited {
    color: #806728 !important;
    cursor: pointer !important;
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: #806728 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 6px !important;
}

/* Keep RTE popover links inline on mobile hover/focus. */
.rte-fs-body1 .popover-link[data-popover-content],
.rte-fs-body1 .popover-link[data-popover-content]:hover,
.rte-fs-body1 .popover-link[data-popover-content]:focus,
.rte-fs-body1 .popover-link[data-popover-content]:active {
    display: inline !important;
    white-space: normal !important;
}