.messages { margin-block: 1rem; padding: 1rem; border-inline-start: .35rem solid var(--ia-brand); background: #eef3ff; }
.ia-lesson { width: min(100% - 2rem, 72rem); margin-inline: auto; padding-block: clamp(1.5rem, 5vw, 4rem); }
.ia-lesson__content { max-width: 72ch; font-size: 1.05rem; }
.ia-lesson__content h2 { margin-block-start: 2.5rem; }
.ia-lesson__content p, .ia-lesson__content li { overflow-wrap: anywhere; }
.ia-lesson__content iframe { width: 100%; border: 1px solid var(--ia-border); }
.ia-lesson__meta { color: var(--ia-muted); }
.ia-lesson-nav { margin-block-start: 3rem; padding-block-start: 1.5rem; border-top: 1px solid var(--ia-border); }
.ia-lesson-nav__topic { display: inline-block; margin-block-end: 1rem; font-weight: 750; }
.ia-lesson-nav > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ia-lesson-nav > div > a { display: grid; padding: 1rem; border: 1px solid var(--ia-border); border-radius: .6rem; color: var(--ia-ink); text-decoration: none; }
.ia-lesson-nav > div > a[rel="next"] { text-align: end; }
.ia-lesson-nav small { color: var(--ia-muted); }
.pager__items { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.button, input[type="submit"] { min-height: 2.75rem; }
@media (max-width: 38rem) { .ia-lesson-nav > div { grid-template-columns: 1fr; } .ia-lesson-nav > div > a[rel="next"] { text-align: start; } }