.learning{background:#f3f8f4}.learning-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:19px 0 38px}.learning-head h2{font-size:clamp(45px,5.6vw,77px);line-height:1.02;letter-spacing:-.075em;margin:0 0 15px;font-weight:800}.learning-head h2>span{background:#caf2b9;border-radius:15px;padding:0 11px 4px;color:#07513e;white-space:nowrap}.learning-head>div:first-child>p{font-size:14px;line-height:1.6;color:#56776c;max-width:520px;margin:0}.progress-card{display:flex;align-items:center;gap:17px;min-width:280px;background:#fff;padding:18px 22px;border:1px solid #d3e5d8;border-radius:23px;box-shadow:0 13px 35px #0a46270b}.progress-ring{width:79px;height:79px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative;background:conic-gradient(#0fc18f var(--progress,0%),#dfeee1 var(--progress,0%))}.progress-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}.progress-ring strong{position:relative;font-size:18px;font-weight:900}.progress-card>div:last-child>span{display:block;color:#218069;font-size:9px;font-weight:900;letter-spacing:.12em}.progress-card>div:last-child>b{display:block;font-size:14px;letter-spacing:-.03em;margin:6px 0}.progress-card small{display:block;font-size:10px;color:#708b79}.workspace{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:#fff;border:1px solid #d5e6d5;box-shadow:0 14px 43px #093d2209}.workspace-lead{padding:30px 34px;min-height:274px;display:flex;align-items:flex-start;flex-direction:column;background:radial-gradient(circle at 90% -9%,#cffcaf,transparent 45%),linear-gradient(117deg,#e9fadc,#f4ffed)}.workspace-lead .micro{display:flex;align-items:center;gap:9px;color:#247f62}.workspace-lead h3{font-size:clamp(31px,3.4vw,43px);font-weight:800;letter-spacing:-.06em;line-height:1.04;margin:18px 0 11px}.workspace-lead p{font-size:13px;line-height:1.5;color:#537466;max-width:410px;margin:0 0 19px}.continue-button{display:inline-flex;align-items:center;gap:17px;background:#044d40;color:white;border:0;border-radius:99px;padding:7px 7px 7px 19px;min-height:48px;font-size:12px;font-weight:900}.continue-button:hover{background:#076853}.continue-button>span{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#004537;font-size:19px}.workspace-lead small{font-size:10px;color:#658570;margin-top:auto;padding-top:16px}.workspace-tools{padding:30px 34px;display:flex;flex-direction:column}.workspace-tools label{color:#307a65;font-size:10px;font-weight:900;letter-spacing:.13em}.search-box{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 13px;border:1px solid #c9dfce;border-radius:14px;background:#fbfffb;margin:13px 0 9px}.search-box:focus-within{border-color:#0a9476;box-shadow:0 0 0 4px #11ac7c16}.search-box>.icon{color:#168c6f}.search-box input{min-width:0;flex:1;border:0;outline:none;background:transparent;font-size:13px;color:#074a3d}.search-box input::placeholder{color:#779585}.search-box kbd{border:1px solid #d7e4db;border-radius:6px;padding:3px 7px;background:#f3faf4;color:#6e8e7b;font-size:11px}.workspace-tools small{font-size:10px;color:#799182}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.filters button{border:1px solid #d7e8d7;border-radius:99px;padding:8px 13px;background:#f4faf4;color:#547765;font-size:11px;font-weight:800}.filters button:hover{background:#e5f5e1}.filters button[aria-pressed=true]{background:#04513f;border-color:#04513f;color:#fff}.search-feedback{margin-top:auto;padding-top:15px;font-size:10px;color:#56836e}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:89px 0 30px}.map-heading h3{font-size:clamp(40px,4.5vw,59px);line-height:1.01;letter-spacing:-.075em;font-weight:800;margin:16px 0 0}.map-heading h3 em{color:#189b84;font-style:normal}.map-heading>p{font-size:13px;color:#57786c;line-height:1.6;max-width:350px;margin:0 0 5px}.topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.topic-card{grid-column:span 2;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;min-height:335px;border-radius:27px;padding:23px 25px 19px;background:#d2f5eb;border:1px solid #88d6ca;transition:transform .2s,box-shadow .2s}.topic-card:hover,.topic-card:focus-within{transform:translateY(-5px);box-shadow:0 17px 36px #00504421}.topic-card:focus-within{outline:3px solid #0e9f88;outline-offset:3px}.topic-card:after{content:'';position:absolute;z-index:-1;right:-90px;top:45px;width:180px;height:180px;border:1px solid #10796d35;border-radius:50%;box-shadow:0 0 0 40px #1a95700d}.topic-1{grid-column:span 3;background:linear-gradient(120deg,#55ccc3,#8ee4d8)}.topic-2{grid-column:span 3;background:#073f3e;color:#ecfff5;border-color:#073f3e}.topic-2:after{border-color:#bbf5cc40}.topic-3{background:#e5f6d7;border-color:#c9e7b7}.topic-4{background:#b8eee7}.topic-5{background:#d7f5e9}.topic-top{display:flex;justify-content:space-between;gap:9px;font-size:10px;font-weight:900;letter-spacing:.1em}.topic-status{color:#207e70;white-space:nowrap}.topic-2 .topic-status{color:#b4efbb}.topic-card.is-reviewed .topic-status{color:#087e4c}.topic-2.is-reviewed .topic-status{color:var(--lime)}.topic-symbol{height:61px;width:62px;display:grid;place-items:center;border-radius:18px;border:1px solid #ffffff85;background:#ffffff7d;margin:26px 0 18px;font:900 19px monospace;letter-spacing:-.12em}.topic-2 .topic-symbol{background:#b4ecda20;border-color:#c8f4d04a;color:var(--lime)}.topic-body{margin-top:auto}.topic-tag{font-size:9px;letter-spacing:.13em;font-weight:900;color:#3a8875}.topic-2 .topic-tag{color:#9bdfc3}.topic-body h4{font-size:clamp(23px,2.6vw,34px);font-weight:800;letter-spacing:-.055em;line-height:1.09;margin:8px 0 9px;overflow-wrap:break-word;hyphens:auto}.topic-body p{font-size:12px;color:#377a6c;margin:0 0 18px}.topic-2 .topic-body p{color:#a2dacf}.topic-bottom{border-top:1px solid #3c9b856d;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:900;letter-spacing:.09em}.topic-2 .topic-bottom{border-color:#9ccebe6a}.circle-arrow{height:34px;width:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:18px}.topic-hit{position:absolute;inset:0;z-index:2;border:0;background:transparent;color:transparent;border-radius:27px}.topic-hit:focus-visible{outline:none}.no-results{grid-column:1/-1;padding:45px 22px;text-align:center;background:#fff;border:1px solid #d6e5d9;border-radius:23px;color:#557b66}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#53866e;font-size:10px;margin-top:22px}.map-footer>span{display:flex;align-items:center;gap:10px}.map-footer .signal{background:#0fb789}.map-footer>b{font-weight:900;letter-spacing:.07em}.practice{background:#06363a;color:white}.practice-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.practice-copy h2{font-size:clamp(42px,5.4vw,69px);line-height:1.03;letter-spacing:-.07em;font-weight:800;margin:22px 0}.practice-copy h2 em{font-style:normal;color:var(--aqua)}.practice-copy p{font-size:14px;line-height:1.6;max-width:390px;color:#add1c9}.practice-label{display:inline-flex;align-items:center;gap:9px;border:1px solid #86d0bb72;border-radius:99px;padding:12px 15px;color:#d5eedf;font-size:10px;font-weight:800;letter-spacing:.07em;margin-top:21px}.practice-label .icon{height:16px;width:16px;color:var(--lime)}.exercise{background:#0b2932;border:1px solid #7ed7c459;border-radius:22px;box-shadow:0 24px 65px #001f26b8;overflow:hidden}.exercise-bar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 21px;border-bottom:1px solid #ffffff24;color:#9cceca;font:11px monospace}.exercise-bar>span:first-child{display:flex;align-items:center;gap:6px}.exercise-bar i{height:8px;width:8px;background:#f58678;border-radius:50%}.exercise-bar i:nth-child(2){background:#f5c56c}.exercise-bar i:nth-child(3){background:#7bd3a7;margin-right:12px}.exercise-code{padding:26px;border-bottom:1px solid #ffffff1f;font:14px/1.6 monospace}.exercise-code>div{display:flex;gap:22px;white-space:nowrap}.exercise-code>div>span{color:#729499}.exercise-code code{color:#e5f8e5}.exercise-code em{font-style:normal;color:#f8d38e}.exercise-code b{font-weight:500;color:#9ddffa}.exercise-code i{font-style:normal;color:#d4ec89}.exercise-code .comment{color:#81aaa3}.exercise-options{border:0;margin:0;padding:20px 26px 8px}.exercise-options legend{font-size:14px;font-weight:800;color:white;margin-bottom:11px}.exercise-options label{display:block;cursor:pointer;margin-bottom:9px}.exercise-options label>span{display:block;background:#ffffff09;border:1px solid #82a9a642;border-radius:10px;padding:10px 13px;font:12px monospace}.exercise-options label>input{position:absolute;opacity:0}.exercise-options input:checked+span{background:#74d7aa30;border-color:var(--lime)}.exercise-options input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px}.check-answer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 26px 0;width:calc(100% - 52px);background:var(--lime);border:0;border-radius:12px;color:#06352c;padding:13px 16px;font-size:12px;font-weight:900}.check-answer .icon{height:17px;width:17px}.exercise-feedback{min-height:35px;color:#bad6cb;font-size:12px;line-height:1.5;margin:11px 26px 16px}.exercise-feedback.good{color:#bcff98}.exercise-feedback.bad{color:#ffcfb6}.topic-modal .modal-dialog{max-width:710px}.topic-modal .modal-content{border:0;border-radius:28px;background:#f8fff8;overflow:hidden;color:#083d36}.topic-modal .modal-header{border:0;padding:25px 30px 0}.topic-modal .modal-header .micro{color:#1c9279}.topic-modal .modal-body{padding:18px 30px 5px}.modal-glyph{font:900 26px monospace;letter-spacing:-.12em;color:#0e9476}.modal-glyph>span{font:900 10px Outfit,Arial,sans-serif;letter-spacing:.12em;color:#5c9179;margin-left:12px}.topic-modal h2{font-weight:800;letter-spacing:-.065em;font-size:clamp(28px,4vw,42px);margin:13px 0}.topic-modal .modal-body>p{font-size:14px;line-height:1.6;color:#55796b}.modal-skills{margin:23px 0}.modal-skills>b{font-size:10px;letter-spacing:.12em}.modal-skills>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.modal-skills span{background:#e5f6df;border:1px solid #cee7cb;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700}.modal-code{background:#082f35;color:#ddfae7;border-radius:17px;overflow:hidden}.modal-code>div{padding:15px 18px;border-bottom:1px solid #ffffff25;color:#a2d5c2;font:10px monospace;letter-spacing:.12em}.modal-code pre{margin:0;padding:20px;overflow-x:auto;color:#dcffe9;font-size:13px}.topic-modal .modal-body>p.modal-notice{font-size:11px;color:#719181;margin:13px 0}.topic-modal .modal-footer{border:0;padding:15px 30px 27px;justify-content:space-between}.review-button{background:#044e40;color:white;border:0;border-radius:99px;padding:12px 17px;display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800}.review-button.is-reviewed{background:#baf0a5;color:#064d3c}.review-button .icon{width:17px;height:17px}.close-text{border:0;background:none;color:#4e7664;font-size:12px;font-weight:700}@media(max-width:1080px){.progress-card{min-width:245px;padding:14px}.topic-body h4{font-size:26px}.topic-card{min-height:310px;padding:20px}.practice-layout{gap:5%}}@media(max-width:767px){.learning-head{flex-direction:column;align-items:flex-start}.learning-head h2{font-size:clamp(43px,9vw,61px)}.progress-card{width:100%}.workspace{grid-template-columns:1fr}.workspace-lead,.workspace-tools{padding:26px;min-height:0}.workspace-tools{min-height:213px}.map-heading{flex-direction:column;align-items:flex-start;margin-top:66px}.map-heading>p{max-width:540px}.topic-grid{grid-template-columns:1fr 1fr;gap:13px}.topic-card{grid-column:span 1;min-height:297px}.topic-1,.topic-2{grid-column:span 2;min-height:305px}.topic-body h4{font-size:25px}.topic-symbol{height:51px;width:53px;margin:18px 0 16px}.practice-layout{grid-template-columns:1fr;gap:38px}.practice-copy h2{font-size:49px}.exercise{max-width:575px}.topic-modal .modal-header,.topic-modal .modal-footer{padding-left:23px;padding-right:23px}.topic-modal .modal-body{padding-left:23px;padding-right:23px}}@media(max-width:480px){.learning-head h2>span{white-space:normal}.topic-grid{grid-template-columns:1fr}.topic-card,.topic-1,.topic-2{grid-column:auto;min-height:289px}.topic-body h4{font-size:27px}.map-footer{align-items:flex-start;flex-direction:column}.exercise-code{padding-left:17px;padding-right:8px;font-size:11px}.exercise-code>div{gap:10px}}