/* Assessment card only; the other Learning System cards retain their design. */
#system #learning-assessment.assessment-cute {
  display: block;
  padding: clamp(20px, 2.2vw, 30px);
  border: 1.5px solid #9ed7e5;
  border-radius: 28px;
  background: linear-gradient(145deg, #f2fbff 0%, #fff 42%, #fffefa 100%);
  box-shadow: 0 12px 30px -22px #0f6f8c60, inset 0 0 0 5px #ffffffb3;
}
#system #learning-assessment .assessment-cute__eyebrow { margin: 0 0 9px; color: var(--teal-deep); font: 600 11px/1.6 var(--font-mono); letter-spacing: .045em; }
#system #learning-assessment h3 { position: relative; display: inline-block; isolation: isolate; margin: 0 0 20px; font-size: clamp(25px, 2.6vw, 32px); line-height: 1.45; text-wrap: balance; }
#system #learning-assessment h3::after { content: ""; position: absolute; z-index: -1; left: 0; bottom: -5px; width: 76%; height: 6px; border-radius: 100%; background: #f2d687; transform: rotate(-1.5deg); }
#system #learning-assessment .assessment-cute__intro { font-size: 17px; line-height: 1.75; }
#system #learning-assessment .assessment-cute__facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 16px; padding: 0; list-style: none; }
#system #learning-assessment .assessment-cute__facts li { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; min-height: 40px; padding: 7px 12px; border: 1px solid #c7e8ee; border-radius: 999px; background: #edfaff; color: #0b566e; font-size: 13px; font-weight: 600; line-height: 1.45; }
#system #learning-assessment .assessment-cute__facts li:first-child { background: #eafaf6; border-color: #c2eae3; }
#system #learning-assessment .assessment-cute__facts li:last-child { background: #fff9ed; border-color: #f2e4c6; }
#system #learning-assessment .assessment-cute__facts svg { width: 19px; height: 19px; flex: 0 0 19px; color: var(--teal-deep); }
#system #learning-assessment .assessment-cute__facts li:last-child svg { color: var(--gold-text); }
#system #learning-assessment .assessment-cute__skills { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#system #learning-assessment .assessment-cute__skill { min-width: 0; padding: 12px 8px 16px; border: 1px solid #c5e9f3; border-radius: 18px; background: #eef9fe; text-align: center; }
#system #learning-assessment .assessment-cute__skill--reading { background: #fffaef; border-color: #f1e4c8; }
#system #learning-assessment .assessment-cute__skill img { display: block; width: min(100%, 164px); height: auto; aspect-ratio: 1; object-fit: contain; margin: 0 auto 3px; }
#system #learning-assessment .assessment-cute__skill strong { display: block; font: 700 clamp(18px, 1.8vw, 22px)/1.4 var(--font-mono); color: var(--ink); }
#system #learning-assessment .assessment-cute__skill > span { display: block; margin-top: 5px; color: var(--body); font-size: 14px; line-height: 1.5; }
#system #learning-assessment h4 { margin: 22px 0 12px; font-size: 18px; line-height: 1.6; }
#system #learning-assessment .learning-assessment__benefits { gap: 12px; }
#system #learning-assessment .learning-assessment__benefits li { padding-left: 34px; font-size: 16px; line-height: 1.65; }
#system #learning-assessment .learning-assessment__benefits li::before { display: flex; align-items: center; justify-content: center; top: 1px; width: 24px; height: 24px; border-radius: 50%; background: #d6f0ef; color: #0b6573; font-size: 16px; font-weight: 700; }
#system #learning-assessment .learning-assessment__gentle-note { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 12px; margin-top: 22px; padding: 18px; border: 1px solid #f1e5c9; border-radius: 18px; background: #fff8e9; }
#system #learning-assessment .assessment-cute__bulb { display: block; width: 28px; height: 36px; margin-top: 2px; color: var(--gold-text); }
#system #learning-assessment .learning-assessment__gentle-note h4 { margin: 0 0 8px; font-size: 18px; }
#system #learning-assessment .learning-assessment__gentle-note p { font-size: 15px; line-height: 1.7; }
#system #learning-assessment .learning-assessment__cta { position: relative; isolation: isolate; justify-content: center; gap: 10px; min-height: 96px; margin: 42px 0 0; padding: 19px 16px 19px 118px; border: 2px solid #4eb9d2; border-radius: 999px; background: linear-gradient(120deg, var(--teal-deep), #0b617d); box-shadow: 0 8px 18px -10px #0f6f8c9c, inset 0 0 0 2px #ffffff24; color: #fff; font-size: clamp(17px, 1.7vw, 22px); line-height: 1.4; transition: transform .2s ease, box-shadow .2s ease; }
#system #learning-assessment .assessment-cute__cta-mascot { position: absolute; z-index: -1; left: -6px; bottom: 3px; width: 139px; height: 139px; object-fit: contain; pointer-events: none; }
#system #learning-assessment .assessment-cta-label { position: relative; white-space: nowrap; flex: 0 0 auto; font-weight: 700; }
#system #learning-assessment .assessment-cta-arrow { display: flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid #ffffff80; border-radius: 50%; background: #ffffff22; font-size: 25px; line-height: 1; }
#system #learning-assessment .learning-assessment__cta:focus-visible { outline: 3px solid var(--teal-deep); outline-offset: 5px; }
#system #learning-assessment .assessment-cute__disclosure { margin: 14px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; text-align: center; }
@media (hover: hover) {
  #system #learning-assessment .learning-assessment__cta:hover { transform: translateY(-2px); border-color: #4eb9d2; background: linear-gradient(120deg, #0f7e9b, #0a5c75); box-shadow: 0 10px 22px -10px #0f6f8cb3; }
}
@media (min-width: 701px) and (max-width: 1080px) {
  #system #learning-assessment .learning-assessment__cta { padding-left: 92px; padding-right: 12px; font-size: 17px; }
  #system #learning-assessment .assessment-cute__cta-mascot { width: 112px; height: 128px; left: -7px; }
  #system #learning-assessment .assessment-cta-arrow { display: none; }
}
@media (max-width: 700px) {
  #system #learning-assessment.assessment-cute { padding: 22px; }
  #system #learning-assessment h3 { font-size: clamp(24px, 6.7vw, 30px); }
  #system #learning-assessment .assessment-cute__intro { font-size: 16px; line-height: 1.7; }
  #system #learning-assessment .assessment-cute__facts { gap: 7px; margin-block: 18px 14px; }
  #system #learning-assessment .assessment-cute__facts li { padding-inline: 10px; font-size: 12px; }
  #system #learning-assessment .assessment-cute__skill { padding: 8px 5px 14px; }
  #system #learning-assessment .assessment-cute__skill > span { font-size: 13px; }
  #system #learning-assessment .learning-assessment__cta { min-height: 90px; padding-left: 103px; padding-right: 12px; font-size: clamp(16px, 4.3vw, 21px); }
  #system #learning-assessment .assessment-cute__cta-mascot { width: 126px; height: 137px; left: -9px; }
  #system #learning-assessment .assessment-cta-arrow { display: none; }
}
@media (max-width: 390px) {
  #system #learning-assessment.assessment-cute { padding: 18px 16px; border-radius: 22px; }
  #system #learning-assessment .assessment-cute__skills { gap: 8px; }
  #system #learning-assessment .assessment-cute__skill strong { font-size: 17px; }
  #system #learning-assessment .assessment-cute__skill > span { font-size: 12px; }
  #system #learning-assessment .learning-assessment__gentle-note { padding: 14px 12px; grid-template-columns: 22px minmax(0, 1fr); gap: 9px; }
  #system #learning-assessment .assessment-cute__bulb { width: 22px; height: 30px; }
  #system #learning-assessment .learning-assessment__benefits li { font-size: 15px; padding-left: 31px; }
  #system #learning-assessment .learning-assessment__cta { padding-left: 80px; padding-right: 9px; min-height: 82px; font-size: clamp(15px, 4.3vw, 16.5px); }
  #system #learning-assessment .assessment-cute__cta-mascot { width: 103px; height: 119px; left: -10px; }
}
@media (prefers-reduced-motion: reduce) {
  #system #learning-assessment .learning-assessment__cta { transition: none; }
  #system #learning-assessment .learning-assessment__cta:hover { transform: none; }
}