.ia-bpe5 { --ia-success: #0f6b55; }
.ia-bpe5-summary, .ia-bpe5-result { margin-block: 1.5rem 2.5rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--ia-border); border-inline-start: .4rem solid var(--ia-accent); border-radius: .7rem; background: #f1faf7; }
.ia-bpe5 progress { width: 100%; height: .9rem; accent-color: var(--ia-success); }
.ia-bpe5-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1rem; padding: 0; list-style: none; }
.ia-bpe5-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--ia-border); border-radius: .8rem; background: #fff; box-shadow: 0 .25rem 1.25rem rgb(24 49 118 / 7%); }
.ia-bpe5-card--final { border-color: #85b8aa; background: #f1faf7; }
.ia-bpe5-card h3 { margin-block: .45rem; }
.ia-bpe5-card h3 a { color: var(--ia-ink); text-underline-offset: .2em; }
.ia-bpe5-card__meta, .ia-bpe5-card__status { color: var(--ia-muted); }
.ia-bpe5-card__status { font-weight: 750; }
.ia-bpe5-lesson { max-width: 72rem; }
.ia-bpe5-lesson > section:not(.ia-bpe5-exercises):not(.ia-bpe5-result) { max-width: 60rem; }
.ia-bpe5-lesson__progress { max-width: 42rem; }
.ia-bpe5-exercises { margin-block-start: 3rem; padding-block-start: 1rem; border-block-start: 1px solid var(--ia-border); }
.ia-bpe5-exercises .ia-exercise-list { gap: 2rem; }
.ia-bpe5-result:focus { outline: .22rem solid #f5a800; outline-offset: .18rem; }
.ia-course-recommendation { display: inline-block; margin-inline-end: 1rem; margin-block: .3rem; }
@media (max-width: 30rem) { .ia-bpe5-card { padding: 1rem; } }