.info-card:has(> .assessment-help) { display: flex; flex-direction: column; width: min(570px, calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: min(82vh, 720px); overflow: hidden;
}
.info-card:has(> .assessment-help) > .info-button-card { position: relative; flex: 0 0 auto;
}
.assessment-help[data-v-91d127ef] { flex: 1 1 auto; min-height: 0; width: 100%; overflow-y: auto; overscroll-behavior: contain; color: #293740;
}
.assessment-help__hero[data-v-91d127ef] { display: flex; gap: 18px; align-items: flex-start; padding: 25px 27px; background: linear-gradient(135deg, #f0f8f3, #f3f7fd);
}
.assessment-help__icon[data-v-91d127ef] { display: grid; flex: 0 0 58px; place-items: center; width: 58px; height: 58px; border-radius: 18px; color: #21834b; background: #dff2e6;
}
.assessment-help__eyebrow[data-v-91d127ef] { color: #267a4c; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.assessment-help h2[data-v-91d127ef] { margin: 3px 0 7px; font-size: 24px; line-height: 1.25; font-weight: 750;
}
.assessment-help p[data-v-91d127ef] { margin: 0; line-height: 1.48;
}
.assessment-help__details[data-v-91d127ef] { display: grid; gap: 15px; padding: 22px 27px;
}
.assessment-help__details > div[data-v-91d127ef] { display: flex; gap: 12px; align-items: flex-start;
}
.assessment-help__details .q-icon[data-v-91d127ef] { flex: 0 0 auto; color: #328a59; margin-top: 1px;
}
.assessment-help__details strong[data-v-91d127ef] { display: block; margin-bottom: 3px;
}
.assessment-help__example[data-v-91d127ef] { margin: 0 25px 25px; padding: 16px; border: 1px solid #dce8ed; border-radius: 20px; background: #f6f9fb;
}
.assessment-help__example-label[data-v-91d127ef] { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; font-size: 13px; font-weight: 800; color: #57717d; text-transform: uppercase; letter-spacing: .04em;
}
.assessment-help__stage[data-v-91d127ef] { padding: 18px; border: 1px solid #d8e4e9; border-radius: 15px; background: white;
}
.assessment-help__question[data-v-91d127ef] { color: #435d6a; font-size: 15px; font-weight: 650;
}
.assessment-help__sentence[data-v-91d127ef] { margin: 15px 0; font-size: 23px; font-weight: 650;
}
.assessment-help__choices[data-v-91d127ef] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px;
}
.assessment-help__choices span[data-v-91d127ef], .assessment-help__word[data-v-91d127ef] { display: inline-block; padding: 5px 13px; border: 2px solid #248bed; border-radius: 999px; background: #edf6ff; color: #19578e; font-weight: 700;
}
.assessment-help__choices .assessment-help__choice--selected[data-v-91d127ef] { border-color: #39a85e; background: #e9f8ee; color: #287d47;
}
.assessment-help__hint[data-v-91d127ef] { color: #5a7180; font-size: 14px;
}
.assessment-help__cursor[data-v-91d127ef] { color: #2189d8;
}
.assessment-help__picture[data-v-91d127ef] { display: grid; place-items: center; width: 80px; height: 65px; margin: 13px 0; border: 2px dashed #b6c8d0; border-radius: 8px; color: #8299a5;
}
.assessment-help__writing-lines[data-v-91d127ef] { display: grid; gap: 10px;
}
.assessment-help__writing-lines i[data-v-91d127ef] { border-bottom: 1px solid #75939e;
}
@media (max-width: 500px) {
.assessment-help__hero[data-v-91d127ef] { padding: 20px; gap: 12px;
}
.assessment-help__icon[data-v-91d127ef] { flex-basis: 45px; width: 45px; height: 45px;
}
.assessment-help__details[data-v-91d127ef] { padding: 18px 20px;
}
.assessment-help__example[data-v-91d127ef] { margin: 0 15px 18px;
}
}