@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Learning workspace */
.back-link{display:inline-flex;align-items:center;gap:8px;color:#74846e;font-size:13px;margin-bottom:27px}.back-link svg{width:16px;height:16px}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.lesson-heading h1{font-size:31px;max-width:760px}.lesson-heading .eyebrow{font-size:11px}.lesson-meta{display:flex;align-items:center;gap:18px;font-size:13px;color:#7c8778;margin-top:17px;flex-wrap:wrap}.lesson-meta>span{display:flex;align-items:center;gap:6px}.lesson-meta svg{width:15px;height:15px}.domain-tag{border:1px solid #dfe8d7;border-radius:5px;padding:4px 9px;background:#eff5e9;color:#6f865b;font-size:12px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 273px;gap:26px;align-items:start}.lesson-workspace{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.lesson-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 24px;gap:18px;background:#fdfefd}.lesson-tabs button{position:relative;display:flex;align-items:center;gap:9px;padding:20px 9px;font-size:14px;color:#7c8876}.lesson-tabs button.active{color:#3c6037;font-weight:650}.lesson-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#80a167}.lesson-tabs svg{width:17px;height:17px}#lesson-content{padding:28px}.small-label{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:1.3px;color:#839278;display:block;margin-bottom:12px}.lesson-intro{margin-bottom:24px}.lesson-intro h2{font-size:23px;line-height:1.5}.lesson-intro p,.explanation p{font-size:16px;line-height:1.8;color:#5f7063;margin-bottom:17px}.explanation{margin-bottom:29px}.try-title{font-size:15px;display:flex;align-items:center;gap:9px}.editor{background:#102d29;border:1px solid #23473c;border-radius:9px;overflow:hidden;margin:13px 0;color:#d0dfd4}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #2a463b;font:12px 'IBM Plex Mono',monospace;color:#a5bba9}.editor-header>span{display:flex;align-items:center;gap:8px}.editor-header svg{width:15px;height:15px}.editor-language{font-size:11px;color:#7b9b83}.code-input{display:block;width:100%;resize:vertical;border:0;background:#102d29;color:#e2edda;padding:20px;min-height:220px;font-size:14px;line-height:1.9;tab-size:4;white-space:pre;overflow:auto;outline-offset:-3px!important;border-radius:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #2a463b;gap:12px;flex-wrap:wrap}.editor-toolbar>span{font-size:11px;color:#98b19d}.editor-toolbar>div{display:flex;align-items:center;gap:9px;margin-left:auto}.editor-toolbar .button{padding:9px 12px;font-size:12px}.editor-toolbar .run-button{background:#315544;color:#edf7e6;border:1px solid #4e7357}.reset-button{color:#a5b7a9;font-size:12px}.output-header{font:500 10px 'IBM Plex Mono',monospace;color:#89a891;letter-spacing:.8px;display:flex;justify-content:space-between;gap:10px;padding:14px 18px 0;background:#0c2522}.output-header>span:last-child{font-size:10px;letter-spacing:0}.code-output{background:#0c2522;min-height:95px;max-height:600px;overflow:auto;padding:16px 18px 22px;color:#cde9b5;font:13px/1.85 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.output-placeholder{color:#6a8875;font-size:12px}.code-output.error,.python-error{color:#f1bba9}.python-error{margin-top:12px}.python-chart{display:block;width:100%;height:auto;margin-top:14px;background:white;border-radius:5px}.runtime-note{font-size:12px;color:#88937e;line-height:1.7;margin:12px 0 24px}.takeaway{display:flex;gap:13px;padding:17px 18px;border-radius:7px;background:#f2f6ed;border:1px solid #e6ecdf;margin:28px 0}.takeaway>span{color:#83935e;padding-top:2px}.takeaway strong{font-size:14px}.takeaway p{font-size:14px;color:#6e7d62;line-height:1.75;margin:6px 0 0}.content-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.resource-link{font-size:12px;color:#6f845f;max-width:50%;line-height:1.6}.resource-link svg{width:13px;height:13px;margin-left:4px}.outline-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.outline-card .card-overline{font:11px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#8b947e}.outline-card h3{font-size:16px;margin-bottom:19px}.lesson-outline{display:grid;gap:9px;margin:0 -10px}.lesson-outline a{display:flex;align-items:flex-start;gap:10px;padding:12px 10px;border-radius:5px;font-size:13px;line-height:1.6;color:#7d8773}.lesson-outline a.active{background:#f0f5ea;color:#46633e}.outline-number{font:11px 'IBM Plex Mono',monospace;background:#f4f6ef;border:1px solid #e6eadf;border-radius:5px;min-width:25px;height:25px;display:grid;place-items:center}.outline-number svg{width:14px;height:14px}.lesson-outline small{display:block;font-size:11px;color:#9aa28d;margin-top:3px}.completion-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px;margin-top:19px}.completion-card h3{font-size:15px;margin-bottom:20px}.completion-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#85917b;margin:13px 0}.completion-check svg{width:16px;height:16px}.completion-check.done{color:#5b7a42}.completion-check span{font-size:10px;margin-left:auto}.completion-card>.button{width:100%;margin-top:11px}.completion-card>p{font-size:12px;line-height:1.7;color:#909982;margin:12px 0 0}.lesson-tip{display:flex;gap:11px;padding:22px 7px;color:#8b987c}.lesson-tip svg{flex:none;width:19px;height:19px}.lesson-tip p{font-size:12px;line-height:1.8;margin:0}.feedback{font-size:14px;line-height:1.75;border-radius:6px;padding:14px 16px;margin:15px 0}.feedback.success{background:#edf5e7;color:#4a6c38;border:1px solid #d7e7c9}.feedback.retry{background:#fff6e8;color:#8a6839;border:1px solid #f0e1c7}.feedback.compact{font-size:12px;padding:9px;display:flex;align-items:center;gap:8px}.feedback svg{width:16px;height:16px}.practice-help details{border:1px solid var(--line);border-radius:6px;margin-top:12px;padding:15px 17px}.practice-help summary{font-size:14px;font-weight:500;cursor:pointer;color:#627853;list-style:none}.practice-help summary:after{content:'+';float:right}.practice-help details[open] summary:after{content:'−'}.practice-help summary svg{width:16px;height:16px;margin-right:8px}.practice-help p{font-size:14px;color:#6c7c5f;margin:14px 0 0;line-height:1.75}.solution-code{background:#f3f6ef;border:1px solid #e0e8d8;border-radius:5px;padding:15px;font-size:13px;line-height:1.8;color:#526847}.quiz-question{border:0;padding:0;margin:0 0 30px;min-width:0}.quiz-question legend{display:flex;align-items:baseline;gap:12px;font-family:'Manrope',sans-serif;font-weight:650;font-size:16px;line-height:1.65;margin-bottom:17px}.quiz-question legend>span{font:12px 'IBM Plex Mono',monospace;color:#95a080}.quiz-option{display:flex;gap:12px;align-items:center;border:1px solid #e1e7dc;border-radius:6px;padding:13px 16px;margin-top:10px;cursor:pointer;font-size:14px;line-height:1.65;color:#69795e}.quiz-option:hover{background:#f8faf5}.quiz-option:has(input:checked){border-color:#88a569;background:#f0f7e9;color:#355730}.quiz-option input{accent-color:#5c8346;width:15px;height:15px;flex:none}.option-letter{background:#f1f4eb;border:1px solid #e4e9dc;border-radius:3px;padding:1px 6px;font:11px 'IBM Plex Mono',monospace;color:#8a9877}.quiz-option:has(input:checked) .option-letter{color:#688348;background:#e7f0da}.muted{font-size:13px;color:#859078;line-height:1.7}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px;align-items:start}.playground-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.playground-presets button:hover{background:#edf4e6;border-color:#a8bd95}.playground-layout .code-input{min-height:370px}.simple-list{padding-left:18px;color:#7b8870;font-size:14px;line-height:1.9}.simple-list li{padding-left:4px;margin-bottom:13px}.aside-note{font-size:13px;line-height:1.8;color:#839071;background:#f4f7ee;border-radius:5px;padding:14px;margin:20px 0}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:#608246}.text-link svg{height:15px;width:15px}.project-intro{display:flex;align-items:center;gap:20px;background:#eef4e7;border:1px solid #dee8d5;border-radius:8px;padding:20px 25px;margin:0 0 30px}.project-intro>span{color:#759458}.project-intro>span svg{height:30px;width:30px}.project-intro p{font-size:14px;color:#6a7d5b;line-height:1.8;max-width:780px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:.2s}.project-card:hover{border-color:#acc19a;transform:translateY(-3px);box-shadow:0 8px 24px #1733240a}.project-art{height:177px;position:relative;overflow:hidden;background:#e8efd9;color:#7e9553;display:flex;justify-content:center;align-items:center}.project-domain{position:absolute;left:20px;top:16px;font:500 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}.project-domain svg{width:13px;height:13px}.project-illustration{width:80%;height:120px;stroke-width:1.3;opacity:.8;transform:translateY(20px)}.project-illustration .faint{opacity:.2}.maintenance .project-art{background:#e5ecef;color:#6c8894}.finance .project-art{background:#f5ecda;color:#b39b62}.healthcare .project-art{background:#eee7e4;color:#b2938a}.project-card-body{padding:25px}.project-level{font-size:12px;color:#9aa388;margin-bottom:10px}.project-card h2{font-size:21px;line-height:1.4;margin-bottom:10px}.project-card-body p{font-size:14px;line-height:1.8;color:#7c896f}.project-card-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:#7e926d}.project-card-foot svg{width:17px;height:17px}.project-disclaimer{font-size:12px;color:#929a85;line-height:1.8;margin-top:23px}.project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:27px}.white-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:29px;margin-bottom:24px}.white-panel h2{font-size:23px;line-height:1.55;margin-bottom:18px}.white-panel>p{font-size:16px;color:#6d7b62;line-height:1.8}.white-panel h3{margin-top:27px;font-size:16px}.project-steps{list-style:none;padding:0;margin:20px 0 0}.project-steps li{display:flex;align-items:baseline;gap:17px;margin-bottom:17px}.project-steps li>span{font:12px 'IBM Plex Mono',monospace;background:#eff4e9;border:1px solid #e1e9d8;padding:5px 7px;border-radius:4px;color:#7f9763}.project-steps p{font-size:15px;line-height:1.8;color:#65785b;margin:0}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;gap:12px;font-size:15px;line-height:1.8;color:#6d805f;margin:14px 0}.checklist svg{color:#7a995a;flex:none;width:18px;height:18px;margin-top:4px}.full{width:100%}.module-resource{display:flex;align-items:center;gap:10px;font-size:13px;border-top:1px solid var(--line);padding:14px 0;color:#70835d;line-height:1.6}.module-resource>span{flex:1}.module-resource svg{width:14px;height:14px}.about-hero{background:#163d32;padding:43px;border-radius:11px;margin-bottom:29px;color:#f1f8e8;position:relative}.about-hero .eyebrow{color:#b3d192}.about-hero h1{font-size:41px;line-height:1.35;max-width:800px;margin-bottom:20px}.about-hero p{font-size:16px;color:#b2c6ab;max-width:740px;line-height:1.85;margin-bottom:25px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.about-list{padding:0;list-style:none;margin:0}.about-list li{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.about-list li:last-child{border-bottom:0}.about-list li>svg{margin-top:3px;color:#879d6e;flex:none}.about-list strong{font-size:15px;font-weight:600}.about-list p{font-size:14px;line-height:1.8;color:#7b886d;margin:6px 0 0}.source-links{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;color:#6f8855}.source-links svg{width:13px;height:13px}.original-brand{width:240px;height:62px;position:relative;overflow:hidden;margin-top:28px}.original-brand img{position:absolute;width:255px;left:0;top:-93px}.empty-state{padding:80px 20px;text-align:center}.empty-state p{color:#7b8970}.storage-warning{font-size:14px;background:#fff5df;padding:15px;border-radius:5px;color:#80672e}
/* Comfortable reading and smaller screens */
.brand small{font-size:10px}.nav-label{font-size:12px}.mission-mini p,.mission-mini a,.device-note{font-size:12px}.device-note{white-space:normal}.page-title-row p{font-size:16px}.pill,.free-label,.breadcrumb,.breadcrumb strong{font-size:14px}.eyebrow,.continue-card .eyebrow{font-size:12px}.continue-card p{font-size:14px}.code-preview pre{font-size:12px}.code-preview .code-result,.code-title{font-size:12px}.card-overline,.progress-card p{font-size:14px}.progress-foot,.start-meta{font-size:12px}.section-heading p{font-size:14px}.section-heading>span{font-size:12px}.path-tabs button{font-size:14px}.path-tabs button span{font-size:12px}.module-number,.module-badge{font-size:12px}.module-card p{font-size:14px}.module-card-foot{font-size:12px;gap:9px}.impact-strip strong,.impact-strip p{font-size:14px}.impact-domains span{font-size:12px}.page-footer{font-size:12px}.output-header,.output-header>span:last-child,.editor-language,.editor-toolbar>span,.small-label,.lesson-outline small,.completion-check span{font-size:12px}.completion-check,.lesson-outline a,.resource-link,.text-link,.module-resource{font-size:14px}.lesson-tip p{font-size:14px}.welcome-grid{grid-template-columns:minmax(0,1fr) 265px}.continue-card{grid-template-columns:1fr 1fr}.continue-card h2{font-size:27px}.code-preview pre{max-width:100%;overflow:hidden}.sidebar .brand{font-size:21px}.module-card{min-height:244px}.module-card h3{font-size:17px}.button{font-size:14px}.module-card-top{margin-bottom:19px}.project-level,.project-domain,.project-card-foot{font-size:12px}
@media(min-width:1550px){.welcome-grid{grid-template-columns:minmax(0,1fr) 300px}.continue-card{padding:31px 34px;gap:25px}.continue-card h2{font-size:30px}.code-preview pre{font-size:13px}.continue-card .start-meta{display:inline-block;margin-left:10px}.module-card{min-height:235px}}
@media(max-width:1280px){.sidebar{width:220px;padding:32px 17px 22px}.sidebar .brand{font-size:20px}.app-shell{margin-left:220px}main{padding:30px}.topbar{padding:0 30px}.welcome-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.continue-card{padding:24px;gap:10px}.continue-card h2{font-size:25px}.continue-card p{font-size:13px}.code-preview pre{font-size:12px}.code-preview{transform:rotate(-3deg) translateX(18px);width:230px}.continue-card .start-meta{display:block;margin:12px 0 0}.progress-card{padding:22px 19px}.lesson-layout,.playground-layout{grid-template-columns:minmax(0,1fr) 242px;gap:20px}#lesson-content{padding:23px}.impact-strip{grid-template-columns:1fr}.module-card{padding:19px}.lesson-heading h1{font-size:28px}.page-title-row .pill{display:none}.code-input{font-size:13px}.project-detail-layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:1080px){.welcome-grid{grid-template-columns:1fr}.continue-card{min-height:247px;grid-template-columns:1.1fr 1fr;gap:20px}.code-preview{width:auto;transform:rotate(-3deg);margin-right:10px}.continue-card .start-meta{display:inline-block;margin-left:10px}.progress-card{display:grid;grid-template-columns:1fr 90px 1fr;gap:8px 20px;align-items:center;padding:20px 24px}.progress-card .card-overline{margin:0}.progress-main{margin:0;grid-column:2;grid-row:1/3}.progress-number{font-size:32px}.progress-ring{display:none}.progress-card p{font-size:12px;margin:0;grid-row:2}.progress-bar{grid-column:3;grid-row:1;margin:0}.progress-foot{border:0;padding:0;grid-column:3;grid-row:2;display:block;font-size:12px}.progress-foot strong{display:none}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.completion-card{margin:0}.lesson-aside .lesson-tip{grid-column:1/-1}.playground-layout{grid-template-columns:1fr}.playground-layout>aside{max-width:none}.project-grid{gap:18px}.project-card-body{padding:21px}.project-card h2{font-size:19px}.project-detail-layout{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-hero{padding:30px}.about-hero h1{font-size:35px}.project-art{height:157px}.project-illustration{width:90%}.section-heading>span{font-size:11px}.lesson-heading>.button{white-space:nowrap}.lesson-heading{align-items:flex-start}}
@media(max-width:780px){.sidebar{width:220px;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 35px #18312015}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.topbar{height:69px;padding:0 23px;gap:13px}.mobile-menu{display:grid}.breadcrumb{font-size:12px;gap:10px}.breadcrumb strong{font-size:12px}.free-label{font-size:11px;gap:5px}.free-label svg{width:13px;height:13px}.avatar{width:29px;height:29px}.page-footer{padding:23px;font-size:11px}.toast{left:50%}.topbar{position:sticky;top:0;z-index:20}.sidebar.open{padding-top:83px}.page-title-row{margin-bottom:24px}main{padding:29px 23px}h1{font-size:31px}.welcome-grid{margin-bottom:30px}.module-card{min-height:220px}.section-heading>span{display:none}.lesson-heading h1{font-size:27px}.lesson-heading .eyebrow{font-size:10px}.lesson-meta{gap:12px;font-size:12px}.project-detail-layout .outline-card{margin-bottom:10px}.about-hero h1{font-size:31px}}
@media(max-width:530px){main{padding:25px 18px}.topbar{padding:0 17px;gap:10px}.free-label{display:none}.avatar{margin-left:auto}.breadcrumb{gap:7px}.page-title-row h1{font-size:29px;letter-spacing:-1px}.page-title-row p{font-size:14px;line-height:1.75}.eyebrow{font-size:10px;letter-spacing:1px}.continue-card{grid-template-columns:1fr;min-height:auto;padding:24px}.continue-card h2{font-size:27px}.continue-card p{font-size:14px;max-width:100%}.continue-card .eyebrow{margin-bottom:15px;font-size:10px}.continue-card .start-meta{display:inline;margin-left:9px}.code-preview{transform:rotate(-2deg);margin:5px 0 6px;width:auto}.code-preview pre{font-size:12px;line-height:1.9}.progress-card{grid-template-columns:1fr 65px;padding:20px}.progress-main{grid-column:2}.progress-card p{grid-column:1}.progress-bar{grid-column:1/-1;grid-row:3;margin-top:12px}.progress-foot{grid-column:1/-1;grid-row:4;padding-top:7px;font-size:12px}.progress-card .card-overline{font-size:13px}.module-grid{grid-template-columns:1fr;gap:14px}.module-card{min-height:207px;padding:20px}.module-card-top{margin-bottom:16px}.module-card p{max-width:none;font-size:14px;margin-bottom:17px}.module-card h3{font-size:18px}.module-card-foot{font-size:12px}.path-tabs{gap:0}.path-tabs button{font-size:13px;padding:0 12px 15px}.section-heading h2{font-size:22px}.section-heading p{font-size:13px}.impact-strip{padding:19px;gap:17px}.impact-domains{flex-wrap:wrap;gap:13px}.impact-domains span{font-size:11px}.page-footer{flex-direction:column;gap:8px;padding:22px 18px;font-size:11px}.lesson-heading{display:block;margin-bottom:23px}.lesson-heading>.button{margin-top:20px}.lesson-heading h1{font-size:28px;line-height:1.4}.lesson-heading .eyebrow{line-height:1.8}.lesson-meta{font-size:12px}.lesson-layout{gap:20px}.lesson-tabs{padding:0 15px;justify-content:space-between;gap:5px}.lesson-tabs button{font-size:13px;padding:18px 5px;gap:7px}#lesson-content{padding:21px 17px}.lesson-intro h2{font-size:21px}.lesson-intro p,.explanation p{font-size:16px;line-height:1.8}.editor-header{padding:13px}.code-input{padding:15px 13px;font-size:13px;min-height:230px}.editor-toolbar{padding:12px;gap:12px}.editor-toolbar>span{font-size:11px}.editor-toolbar>div{margin-left:0;flex-wrap:wrap}.editor-toolbar .button{font-size:12px;padding:9px 10px}.output-header{padding:14px 13px 0;font-size:10px}.output-header>span:last-child{font-size:10px}.code-output{padding:15px 13px;font-size:12px}.runtime-note{font-size:12px}.content-bottom{align-items:stretch;flex-direction:column}.resource-link{max-width:100%;font-size:13px}.content-bottom>.button{align-self:flex-start}.lesson-aside{grid-template-columns:1fr}.lesson-aside .lesson-tip{grid-column:auto}.lesson-outline a{font-size:14px}.quiz-option{padding:12px 10px;gap:9px;font-size:14px}.quiz-question legend{font-size:15px;gap:10px}.option-letter{display:none}.playground-layout{gap:20px}.playground-layout .code-input{min-height:330px}.playground-presets{gap:7px}.playground-presets .pill{font-size:12px}.playground-layout .outline-card{padding:21px}.project-intro{padding:18px;gap:14px}.project-intro p{font-size:14px}.project-intro>span{display:none}.project-grid{grid-template-columns:1fr;gap:22px}.project-art{height:165px}.project-card h2{font-size:21px}.project-card-body{padding:22px}.project-card-body p{font-size:14px}.project-disclaimer{font-size:12px}.project-detail-layout .white-panel{padding:23px 19px}.white-panel h2{font-size:22px}.project-steps{margin-top:20px}.project-steps li{gap:12px}.project-steps p{font-size:15px}.project-steps li>span{padding:4px;font-size:11px}.page-title-row:has([data-download-project]){display:block}.page-title-row [data-download-project]{margin-top:20px}.about-hero{padding:28px 23px}.about-hero h1{font-size:29px}.about-hero p{font-size:15px}.about-hero .eyebrow{line-height:1.8}.about-grid{gap:0}.white-panel{padding:25px 22px}.source-links{flex-direction:column;gap:18px}.about-list p{font-size:14px}}

.mobile-menu{display:none}@media(max-width:780px){.mobile-menu{display:grid}}

.sidebar-close{display:none}@media(max-width:780px){.sidebar-close{position:absolute;top:24px;right:18px;display:grid}}

@media(max-width:780px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}
.explanation code,.lesson-intro code,.takeaway code{background:#f0f4ec;color:#527145;border-radius:3px;padding:2px 5px;overflow-wrap:anywhere}

/* Display the supplied logo, with its surrounding white space outside the SVG viewport. */
.logo-art{display:block;width:100%;height:auto;stroke:none;background:#fff}
.sidebar .brand{display:block;width:100%;white-space:normal}
.brand small{margin-top:12px;font-size:10px;letter-spacing:1.65px}
.header-brand{display:block;flex:0 0 166px;width:166px;padding:3px 0;background:#fff}
.original-brand{width:min(100%,320px);height:auto;overflow:visible}
.topbar .free-label{white-space:nowrap}
@media(max-width:1080px){.topbar .free-label{display:none}.header-brand{margin-left:auto}}
@media(max-width:530px){.topbar .breadcrumb{display:none}.header-brand{flex-basis:190px;width:190px;margin-left:auto}.brand small{font-size:10px}}