.academy-levels { display:grid; gap:12px; margin-top:18px; }
.academy-level { border:1px solid #cdbca0; border-radius:10px; overflow:hidden; background:#fffaf0; color:#263139; }
.academy-level > summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:17px 18px; cursor:pointer; list-style:none; background:#7c2d12; color:#fffaf0; }
.academy-level > summary::-webkit-details-marker { display:none; }
.academy-level > summary strong { display:block; font-family:Georgia,serif; font-size:1.1rem; line-height:1.4; }
.academy-level > summary small { display:block; margin-top:3px; color:#f3dfaa; font-size:.82rem; }
.academy-level > summary:focus-visible, .academy-level a:focus-visible { outline:3px solid #c9a24d; outline-offset:-3px; }
.level-chevron { font-size:1.4rem; transition:transform .15s; }
.academy-level[open] > summary .level-chevron { transform:rotate(180deg); }
.level-content { padding:4px 18px 18px; }
.level-part > h3 { margin:20px 0 8px; font:700 1.05rem Georgia,serif; color:#174976; }
.level-part > h3 span { font:normal .8rem Arial,sans-serif; display:block; margin-top:5px; }
.level-lessons { list-style:none; padding:0; margin:0; }
.level-lesson { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 0; border-bottom:1px solid #e4dac8; }
.level-lesson:last-child { border-bottom:0; }
.level-lesson > div { min-width:0; }
.level-lesson h4 { margin:0 0 4px; font:700 .98rem/1.45 Georgia,serif; overflow-wrap:anywhere; }
.level-status { display:block; color:#665b4c; font:normal .8rem/1.5 Arial,sans-serif; }
.level-lesson .primary-button { flex-shrink:0; padding:8px 10px; font-size:.78rem; background:#7c2d12; border-color:#7c2d12; color:white; }
.level-locked { white-space:nowrap; color:#665b4c; font:700 .78rem Arial,sans-serif; }
.level-signin { color:#7c2d12; font:700 .78rem/1.5 Arial,sans-serif; }
.level-help { color:#665b4c; font-size:.88rem; }
@media(max-width:600px) {
 .level-content { padding:2px 12px 12px; }
 .academy-level > summary { padding:14px 12px; }
 .level-lesson { flex-wrap:wrap; gap:8px; }
 .level-lesson > div { flex:1 1 100%; }
}