.learning-level { margin-top: 2rem; }
.learning-level-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: 1rem; }
.learning-level-heading h2, .learning-level-heading h3 { margin: 0; }
.learning-level-heading p { flex-basis: 100%; margin: 0; color: var(--muted, #5d6270); max-width: 65ch; }
.level-guide { color: var(--ink, #232331); }
.level-guide h2 { margin: 0 0 .8rem; }
.level-guide h3 { margin: 1.5rem 0 .6rem; }
.level-guide p { line-height: 1.65; }
.level-guide-intro, .level-guide-note { max-width: 85ch; }
.level-guide-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.level-guide-card { border: 1px solid var(--border, #dedde7); border-radius: 1rem; padding: 1.1rem; background: var(--surface, #fff); }
.level-guide-card h3 { margin: 0 0 .6rem; }
.level-guide-card p { margin: .6rem 0 0; }
.level-guide-observe { color: var(--muted, #5d6270); font-size: .9rem; }
.level-guide-table-wrap { overflow-x: auto; margin: 1rem 0 1.5rem; border: 1px solid var(--border, #dedde7); border-radius: .8rem; }
.level-guide-table-wrap:focus-visible { outline: 3px solid var(--accent, #6254ce); outline-offset: 3px; }
.level-guide-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: .88rem; line-height: 1.55; }
.level-guide-table caption { padding: .8rem 1rem; text-align: left; font-weight: 700; background: var(--surface, #fff); }
.level-guide-table th, .level-guide-table td { padding: .9rem; text-align: left; vertical-align: top; border-top: 1px solid var(--border, #dedde7); }
.level-guide-table thead th { background: #f0eef8; color: #393250; }
.level-guide-table th[scope="row"] { width: 16%; }
.level-guide-table td { width: 28%; }
.level-guide-note { color: var(--muted, #5d6270); font-size: .9rem; }
.level-guide a { color: var(--accent, #5742b9); text-decoration: underline; text-underline-offset: .18em; }
@media (max-width: 720px) { .level-guide-levels { grid-template-columns: 1fr; } }