:root{--learn-navy:#07194a;--learn-mint:#00c99f;--learn-soft:#f6f8f8;--learn-line:#dfe5e8}.learning-body,.learning-activity-body{background:#fff;color:var(--learn-navy)}.learning-body .site-main,.learning-activity-body .site-main{background:linear-gradient(180deg,#fff 0,#f7fbfa 100%)}.learning-body .topbar,.learning-activity-body .topbar{border-bottom:1px solid #e4e7e8;background:#fff;color:#0a1737;box-shadow:0 5px 20px #10284a0a}.learning-body .site-brand,.learning-activity-body .site-brand{color:#08193e}.learning-body .brand-number,.learning-activity-body .brand-number{color:#00af8a}.learning-body .brand-symbol svg,.learning-activity-body .brand-symbol svg{stroke:#00af8a}.course-catalog{width:min(1500px,calc(100% - 44px));margin:auto;padding:46px 0 90px}.catalog-intro{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:45px}.catalog-mark{display:grid;width:82px;height:82px;place-items:center;border-radius:26px;background:linear-gradient(145deg,#00d5aa,#00a983);color:#fff;font-size:2.2rem;box-shadow:0 15px 35px #00a98230}.catalog-intro span,.grade-shelf header small{color:#71808d;font-weight:800}.catalog-intro h1{margin:5px 0 6px;font-size:clamp(1.9rem,3vw,3.1rem)}.catalog-intro p,.grade-shelf header p{margin:0;color:#63717d}.catalog-score{display:grid;min-width:120px;padding:15px 20px;border:1px solid #e4e7e8;border-radius:22px;text-align:center}.catalog-score b{font-size:1.2rem}.catalog-score small{color:#75818c}.grade-shelf{margin-bottom:65px}.grade-shelf>header{display:flex;align-items:center;gap:18px;margin:0 25px 24px}.grade-shelf h2{margin:3px 0;font-size:1.65rem}.grade-emblem{display:grid;width:82px;height:82px;place-items:center;border-radius:25px;background:linear-gradient(145deg,#0d3158,#071a3a);color:#42efd0;font-size:2.2rem;font-weight:900;transform:rotate(-4deg);box-shadow:0 11px 0 #dce4e4}.chapter-strip{display:grid;grid-template-columns:repeat(4,minmax(215px,1fr));gap:28px;padding:55px 30px 32px;border-radius:24px;background:#f6f7f7;overflow-x:auto}.chapter-card{position:relative;display:flex;min-height:330px;flex-direction:column;padding:15px 18px 18px;border:2px solid #e0e4e5;border-radius:23px;background:#fff;color:#071632;text-decoration:none;box-shadow:0 8px 0 #dfe3e3;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.chapter-card:hover{transform:translateY(-8px);border-color:var(--chapter-accent);box-shadow:0 12px 0 color-mix(in srgb,var(--chapter-accent) 22%,#dfe3e3)}.chapter-number{align-self:flex-start;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--chapter-accent) 12%,white);color:var(--chapter-accent);font-size:.75rem;font-weight:900}.chapter-illustration{position:relative;display:grid;height:170px;place-items:center;overflow:hidden}.chapter-illustration b{position:relative;z-index:2;display:grid;width:100px;height:100px;place-items:center;border:4px solid color-mix(in srgb,var(--chapter-accent) 60%,white);border-radius:31px;background:color-mix(in srgb,var(--chapter-accent) 15%,white);font-size:3rem;transform:rotate(-5deg)}.chapter-illustration i{position:absolute;width:150px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--chapter-accent) 38%,white);transform:rotate(35deg)}.chapter-illustration i:last-child{transform:rotate(-35deg)}.chapter-card h3{margin:5px 0 17px;font-size:1.1rem;line-height:1.7}.chapter-meta{display:flex;justify-content:space-between;margin-top:auto;color:#6c7881;font-size:.78rem;font-weight:800}.chapter-progress{height:5px;margin-top:11px;overflow:hidden;border-radius:10px;background:#e7eaeb}.chapter-progress i,.map-progress i,.question-progress i{display:block;height:100%;border-radius:inherit;background:var(--chapter-accent,#00c99f)}.coming-card{display:grid;min-height:240px;place-items:center;color:#7b8790}.path-page{display:grid;width:min(1300px,calc(100% - 44px));grid-template-columns:420px minmax(0,1fr);gap:55px;margin:auto;padding:70px 0 110px}.path-summary{position:sticky;top:95px;align-self:start;padding:38px;border:2px solid #e1e4e5;border-radius:27px;background:#fff;box-shadow:0 8px 0 #e2e6e6}.back-link{color:#61717e;text-decoration:none;font-weight:800}.path-icon{display:grid;width:105px;height:105px;place-items:center;margin:45px 0 30px;border-radius:32px;background:color-mix(in srgb,var(--chapter-accent) 15%,white);color:var(--chapter-accent);font-size:3.5rem}.path-summary>small{color:var(--chapter-accent);font-weight:900}.path-summary h1{margin:8px 0 15px;font-size:2rem}.path-summary p{color:#67747e;line-height:2}.path-stats{display:flex;gap:25px;margin-top:30px;padding-top:22px;border-top:1px solid #e6eaeb}.path-stats span{display:grid;color:#6d7880}.path-stats b{color:#07194a;font-size:1.25rem}.stage-map>header{padding:18px 30px;border:3px solid color-mix(in srgb,var(--chapter-accent) 70%,white);border-radius:24px;text-align:center;box-shadow:0 7px 0 color-mix(in srgb,var(--chapter-accent) 45%,white)}.stage-map header small{color:var(--chapter-accent);font-weight:900}.stage-map h2{margin:4px 0 12px}.map-progress{height:6px;overflow:hidden;border-radius:8px;background:#e7ebeb}.stage-road{position:relative;width:min(620px,100%);margin:80px auto}.stage-road:before{position:absolute;top:10px;bottom:10px;right:87px;width:7px;border-radius:8px;background:linear-gradient(var(--chapter-accent),#d7dddd);content:""}.stage-node{position:relative;display:flex;align-items:center;gap:35px;margin:0 30px 74px}.stage-node:nth-child(even){margin-right:150px}.node-orbit{position:relative;z-index:2;display:grid;width:120px;height:82px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--chapter-accent) 12%,white);box-shadow:0 18px 30px color-mix(in srgb,var(--chapter-accent) 20%,transparent)}.node-orbit:before,.node-orbit:after{position:absolute;inset:10px;border:4px solid color-mix(in srgb,var(--chapter-accent) 60%,white);border-radius:50%;content:""}.node-orbit:after{inset:18px;border-width:2px}.node-orbit span{z-index:2;display:grid;width:50px;height:50px;place-items:center;border-radius:17px;background:var(--chapter-accent);color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 8px 0 color-mix(in srgb,var(--chapter-accent) 70%,#074)}.stage-label{min-width:255px;padding:18px 22px;border:2px solid #e2e5e6;border-radius:21px;background:#fff;box-shadow:0 7px 0 #e1e5e5}.stage-label small{color:#77838c}.stage-label h3{margin:4px 0 12px}.stage-label a{display:block;padding:10px;border-radius:13px;background:var(--chapter-accent);color:#fff;text-align:center;text-decoration:none;font-weight:900}.stage-label>span{color:#929ca2;font-size:.75rem}.stage-node.locked{filter:grayscale(1);opacity:.55}.stage-node.completed .node-orbit span{background:#4a46ee}.activity-shell{display:grid;min-height:calc(100vh - 72px);grid-template:72px 1fr / 280px 1fr;direction:rtl}.activity-top{grid-column:1/-1;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:30px;padding:0 35px;border-bottom:1px solid #e1e6e8;background:#fff}.activity-top>a{color:#3c5872;font-size:1.8rem;text-decoration:none}.question-progress{height:14px;overflow:hidden;border-radius:20px;background:#dfe5e8}.activity-top>b{white-space:nowrap}.lesson-rail{grid-row:2;padding:22px 22px;border-left:1px solid #e1e6e8;background:#fbfcfc}.streak-card{display:grid;grid-template-columns:55px 1fr;align-items:center;padding:17px;border:1px solid #efe7da;border-radius:18px;background:#fffbf5}.streak-card span{grid-row:1/3;font-size:2.5rem}.streak-card b{font-size:1.2rem}.streak-card small{color:#68747d}.lesson-rail h2{margin:28px 10px 18px;font-size:1rem;color:#66747f}.rail-stage{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 12px;color:#213755;text-decoration:none;font-weight:800}.rail-stage:not(:last-of-type):after{position:absolute;right:31px;top:46px;width:3px;height:32px;background:#dbe1e4;content:""}.rail-stage i{z-index:1;display:grid;width:39px;height:39px;place-items:center;border:3px solid #c8d1d8;border-radius:50%;background:#fff;font-style:normal}.rail-stage.done i{border-color:#4e45f2;background:#4e45f2;color:#fff}.rail-stage.active{border-radius:16px;background:#e4fff7;color:#00a884}.rail-stage.active i{border-color:#00bd94;box-shadow:0 0 0 6px #caffef}.xp-note{margin-top:55px;padding:20px;border:1px solid #dce7e4;border-radius:18px;background:#fff;text-align:center;font-weight:800}.question-card{position:relative;margin:28px;padding:32px;border:1px solid #dfe5e7;border-radius:24px;background:#fff;box-shadow:0 12px 35px #0c31550c}.question-context{display:inline-flex;padding:10px 16px;border-radius:999px;background:#f0efff;color:#4d42e9;font-weight:900}.question-card h1{margin:22px 0 5px;color:#63717d;font-size:.9rem}.question-prompt{max-width:1050px;margin:10px auto 18px;color:#07194a;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:900;line-height:1.9;text-align:center}.professor{display:flex;height:165px;align-items:center;justify-content:center}.professor>span{font-size:4rem;color:var(--chapter-accent)}.professor-face{display:grid;width:120px;height:120px;place-items:center;border-radius:45% 45% 35% 35%;background:linear-gradient(#f5f6f6,#fff);font-size:5rem;filter:drop-shadow(0 15px 14px #18334b22)}.choices{display:grid;gap:10px}.choice{display:flex;min-height:58px;align-items:center;gap:14px;padding:9px 18px;border:2px solid #e1e6e8;border-radius:15px;cursor:pointer;transition:.15s ease}.choice:hover,.choice:has(input:checked){border-color:var(--chapter-accent);background:color-mix(in srgb,var(--chapter-accent) 8%,white)}.choice input{position:absolute;opacity:0}.choice i{width:28px;height:28px;margin-right:auto;border:3px solid #b8c3cc;border-radius:50%}.choice:has(input:checked) i{border:8px solid var(--chapter-accent)}.choice.correct{border-color:#00bf91;background:#e9fff8}.choice.wrong{border-color:#f05e72;background:#fff0f2}.answer-actions{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.hint-button,.check-button{min-height:56px;padding:0 28px;border:2px solid #6257ff;border-radius:15px;background:#fff;color:#5145e9;font:inherit;font-weight:900;cursor:pointer}.check-button{display:grid;min-width:250px;place-items:center;border-color:var(--chapter-accent);background:var(--chapter-accent);color:#fff;text-decoration:none;box-shadow:0 7px 0 color-mix(in srgb,var(--chapter-accent) 70%,#074)}.hint-text,.feedback{margin-top:17px;padding:15px 18px;border-radius:14px;background:#f5f3ff;color:#4b42bf}.feedback{background:#f5f8f8;color:#334a5e}.feedback.success{border-right:5px solid #00bd91}.feedback.error{border-right:5px solid #ef5b70}.feedback h2{margin:0 0 5px;font-size:1rem}.feedback p{margin:0;line-height:1.9}.feedback small{display:block;margin-top:9px;color:#77838c}.empty-stage{display:grid;min-height:420px;place-items:center}.empty-stage a{color:#00a986}@media(max-width:1000px){.chapter-strip{grid-template-columns:repeat(4,240px)}.path-page{grid-template-columns:320px 1fr}.activity-shell{grid-template:65px 1fr / 220px 1fr}.lesson-rail{padding-inline:12px}}@media(max-width:760px){.course-catalog{width:100%;padding:25px 0 70px}.catalog-intro{grid-template-columns:62px 1fr;margin:0 18px 35px}.catalog-mark{width:62px;height:62px;border-radius:20px}.catalog-intro h1{font-size:1.55rem}.catalog-intro p{font-size:.8rem}.catalog-score{display:none}.grade-shelf>header{margin-inline:18px}.grade-emblem{width:62px;height:62px;border-radius:18px;font-size:1.6rem}.grade-shelf h2{font-size:1.3rem}.chapter-strip{display:flex;gap:18px;padding:30px 18px 25px;border-radius:0;scroll-snap-type:x mandatory;scroll-padding:18px}.chapter-card{min-width:min(76vw,285px);min-height:310px;scroll-snap-align:start}.path-page{display:block;width:100%;padding:20px 0}.path-summary{position:relative;top:auto;margin:0 15px 30px;padding:24px}.path-icon{margin:25px 0 18px}.stage-map{padding:0 14px}.stage-road{margin-top:55px}.stage-node,.stage-node:nth-child(even){gap:18px;margin:0 0 55px}.stage-road:before{right:53px}.node-orbit{width:105px;min-width:105px;height:72px}.stage-label{min-width:0;flex:1}.activity-shell{display:flex;min-height:calc(100vh - 66px);flex-direction:column}.activity-top{position:sticky;top:66px;z-index:8;display:grid;grid-template-columns:36px 1fr auto;height:62px;padding:0 14px;gap:12px}.lesson-rail{display:none}.question-card{margin:10px 8px 25px;padding:20px 14px;border-radius:19px;box-shadow:none}.question-context{padding:7px 11px;font-size:.75rem}.question-prompt{font-size:1.15rem;line-height:1.9}.professor{height:130px}.professor-face{width:95px;height:95px;font-size:4rem}.choice{min-height:64px;padding:10px 13px}.answer-actions{position:sticky;bottom:0;margin-inline:-14px;margin-bottom:-20px;padding:13px 14px;background:#fffc}.hint-button{width:58px;padding:0;font-size:0}.hint-button:first-letter{font-size:1.2rem}.check-button{min-width:0;flex:1}.feedback{margin-bottom:80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.chapter-card,.choice{transition:none}}
