.topic-scroll{overscroll-behavior:contain;color:#282633;height:100%;font-family:var(--font-body);background:#fff;flex:1;min-height:0;overflow-y:auto}.topic-page{max-width:1240px;margin:0 auto;padding:32px 40px 64px}.topic-heading{max-width:900px}.topic-breadcrumbs,.topic-breadcrumbs>span{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topic-breadcrumbs{color:#9993a3;margin-bottom:19px;font-size:14px;line-height:1.5}.topic-page .topic-breadcrumbs a{text-decoration:none;color:#706779!important}.topic-page a:hover{text-decoration:underline}.topic-heading h1{font:650 32px/1.25 var(--font-heading);letter-spacing:-.025em;margin:0 0 12px}.topic-heading>p{font:400 17px/1.6 var(--font-body);color:#6c6876;max-width:80ch;margin:0}.topic-tabs{border-bottom:1px solid #e9e6ed;gap:30px;margin:24px 0 30px;display:flex}.topic-page button,.topic-page summary{font-family:var(--font-body);cursor:pointer}.topic-tabs button{color:#726c7b;background:0 0;border:0;padding:13px 2px;font-size:16px;font-weight:600;position:relative}.topic-tabs button[aria-selected=true]{color:#6042c6}.topic-tabs button[aria-selected=true]:after{content:"";background:#7052d0;border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.topic-learning{grid-template-columns:210px minmax(0,760px);justify-content:space-between;align-items:start;gap:48px;display:grid}.topic-outline{min-height:0;max-height:var(--topic-outline-height,calc(100dvh - 144px));flex-direction:column;padding-top:4px;display:flex;position:sticky;top:28px}.topic-outline-title{color:#55515d;flex-shrink:0;margin:0 0 15px 12px;font-size:13px;font-weight:600;display:block}.topic-outline nav{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c5bdd4 transparent;scrollbar-gutter:stable;gap:5px;min-height:0;padding:5px;scroll-padding-block:5px;display:grid;overflow-y:auto}.topic-outline nav:focus-visible{outline-offset:2px;border-radius:7px;outline:2px solid #a999ce}.topic-outline nav button{text-align:left;color:#423e49;background:0 0;border:0;border-radius:7px;gap:12px;padding:11px 12px;font-size:15px;font-weight:500;line-height:1.4;display:flex}.topic-outline nav button>span{display:none}.topic-outline nav button[aria-current]{color:#5335a6;background:#f5f2fb;font-weight:600}.topic-outline-practice{color:#654c9d;background:0 0;border:0;border-top:1px solid #ece9ef;flex-shrink:0;justify-content:space-between;gap:12px;width:100%;margin-top:20px;padding:19px 12px;font-size:15px;font-weight:600;display:flex}.topic-lesson{min-width:0}.topic-image{background:#faf9fc;border:1px solid #ebe8ef;border-radius:12px;margin:0 0 30px;padding:14px;position:relative;overflow:hidden}.topic-image [role=button]{position:relative}.topic-image [role=img]{height:240px!important}.topic-image [data-typography=control]{background:#fff;border:1px solid #e5e0ee;border-radius:6px;padding:7px 11px;bottom:0;right:0;box-shadow:0 2px 6px #28203408;color:#5c477f!important;font-size:13px!important;position:absolute!important}.topic-section{outline:none;margin-bottom:34px;scroll-margin-top:26px}.topic-section:focus-visible{outline-offset:8px;outline:2px solid #a999ce}.topic-section h2,.topic-next h2,.topic-practice h2,.topic-progress h2{font:600 21px/1.35 var(--font-heading);letter-spacing:-.025em;margin:0 0 17px}.topic-lesson .bp-reading{font:400 18px/1.7 var(--font-body)!important}.topic-lesson .bp-reading p{margin:0 0 14px}.topic-lesson .bp-reading p:last-child{margin-bottom:0}.topic-lesson .bp-reading .katex{font-size:1.08em}.topic-lesson .bp-reading .katex-display{padding:8px 0;overflow:auto}.topic-rules{background:#faf9fc;border:1px solid #eeeaf3;border-radius:9px;margin:0;padding:4px 22px 4px 42px}.topic-rules li{border-bottom:1px solid #eae6f0;padding:13px 0 13px 4px}.topic-rules li:last-child{border-bottom:0}.topic-rules li::marker{color:#967ec1;font-size:12px}.topic-examples{gap:20px;display:grid}.topic-example{border:1px solid #e6e2ed;border-radius:11px;overflow:hidden}.topic-example h3{font:600 13px/1.4 var(--font-body);color:#76668c;margin:0;padding:20px 24px 8px}.topic-problem{padding:0 24px 20px}.topic-example details{border-top:1px solid #ece8f1}.topic-example summary{color:#69518e;background:#faf9fc;padding:15px 24px;font-size:15px;font-weight:600}.topic-example .solution-steps{gap:18px;margin:0;padding:22px 24px}.topic-example .solution-steps li{gap:16px}.topic-example .solution-steps li:before{color:#75608f;background:#f0ecf7}.topic-mistakes{margin:0;padding:0;list-style:none}.topic-mistakes li{border-bottom:1px solid #eeeaf0;padding:12px 0 12px 24px;position:relative}.topic-mistakes li:before{content:"";border:1.5px solid #ad8c5e;border-radius:50%;width:6px;height:6px;position:absolute;top:24px;left:2px}.topic-mistakes li:last-child{border-bottom:0}.topic-more summary{color:#6b5a83;padding:15px 0;font-size:15px}.topic-next{border-top:1px solid #e7e3ee;justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding-top:26px;display:flex}.topic-next h2{margin-bottom:7px;font-size:19px}.topic-next p{color:#736c7d;margin:0;font-size:15px;line-height:1.5}.topic-page .topic-primary{font:600 16px/1.3 var(--font-body);white-space:nowrap;background:#6245c8;border:0;border-radius:8px;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:13px 19px;text-decoration:none;display:inline-flex;color:#fff!important}.topic-primary:hover{background:#5339b0;text-decoration:none!important}.topic-primary:disabled{opacity:.5;cursor:not-allowed}.topic-page :is(button,a,summary):focus-visible{outline-offset:4px;outline:3px solid #a899d0}.topic-mobile-outline{display:none}.topic-practice,.topic-progress{max-width:900px;margin:0 auto}.topic-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.topic-mode{border:1px solid #e7e2ee;border-radius:12px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.topic-mode h3{font:600 21px/1.4 var(--font-heading);margin:0 0 10px}.topic-mode p{margin:0 0 6px;font-size:17px}.topic-mode>span{color:#797180;margin-bottom:23px;font-size:14px}.topic-mode .topic-primary{margin-top:auto}.topic-resume{border-bottom:1px solid #e9e5ed;margin-bottom:30px;padding-bottom:20px}.topic-resume a{justify-content:space-between;padding:10px 0;text-decoration:none;display:flex;color:#69509e!important}.topic-progress{border:1px solid #e8e3ef;border-radius:12px;padding:30px}.topic-progress>strong{font:600 48px/1.2 var(--font-heading);margin-top:24px;display:block}.topic-progress>strong span{font-size:30px}.topic-progress p,.topic-membership p{color:#6c6576;font-size:17px;line-height:1.6}.topic-progress small{color:#7e7587;font-size:14px;line-height:1.5;display:block}.topic-progress .topic-primary{margin-top:24px}.topic-error{color:#973c4c;background:#fff5f5;border-radius:8px;padding:16px}@media (width>=1600px){.topic-page{max-width:1320px}.topic-learning{grid-template-columns:210px minmax(0,800px);gap:72px}}@media (width<=950px){.topic-page{padding:26px}.topic-learning{grid-template-columns:165px minmax(0,1fr);gap:28px}.topic-outline nav button{gap:8px;padding-left:8px}.topic-next{flex-direction:column;align-items:flex-start}}@media (width<=700px){.topic-page{padding:23px 20px 42px}.topic-heading h1{font-size:26px}.topic-heading>p{font-size:16px}.topic-tabs{margin:19px 0 22px}.topic-learning{display:block}.topic-outline{display:none}.topic-mobile-outline{border-bottom:1px solid #eee9f2;margin-bottom:22px;padding-bottom:16px;display:block}.topic-mobile-outline summary{color:#71627e;font-size:15px}.topic-mobile-outline nav{overscroll-behavior-y:contain;scrollbar-width:thin;gap:4px;max-height:45dvh;padding-top:12px;display:grid;overflow-y:auto}.topic-mobile-outline button{text-align:left;color:#654b91;background:0 0;border:0;padding:10px;font-size:15px}.topic-image{margin-bottom:25px;padding:10px}.topic-image [role=img]{height:200px!important}.topic-section h2{font-size:20px}.topic-lesson .bp-reading{font-size:16px!important;line-height:1.7!important}.topic-rules{padding-left:30px;padding-right:16px}.topic-example h3{padding:18px 18px 8px}.topic-problem{padding:0 18px 18px}.topic-example summary{padding:14px 18px}.topic-example .solution-steps{gap:15px;padding:18px}.topic-mode-grid{grid-template-columns:1fr}.topic-progress{padding:23px}.topic-next{gap:18px}.topic-breadcrumbs{gap:7px;font-size:13px}}.topic-image-open{background:0 0;border:0;width:100%;min-height:120px;padding:0;display:block;position:relative}.topic-image-open img{object-fit:contain;width:100%;height:240px;display:block}.topic-image-open>span{color:#5c477f;font:600 13px/1.4 var(--font-body);background:#fff;border:1px solid #e5e0ee;border-radius:6px;padding:7px 11px;position:absolute;bottom:0;right:0}.topic-image-dialog{border:1px solid #e6e0eb;border-radius:12px;width:min(1000px,90vw);max-height:90vh;padding:20px}.topic-image-dialog::backdrop{background:#20182f99}.topic-image-dialog>button{color:#604685;font:600 16px var(--font-body);cursor:pointer;background:#fff;border:1px solid #e6dff0;border-radius:6px;margin:0 0 16px auto;padding:10px 16px;display:block}.topic-image-dialog img{object-fit:contain;width:100%;max-height:75vh;display:block}.topic-image-error{color:#75687f;padding:24px;font-size:15px}.topic-image-error button{color:inherit;background:0 0;border:0;text-decoration:underline}@media (width<=700px){.topic-image-open img{height:200px}}