.react-course-index{padding-top:48px;padding-bottom:70px}.react-lesson-layout{grid-template-columns:260px minmax(0,1fr) 280px;max-width:1700px;margin:auto;display:grid}.react-lesson-nav,.react-lesson-guide{align-self:start;max-height:100dvh;padding:28px 22px;position:sticky;top:0;overflow-y:auto}.react-lesson-nav{border-right:1px solid var(--line)}.react-lesson-nav nav{gap:6px;display:grid}.react-lesson-nav nav a{border-radius:7px;padding:10px;font-size:13px;line-height:1.5}.react-lesson-nav a[aria-current=page]{color:#174b93;background:#edf3ff;font-weight:700}.react-lesson-main{background:#f7f9fd;min-width:0;padding:40px 32px 70px}.react-lesson-main h1{font-size:clamp(28px,3vw,42px);line-height:1.15}.react-lesson-main .eyebrow{color:#c91b30;font-size:12px;font-weight:700}.react-lesson-article{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;margin-top:24px;padding:24px}.react-lesson-article .rich-content{overflow-wrap:anywhere;line-height:1.8}.react-lesson-article .rich-content p{margin:1em 0}.react-lesson-article .rich-content h2,.react-lesson-article .rich-content h3{margin:1.5em 0 .7em;line-height:1.35}.react-lesson-article .rich-content ol,.react-lesson-article .rich-content ul{padding-left:24px}.react-lesson-article pre{color:#e8efff;white-space:pre;overflow-wrap:normal;background:#101c30;border-radius:8px;max-width:100%;padding:18px;overflow-x:auto}.react-lesson-article iframe{width:100%;max-width:100%}.react-lesson-article .lesson-diagram,.react-lesson-article .lesson-output{background:#f2f6fd;border:1px solid #b5c7e9;border-radius:8px;margin:24px 0;padding:18px}.react-lesson-article .diagram-flow{text-align:center;gap:8px;display:grid}.react-lesson-article .diagram-node{background:#fff;border:1px solid #b5c7e9;border-radius:6px;padding:12px}.react-lesson-article .output-label{color:#174b93;font-weight:700}.react-lesson-guide{border-left:1px solid var(--line);font-size:14px;line-height:1.8}.react-lesson-guide ol{padding-left:20px}.react-lesson-guide h3{margin-top:24px}.react-lesson-guide a,.react-lesson-pagination a{color:#174b93;text-decoration:underline}.react-lesson-pagination{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:32px;display:flex}@media (max-width:1050px){.react-lesson-layout{grid-template-columns:220px minmax(0,1fr)}.react-lesson-guide{grid-column:2;max-height:none;position:static}}@media (max-width:700px){.react-lesson-layout{display:block}.react-lesson-nav{border-bottom:1px solid var(--line);max-height:230px;position:static}.react-lesson-main{padding:28px 16px}.react-lesson-article{padding:16px}.react-lesson-guide{max-height:none;position:static}}.react-lesson-article .rich-content h2{font-size:25px;font-weight:700}.react-lesson-article .rich-content h3{font-size:20px;font-weight:650}.react-lesson-nav h2,.react-lesson-guide h2{margin:16px 0;font-size:20px;font-weight:700}.react-lesson-guide h3{font-size:16px;font-weight:700}.react-course-section-title{margin:40px 0 24px;font-size:28px;font-weight:700}