html body[data-screen="module"] #app #main#main .integration-header-goal {
  border:1px solid #9bd7ff;
  border-radius:8px;
  box-shadow:0 0 0 2px #c6edff,0 0 22px #3aaeff55,0 0 38px #59c9ff25!important;
}
html body[data-screen="module"] #app #main#main .integration-header-goal > .icon {
  box-sizing:border-box;
  padding:7px;
  border:1px solid #ffd24b;
  border-radius:50%;
  background:#fff3a5;
  color:#996000;
  box-shadow:0 0 14px #ffd229a0,0 0 25px #ffc22955;
}
html body[data-screen="module"] #app #main#main .exam-landing-reference .exam-closing-trophy > img[src*="evaluation-trophy.png"],
html body[data-screen="module"] #app #main#main .exam-assessment-photo > img[src*="evaluation-trophy.png"] {
  animation:learning-trophy-float 4.8s ease-in-out infinite!important;
  will-change:translate;
}
@keyframes learning-trophy-float {
  0%,100% {translate:0 0}
  50% {translate:0 -8px}
}

html body[data-screen="module"] #app #main#main .az-response-intro-reference {
  display:grid!important;
  grid-template-columns:130px minmax(0,1fr);
  align-items:center;
  gap:24px;
  margin:16px 0 22px;
  padding:24px;
  border:1px solid #bce0ff;
  border-radius:8px;
  background:#f6fbff;
  box-sizing:border-box;
}
html body[data-screen="module"] #app #main#main .az-response-intro-reference > div {min-width:0}
html body[data-screen="module"] #app #main#main .az-response-intro-art {
  position:relative;
  display:grid;
  place-items:center;
  width:130px;
  height:130px;
  border-radius:50%;
  background:#fff4e3;
}
html body[data-screen="module"] #app #main#main .az-response-intro-art > img:first-child {
  width:92px!important;height:106px!important;object-fit:contain;
}
html body[data-screen="module"] #app #main#main .az-response-intro-art > img:last-child {
  position:absolute;right:8px;bottom:12px;width:72px!important;height:76px!important;object-fit:contain;
}
html body[data-screen="module"] #app #main#main .az-response-intro-reference h4 {
  margin:0 0 10px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  font:800 26px/1.3 var(--font-identity)!important;
  letter-spacing:0;
  color:#10235e!important;
}
html body[data-screen="module"] #app #main#main .az-response-intro-reference h4::before,
html body[data-screen="module"] #app #main#main .az-response-intro-reference h4::after {content:none!important}
html body[data-screen="module"] #app #main#main .az-response-intro-reference h4 > .tp-meaning-icon {display:none!important}
html body[data-screen="module"] #app #main#main .az-response-intro-reference p {
  margin:0!important;
  max-width:none!important;
  padding:0!important;
  font:400 16px/1.55 var(--font-body,Inter,sans-serif)!important;
  color:#4e6488!important;
  text-align:left!important;
  overflow-wrap:anywhere;
}
html body[data-screen="module"] #app #main#main .az-response-intro-reference .az-draft-note {
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:16px!important;
  padding:12px 16px!important;
  border:0!important;
  border-radius:8px;
  background:#f0edff!important;
}
html body[data-screen="module"] #app #main#main .az-response-intro-reference .az-draft-note > .icon {
  width:30px;height:30px;flex:0 0 30px;color:#7153ed;
}
html body[data-screen="module"] #app #main#main .az-response-intro-reference .az-draft-note::before {content:none!important}
@media(max-width:650px) {
  html body[data-screen="module"] #app #main#main .az-response-intro-reference {
    grid-template-columns:1fr;gap:14px;padding:16px;
  }
  html body[data-screen="module"] #app #main#main .az-response-intro-art {
    width:84px;height:84px;
  }
  html body[data-screen="module"] #app #main#main .az-response-intro-art > img:first-child {width:60px!important;height:70px!important}
  html body[data-screen="module"] #app #main#main .az-response-intro-art > img:last-child {width:46px!important;height:50px!important;right:4px;bottom:6px}
  html body[data-screen="module"] #app #main#main .az-response-intro-reference h4 {font-size:23px!important}
}
html body:is(.reduce-motion,.simple-visual)[data-screen="module"] #app #main#main :is(.exam-landing-reference .exam-closing-trophy,.exam-assessment-photo) > img[src*="evaluation-trophy.png"],
html.reduce-motion body[data-screen="module"] #app #main#main :is(.exam-landing-reference .exam-closing-trophy,.exam-assessment-photo) > img[src*="evaluation-trophy.png"] {
  animation:none!important;translate:none!important;will-change:auto;
}
html body:is(.simple-visual,.high-contrast)[data-screen="module"] #app #main#main .integration-header-goal,
html body:is(.simple-visual,.high-contrast)[data-screen="module"] #app #main#main .integration-header-goal > .icon {box-shadow:none!important}
html body.high-contrast[data-screen="module"] #app #main#main .integration-header-goal > .icon {background:#fff;color:#000;border-color:#000}
@media(prefers-reduced-motion:reduce) {
  html body[data-screen="module"] #app #main#main .exam-landing-reference .exam-closing-trophy > img[src*="evaluation-trophy.png"],
  html body[data-screen="module"] #app #main#main .exam-assessment-photo > img[src*="evaluation-trophy.png"] {
    animation:none!important;translate:none!important;will-change:auto;
  }
}