/* Full four-card Cute Premium group. No sample-video or other section styles. */
#system .learning-system__cards--cute > .learning-support:not(.learning-support--assessment) {
  grid-template-columns: 148px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  padding: 28px 24px;
  border: 1px solid #c4e1ea;
  border-radius: 26px;
  background: linear-gradient(145deg, #fff 35%, #f2faff);
  box-shadow: 0 10px 28px -23px #0f6f8c60;
}
#system .learning-system__cards--cute > .learning-support.learning-support--line { background: linear-gradient(145deg, #fff 35%, #f1fbf7); border-color: #c5e5dd; }
#system .learning-system__cards--cute > .learning-support:last-child { background: linear-gradient(145deg, #fff 35%, #fffaf0); border-color: #e7ddc5; }
#system .learning-system__cards--cute .learning-support__art { display: grid; place-items: center; width: 100%; margin: 0; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, #e4f5fd, #f6fcff 65%, transparent 72%); }
#system .learning-system__cards--cute .learning-support--line .learning-support__art { background: radial-gradient(circle, #ddf5ed, #f5fcf8 65%, transparent 72%); }
#system .learning-system__cards--cute .learning-support:last-child .learning-support__art { background: radial-gradient(circle, #fff0cc, #fffcf3 65%, transparent 72%); }
#system .learning-system__cards--cute .learning-support__mascot { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
#system .learning-system__cards--cute > .learning-support:not(.learning-support--assessment) h3 { margin-bottom: 14px; font-size: 22px; line-height: 1.5; }
#system .learning-system__cards--cute > .learning-support:not(.learning-support--assessment) p { line-height: 1.8; text-wrap: pretty; }
#system .learning-system__cards--cute .learning-support__note { line-height: 1.75; border-top-color: #d5e6e9; }
#system #learning-assessment.assessment-cute { border-color: #8bcfdf; box-shadow: 0 12px 32px -22px #0f6f8c70, inset 0 0 0 5px #ffffffb3; }
/* A larger illustrated invitation; the full anchor remains one clickable target. */
#system #learning-assessment .learning-assessment__cta { min-height: 114px; margin-top: 88px; padding: 22px 18px 22px 148px; gap: 12px; font-size: 24px; border: 2px solid #58c3dc; background: linear-gradient(120deg, #0d7590, #0f6f8c); box-shadow: 0 10px 24px -10px #0f6f8c80, inset 0 0 0 3px #ffffff30; }
#system #learning-assessment .assessment-cute__cta-mascot { width: 181px; height: 181px; left: -9px; bottom: 5px; }
#system #learning-assessment .assessment-cta-arrow { display: flex; flex: 0 0 38px; width: 38px; height: 38px; color: var(--teal-deep); background: #fff; border-color: #ffffffb3; font-size: 29px; }
#system #learning-assessment .learning-assessment__cta:focus-visible { outline: 3px solid var(--teal-deep); outline-offset: 6px; }
@media (hover: hover) {
  #system #learning-assessment .learning-assessment__cta:hover { background: linear-gradient(120deg, #0b6781, #09546d); box-shadow: 0 13px 28px -10px #0f6f8c90; }
}
@media (min-width: 1001px) and (max-width: 1150px) {
  #system .learning-system__cards--cute > .learning-support:not(.learning-support--assessment) { grid-template-columns: 120px minmax(0, 1fr); gap: 16px; padding-inline: 22px; }
  #system #learning-assessment .learning-assessment__cta { padding-left: 122px; padding-right: 12px; gap: 8px; font-size: 20px; }
  #system #learning-assessment .assessment-cute__cta-mascot { width: 151px; height: 170px; }
  #system #learning-assessment .assessment-cta-arrow { display: none; }
}
@media (max-width: 1000px) {
  #system .learning-system__cards--cute { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #system .learning-system__cards--cute > .learning-support--assessment { grid-row: auto; }
}
@media (max-width: 700px) {
  #system #learning-assessment .learning-assessment__cta { min-height: 104px; padding-left: 124px; padding-right: 14px; gap: 9px; font-size: clamp(19px, 4vw, 24px); }
  #system #learning-assessment .assessment-cute__cta-mascot { width: 155px; height: 169px; }
  #system #learning-assessment .assessment-cta-arrow { display: none; }
}
@media (max-width: 600px) {
  #system .learning-system__cards--cute > .learning-support:not(.learning-support--assessment) { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 24px; }
  #system .learning-system__cards--cute .learning-support__art { width: 166px; justify-self: center; }
  #system .learning-system__cards--cute > .learning-support:not(.learning-support--assessment) h3 { font-size: 21px; }
}
@media (max-width: 420px) {
  #system #learning-assessment .learning-assessment__cta { flex-direction: column; gap: 5px; min-height: 142px; margin-top: 90px; padding: 14px 10px 18px; font-size: 20px; border-radius: 28px; }
  #system #learning-assessment .assessment-cute__cta-mascot { position: relative; z-index: 0; width: 150px; height: 150px; left: auto; bottom: auto; margin-top: -82px; pointer-events: none; }
  #system .learning-system__cards--cute .learning-support__art { width: 154px; }
}
@media (prefers-reduced-motion: reduce) {
  #system #learning-assessment .learning-assessment__cta { transition: none; }
  #system #learning-assessment .learning-assessment__cta:hover { transform: none; }
}