.next-course-visual .visual-table{table-layout:fixed;min-width:0;width:100%}.next-course-visual th,.next-course-visual td{overflow-wrap:anywhere;word-break:normal}.next-course-visual th:first-child,.next-course-visual td:first-child{width:32%}.next-course-visual .visual-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.next-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.next-chapter-card{display:block;border:1px solid var(--line,#d6e3df);border-top:4px solid #087c75;background:white;border-radius:16px;padding:24px;color:inherit;text-decoration:none}.next-chapter-card>span{color:#08736b;font-weight:700}.next-chapter-card p{line-height:1.9}.next-chapter-card strong{font-size:1rem;color:#08645e}.next-practice .practice-entry{display:flex;flex-direction:column;gap:14px}.next-lesson-past{border:1px solid #b5cfc6;border-radius:12px;padding:16px;margin:20px 0}.next-lesson-past summary{font-weight:700;cursor:pointer}.next-lesson-past ul{padding:0;list-style:none}.next-lesson-past li{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #d6e3df;padding:14px 0}.next-lesson-past a,.next-lesson-past button{font-size:1rem;line-height:1.8}.next-lesson-past strong{width:100%}
@media(max-width:700px){.next-chapter-grid{grid-template-columns:1fr}.next-course-visual th,.next-course-visual td{padding:10px 8px;font-size:1rem}.next-course-visual .visual-flow{flex-direction:column}.next-course-visual .flow-arrow{transform:rotate(90deg)}}
.next-exact-diagram{margin:22px 0;padding:18px 12px;border:1px solid #b5cfc6;border-radius:14px;background:#fbfdfc}.next-exact-diagram figcaption{font-size:1rem;font-weight:700;line-height:1.7;margin-bottom:16px}.next-exact-diagram svg{display:block;width:100%;height:auto;max-width:500px;margin:auto}.next-exact-diagram p{font-size:1rem;line-height:1.9;margin:18px 0 0}
.next-course-visual .visual-table tbody th{min-width:0}
.next-course-visual .visual-table-scroll:after{display:none}

.next-optional{margin:24px 0;border:1px solid #bfd2ca;padding:16px;border-radius:12px;background:#f8fbf9}.next-optional>summary{font-weight:700;line-height:1.8;cursor:pointer}.next-optional .reading-section{margin-top:18px}
.next-exact-diagram svg{max-width:360px}
@media(max-width:700px){.next-course-visual .visual-table thead{display:none}.next-course-visual .visual-table,.next-course-visual .visual-table tbody{display:block}.next-course-visual .visual-table tr{display:block;margin:12px 0;border:1px solid #bfd2ca;border-radius:10px;overflow:hidden}.next-course-visual .visual-table th:first-child{display:block;width:auto;padding:12px;background:#e6f1ec;font-weight:700}.next-course-visual .visual-table td{display:grid;grid-template-columns:minmax(65px,30%) minmax(0,1fr);gap:12px;width:auto!important;border-bottom:1px solid #e3ebe6}.next-course-visual .visual-table td::before{content:attr(data-label);font-size:.9rem;color:#52675f;font-weight:700}.next-course-visual .visual-table-scroll{overflow:visible}}

.next-practice-group{border:1px solid #d6e4de;border-radius:16px;background:#fff;margin:16px 0;padding:18px}.next-practice-group>summary{cursor:pointer;font-size:1.2rem;font-weight:700;padding:8px}.next-practice-group>summary span{display:inline-block;font-size:.85rem;color:#566e65;margin-left:12px}.next-practice-group[open] .next-practice{margin-top:20px}
.code-lesson pre{max-width:100%;overflow-x:auto;background:#f5f8f6;padding:10px 4px;border:1px solid #cfddd5;border-radius:8px;text-align:left;font-size:16px;line-height:1.9}.code-lesson .code-line{display:block;white-space:pre}.code-lesson .code-active{background:#dceee5;border-left:3px solid #277568}.code-lesson p{font-size:1rem;text-align:left}