.home-class-quiz { padding: 40px 0; }
.home-class-quiz__panel { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; gap: 40px; padding: 48px; border-radius: 28px; background: #fff3cf; }
.home-class-quiz__copy h2 { margin: 12px 0 18px; color: var(--ml-ink); font-size: clamp(28px, 3.2vw, 42px); font-weight: 850; line-height: 1.15; letter-spacing: -.04em; }
.home-class-quiz__copy h2 span { color: var(--ml-red); }
.home-class-quiz__copy > p:last-child { max-width: 560px; margin: 0; color: #475569; font-size: 16px; line-height: 1.7; }
.home-class-quiz__action { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; }
.home-class-quiz__icon { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 24px; background: #ffe68c; color: #122033; transform: rotate(-6deg); }
.home-class-quiz__icon .ml-icon { width: 42px; height: 42px; }
.home-class-quiz__action .mock-btn { min-height: 52px; padding-inline: 28px; }
.home-class-quiz__action > p { margin: 0; font-size: 13px; color: #475569; }
.home-class-quiz button:focus-visible { outline: 3px solid #122033; outline-offset: 4px; }
@media (max-width: 700px) {
  .home-class-quiz { padding: 28px 0; }
  .home-class-quiz__panel { grid-template-columns: 1fr; padding: 30px 24px; gap: 28px; text-align: center; }
  .home-class-quiz__action { gap: 16px; }
  .home-class-quiz__icon { display: none; }
}