@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f7f7f0;--ink:#262d27;--muted:#6f756c;--line:#dedfd5;--orange:#ff784c;--purple:#cdc4f2;--green:#d7ed9d;--side:#252c25;font-family:'Golos Text',Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #8359df;outline-offset:4px}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--side);color:#f5f5ed;position:fixed;inset:0 auto 0 0;padding:32px 22px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:30px;letter-spacing:-1.6px;font-weight:800}.brand small{font-size:9px;display:block;letter-spacing:0;font-weight:400;color:#b2b9a9;margin-top:3px}.brand-icon{width:41px;height:43px;border-radius:12px;background:var(--orange);color:var(--ink);font-size:37px;line-height:33px;position:relative;text-align:center}.brand-icon span{font-size:19px;position:absolute;right:2px;top:0}.brand-light{font-weight:400}nav{display:grid;gap:8px;margin-top:53px}.nav-item{padding:14px 12px;display:flex;align-items:center;gap:12px;color:#c4cbbb;border-radius:9px;font-size:13px;font-weight:500}.nav-item>span:first-child{font-size:21px;width:23px;line-height:20px}.nav-item:hover{background:#343e32}.nav-item.active{background:#d8ed9f;color:#252d23}.nav-dot{width:6px;height:6px;background:#283021;border-radius:50%;margin-left:auto}.side-journey{border:1px solid #475040;border-radius:13px;padding:17px;margin-top:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.3px}.side-journey .eyebrow{font-size:8px;color:#adb7a4}.side-journey strong{font-weight:500;font-size:16px;line-height:1.5;display:block;margin-top:12px}.side-journey>span:last-child{font-size:11px;color:#afb7a5;line-height:1.7}.journey-line{display:flex;gap:5px;margin:18px 0}.journey-line i{height:4px;border-radius:4px;background:#4b5543;flex:1}.journey-line i:first-child{background:var(--orange)}.side-footer{display:flex;align-items:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #434b3e}.avatar{display:grid;place-items:center;background:#454b40;width:34px;height:34px;border-radius:50%;font-size:11px}.side-footer strong{font-size:11px;font-weight:500;display:block}.side-footer small{display:block;font-size:10px;color:#a1ad97;margin-top:4px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:auto}.workspace{margin-left:240px;width:calc(100% - 240px)}.topbar{height:77px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:22px}.slash{padding:0 13px;color:#bdc1b6}.topbar strong{font-weight:500;color:var(--ink)}.lang{font-size:11px;color:var(--ink)}.points{border:1px solid var(--line);padding:8px 12px;border-radius:7px;color:var(--ink);font-size:11px}.points>span{color:#e96a39;margin-right:5px}main{padding:37px 44px 0;max-width:1550px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.muted{color:var(--muted)}h1{font-size:clamp(32px,3.2vw,48px);line-height:1.15;letter-spacing:-1.8px;margin:15px 0 16px;font-weight:800}h1>span{color:#727d59}.welcome p,.lead{color:var(--muted);font-size:14px;line-height:1.75;margin:0}p{line-height:1.7}h2{font-size:23px;letter-spacing:-.65px;line-height:1.3}h3{font-size:16px;letter-spacing:-.25px}.daily-stamp{width:180px;height:150px;border:1px dashed #b9bfab;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(7deg);margin-right:14px;flex-shrink:0}.daily-stamp>span{font-size:8px;letter-spacing:1.6px}.daily-stamp strong{font-size:50px;font-weight:600;letter-spacing:-3px;line-height:1.2}.daily-stamp strong span{font-size:15px;letter-spacing:-.5px;margin-left:5px}.daily-stamp small{font-size:8px;margin-top:8px}.mentor-note{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px 15px;margin:20px 0 25px;background:#f0f1e8}.mentor-note p{font-size:12px;margin:0;flex:1;line-height:1.6}.mentor-note>a{font-size:20px}.mentor-face{font-family:monospace;font-size:17px;display:grid;place-items:center;background:var(--green);width:32px;height:32px;border-radius:50%;transform:rotate(90deg);flex-shrink:0}.lesson-overview{display:grid;grid-template-columns:1fr 280px;gap:20px}.lesson-banner{background:var(--purple);border-radius:17px;min-height:275px;padding:27px 28px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.tag{font-size:8px;letter-spacing:1px;border:1px solid #a89ccc;padding:6px 9px;border-radius:5px;display:inline-block}.lesson-banner h2{font-size:27px;max-width:250px;line-height:1.17;margin:16px 0 10px}.lesson-banner p{font-size:12px;line-height:1.7}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid transparent}.primary{background:var(--ink);color:#fff}.primary:hover{background:#3d4936}.button span{margin-left:auto;font-size:17px;line-height:1}.secondary{border-color:#cfd3c4;background:transparent;color:var(--ink)}.secondary:hover{background:#eaece0}.lesson-banner .button{margin-top:5px}.code-art{background:#2f3430;color:#e5e9dc;border-radius:9px;width:260px;min-width:210px;transform:rotate(-5deg);box-shadow:8px 12px 0 #b7abd9;margin-right:-35px;position:relative}.art-label{height:29px;border-bottom:1px solid #495046;display:flex;align-items:center;gap:4px;padding:0 10px}.art-label>span{width:4px;height:4px;background:#7c8573;border-radius:50%}.art-label em{font-style:normal;font-size:8px;margin-left:9px;color:#a6b19b}.art-code{font:10px/1.9 Consolas,monospace;padding:15px}.art-code>span{color:#d7ed9d}.art-star{font-size:75px;color:var(--orange);position:absolute;bottom:-46px;right:8px;line-height:1}.session-card{border:1px solid var(--line);border-radius:15px;padding:23px}.session-card ol{list-style:none;margin:21px 0 14px;padding:0;display:grid;gap:20px}.session-card li{display:flex;gap:10px;align-items:flex-start;font-size:11px}.session-card li b{font-size:9px;color:#8c947c;border:1px solid #d4d9c8;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.session-card li>span{font-weight:600}.session-card small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:4px}.session-card em{font-size:8px;font-style:normal;color:var(--muted);margin-left:auto;white-space:nowrap}.session-card>p{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;margin-bottom:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 16px}.section-heading h2{font-size:19px;margin:0}.section-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}.theory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.paper{border:1px solid var(--line);background:#fffefa;border-radius:13px;padding:23px}.paper p{font-size:12px;color:#66705e;margin:10px 0 0}.paper h3{margin:17px 0 9px}.mini-icon{display:grid;place-items:center;width:33px;height:33px;font-size:20px;border-radius:9px}.orange{background:#ffdfcf}.purple{background:#e3def6;font-size:14px}.green{background:#e4efc9}.example{font:11px/1.7 Consolas,monospace;background:#f1f1ea;border-radius:6px;padding:10px;overflow-x:auto}.paper code{font-family:Consolas,monospace}.task-card{display:flex;gap:17px;border:1px solid var(--line);border-bottom:0;border-radius:13px 13px 0 0;padding:22px;background:#fffefa}.task-number{background:var(--green);border-radius:8px;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;font-weight:600}.task-card h3{margin:0 0 8px}.task-card p{margin:0;max-width:820px;font-size:12px}.task-card small{display:block;margin-top:8px;font-size:10px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:0 0 13px 13px;overflow:hidden}.editor-pane{background:#272e28;color:#dce7d2;min-width:0}.pane-title{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #454d40;font-size:10px;color:#a8b69d}.pane-title>span{display:flex;align-items:center;gap:8px}.orange-dot{height:6px;width:6px;border-radius:50%;background:var(--orange)}textarea{border:0;resize:vertical;width:100%;min-height:270px;padding:20px;font:13px/1.8 Consolas,'Courier New',monospace;background:transparent;color:#ddefca;tab-size:2;display:block}textarea:focus-visible{outline-offset:-3px}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #454d40;gap:10px}.editor-footer small{font-size:9px;color:#a9b49f}.text-button{font-size:10px;background:transparent;color:#d3dec8;text-decoration:underline;padding:5px}.preview-pane{background:white;min-width:0}.preview-pane .pane-title{background:#f6f6ee;border-color:var(--line);color:var(--ink)}.preview-status{font-size:9px;color:#738261}iframe{border:0;width:100%;height:270px;background:#fff;display:block}.preview-pane>p{font-size:9px;color:var(--muted);padding:10px 18px;border-top:1px solid var(--line);margin:0}.action-bar{display:flex;align-items:center;gap:10px;margin-top:14px}.action-bar>span{font-size:10px;margin-left:auto}.hint-box,.result{padding:20px;border-radius:10px;margin-top:14px;font-size:12px;background:#ece7fb;border:1px solid #d4c9ed;line-height:1.8}.result{background:#fffdf6;border-color:var(--line)}.result.success{background:#edf5da;border-color:#cadbaf}.result h3{margin:0 0 8px}.result ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.result li{display:flex;gap:9px}.result li>span{font-weight:700}.result .pass{color:#56722e}.result .fail{color:#a6402e}.result p{margin-bottom:0}.quiz-card{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fffefa}.quiz-choices{display:grid;gap:9px;margin:18px 0}.quiz-choice{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:7px;font-size:12px;text-align:left;background:#f7f7f0;color:var(--ink)}.quiz-choice.correct{background:#e4efc9;border-color:#a7bf78}.quiz-choice.incorrect{background:#ffe3d8;border-color:#deab98}.quiz-choice>span{display:grid;place-items:center;border:1px solid #c6cabc;border-radius:5px;min-width:25px;height:25px;font-size:10px}.small{font-size:11px}.independent{background:var(--green);border-radius:16px;margin:28px 0;padding:28px;display:flex;gap:20px;align-items:center}.independent>div:first-child{flex:1}.independent h2{margin:13px 0 10px}.independent p{font-size:12px;max-width:780px}.independent summary{font-size:12px;text-decoration:underline;margin-top:20px}.indie-mark{font-size:90px;padding:0 30px}.roadmap-step{display:grid;grid-template-columns:52px 1fr auto;gap:20px;padding:25px;border:1px solid var(--line);border-radius:13px;background:#fffefa;margin:16px 0;align-items:start}.roadmap-step>strong{font-size:26px;color:#899575}.roadmap-step h2{margin:0 0 7px;font-size:20px}.roadmap-step p{margin:0;font-size:12px;color:var(--muted)}.roadmap-step summary{font-size:11px;margin-top:15px}.roadmap-step details p{margin-top:10px}.roadmap-step .status{font-size:9px;background:#edece5;border-radius:5px;padding:6px 9px;white-space:nowrap}.roadmap-step.available{border-color:#a6be76;background:#f0f6e2}.notice{background:#fff1db;border:1px solid #e8d5b3;border-radius:10px;padding:15px;line-height:1.7;font-size:12px;margin-bottom:20px}.lead{max-width:720px;margin-bottom:28px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.stats-grid article{display:flex;flex-direction:column;gap:13px}.stats-grid small,.stats-grid span{font-size:11px;color:var(--muted)}.stats-grid strong{font-size:39px;letter-spacing:-1.5px}.skill-chart{margin-bottom:30px}.skill-chart h2{margin-top:0}.skill-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:20px;align-items:center;font-size:12px;margin-top:25px}.skill-row progress{accent-color:#839e50;width:100%;height:10px}.skill-row b{font-size:10px}.planned{color:var(--muted);grid-template-columns:1fr 1fr}.planned>span:last-child{font-size:10px}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.badge{border:1px dashed #cbd0c2;border-radius:13px;padding:24px;background:#efefe7;color:#7b8273;text-align:center}.badge>span{width:55px;height:55px;border-radius:50%;background:#e1e5d6;display:grid;place-items:center;margin:auto;font-size:28px}.badge h3{font-size:13px}.badge p{font-size:11px}.badge small{font-size:9px}.badge.earned{border-style:solid;border-color:#c0d88c;background:#eef6d8;color:var(--ink)}.badge.earned>span{background:var(--green)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.settings-grid h2{margin-top:0}.settings-grid label:not(.check-label){display:block;font-size:12px;margin:15px 0 10px}.settings-grid select{padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:7px;width:100%;font-size:12px;color:var(--ink)}.check-label{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:12px}.check-label input{width:17px;height:17px;accent-color:#6c8548}.settings-grid .button{margin-top:20px}.file-label{cursor:pointer;text-decoration:underline}.settings-grid input[type=file]{font-size:11px;max-width:100%}.settings-grid .mentor-note{margin-bottom:0}.settings-grid h3{margin-top:24px}footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:44px;padding:24px 0;font-size:9px;color:var(--muted)}footer>span:last-child{margin-left:auto}.footer-logo{font-size:19px;font-weight:700;letter-spacing:-1px;color:var(--ink)}.footer-logo span{color:#ee784f}.skip{position:absolute;top:-50px;left:260px;z-index:10;padding:12px;background:white}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.lesson-banner{justify-content:space-between}.code-art{margin-right:10px;width:320px}.art-code{font-size:13px}.lesson-banner h2{max-width:350px;font-size:33px}}
@media(max-width:1200px){.sidebar{width:205px;padding:28px 15px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{padding:30px 27px 0}.topbar{padding:0 27px}.lesson-overview{grid-template-columns:1fr}.session-card{display:none}.code-art{margin-right:10px;width:260px}.lesson-banner{justify-content:space-between}.theory-grid{gap:10px}.paper{padding:18px}.action-bar>span{max-width:180px;line-height:1.5}.daily-stamp{width:150px;height:130px;margin-right:0}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:16px 20px 0;display:block}.shell{display:block}.brand{font-size:25px}.brand-icon{width:34px;height:35px;font-size:29px;line-height:27px}.brand small{font-size:8px}.sidebar nav{display:flex;gap:6px;margin-top:17px;overflow:auto;padding-bottom:12px}.nav-item{font-size:10px;padding:10px;white-space:nowrap;gap:5px}.nav-item>span:first-child{font-size:17px;width:18px}.nav-dot,.side-journey,.side-footer{display:none}.workspace{width:100%;margin-left:0}.topbar{height:56px;padding:0 20px;font-size:10px}.topbar>div{gap:13px}main{padding:25px 20px 0}.welcome{gap:12px}.welcome .eyebrow{font-size:8px}h1{font-size:36px;letter-spacing:-1.3px}.welcome p{font-size:12px}.daily-stamp{width:120px;height:110px}.daily-stamp strong{font-size:37px}.daily-stamp small{display:none}.lesson-banner{padding:24px}.theory-grid{grid-template-columns:1fr}.theory-grid .paper{position:relative;padding:20px 20px 20px 67px}.mini-icon{position:absolute;left:19px;top:23px}.theory-grid h3{margin-top:3px}.theory-grid p{font-size:12px}.example{white-space:pre-wrap}.stats-grid{gap:10px}.stats-grid article{padding:15px}.stats-grid strong{font-size:28px}.stats-grid span{font-size:9px}.settings-grid{grid-template-columns:1fr}.skip{left:10px}.badges{gap:9px}.badge{padding:19px 12px}.action-bar>span{display:none}.mentor-note p{font-size:11px}}
@media(max-width:540px){main{padding:23px 16px 0}.topbar{padding:0 16px}.topbar .slash{padding:0 7px}.sidebar{padding:16px 16px 0}.sidebar nav{gap:2px}.nav-item{padding:10px 7px;font-size:9px}.nav-item>span:first-child{font-size:15px;width:14px}.welcome .daily-stamp{display:none}h1{font-size:35px}.lesson-banner{min-height:260px;padding:23px;gap:5px}.lesson-banner>div:first-child{position:relative;z-index:1}.lesson-banner h2{font-size:25px;max-width:210px}.lesson-banner p{font-size:11px}.code-art{width:160px;min-width:160px;margin-right:-100px;opacity:.55;transform:rotate(8deg);align-self:flex-end}.art-code{font-size:8px;padding:10px}.tag{font-size:7px}.lesson-banner .button{font-size:11px}.section-heading h2{font-size:18px;max-width:260px}.section-heading>span{font-size:8px}.task-card{padding:17px;gap:10px}.task-number{width:28px;height:28px;font-size:11px}.task-card h3{font-size:14px}.task-card p{font-size:11px}.task-card small{font-size:9px}.editor-grid{grid-template-columns:1fr}.preview-pane{border-top:1px solid var(--line)}textarea{font-size:12px;min-height:260px}iframe{height:240px}.action-bar{gap:8px}.button{font-size:11px;padding:12px 14px}.independent{padding:23px}.indie-mark{display:none}.independent .eyebrow{font-size:8px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:last-child{grid-column:1/-1}.badges{grid-template-columns:1fr}.badge{display:grid;grid-template-columns:55px 1fr;text-align:left;column-gap:16px}.badge>span{grid-row:1/4}.badge h3{margin:0 0 5px}.badge p{margin:0 0 5px}.roadmap-step{padding:20px;grid-template-columns:32px 1fr;gap:12px}.roadmap-step>.status{grid-column:2;justify-self:start}.roadmap-step h2{font-size:18px}.skill-row{grid-template-columns:1fr 36px;gap:10px}.skill-row>span{grid-column:1/-1}.skill-row.planned{grid-template-columns:1fr}.skill-row.planned span:last-child{grid-column:auto}.quiz-card{padding:20px}.quiz-card h3{line-height:1.5}.quiz-choice{font-size:11px}.quiz-card .button{width:100%}footer{flex-wrap:wrap;gap:10px 15px}footer>span:last-child{margin-left:0;width:100%;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:540px){textarea{font-size:16px;line-height:1.65}}
/* Reading comfort and balanced lesson columns. */
.paper{min-width:0}.theory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paper p,.task-card p,.independent p{font-size:14px;line-height:1.75}.mentor-note p{font-size:13px}.hint-box,.result{font-size:14px}.quiz-choice{font-size:13px}.task-card small{font-size:11px}.example{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
@media(max-width:800px){.theory-grid{grid-template-columns:1fr}.theory-grid p{font-size:14px}}
@media(max-width:540px){.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:4px}.nav-item{flex-direction:column;white-space:normal;text-align:center;gap:7px;font-size:10px;line-height:1.25;padding:10px 2px}.nav-item>span:first-child{width:auto;font-size:18px}.mentor-note p{font-size:13px}.task-card p,.independent p{font-size:14px}.quiz-choice{font-size:13px}.task-card small{font-size:11px}}
/* Teaching: readable explanations, a visible sequence and an independent workspace. */
.token-grid code{white-space:pre-wrap}
.lesson-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 8px}.lesson-nav a{padding:14px 12px;border:1px solid #ced2c1;border-radius:9px;background:#eef1e4;font-size:12px;font-weight:600}.lesson-nav a:hover{background:#e0ebc4}.learning-goal{font-size:16px;max-width:800px}.token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.token-grid code{display:inline-block;background:#eee9fb;border-radius:6px;padding:7px 10px;overflow-wrap:anywhere;max-width:100%}.token-grid h3{line-height:1.5;margin-top:12px}.walkthrough{margin:18px 0;border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:20px 24px}.walkthrough summary{font-size:16px;font-weight:600;line-height:1.5}.walkthrough ol{margin:22px 0 0;padding-left:26px}.walkthrough li{padding:0 0 18px 8px;border-bottom:1px solid var(--line);margin-bottom:18px}.walkthrough li:last-child{padding-bottom:0;border:0;margin:0}.walkthrough code{display:block;font:14px/1.7 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#3f5a28;background:#f0f2e8;border-radius:6px;padding:8px 12px}.walkthrough p{margin:8px 0 0;font-size:14px;max-width:830px}.learning-question{margin:20px 0}.learning-question .example{font-size:15px;padding:16px}.learning-question h3{line-height:1.6}.learning-question>p{font-size:14px}.transfer-section{margin:28px 0}.reflection-card{margin:18px 0}.reflection-card textarea{background:#f4f5ed;color:var(--ink);border:1px solid #b8bfaa;border-radius:8px;min-height:110px;font:15px/1.7 'Golos Text',Arial,sans-serif;margin:14px 0}.reflection-card details,.recall details{border-top:1px solid var(--line);margin-top:16px;padding-top:16px;line-height:1.7}.reflection-card li{margin:8px 0}.recall h2{margin-top:14px}.recall summary,.reflection-card summary{font-weight:500}.recall{margin-bottom:26px}.evidence{margin:24px 0}.evidence-list{padding:0;list-style:none;margin:20px 0}.evidence-list li{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 0;font-size:14px}.evidence-list small{font-size:12px;color:var(--muted)}.confirmation{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:28px;width:min(520px,calc(100% - 32px));box-shadow:0 20px 80px #0004}.confirmation::backdrop{background:#15201999}.confirmation h2{margin-top:0}.confirmation .action-bar{flex-wrap:wrap}.confirmation p{font-size:15px}
@media(max-width:1100px){.token-grid{grid-template-columns:1fr}.token-grid .paper{padding:20px}.token-grid h3{margin:10px 0}}
@media(max-width:540px){.lesson-nav{grid-template-columns:1fr 1fr;gap:8px}.lesson-nav a{font-size:12px;line-height:1.5}.learning-guide .section-heading,.transfer-section .section-heading{align-items:flex-start;flex-direction:column;gap:8px}.learning-guide .section-heading>span,.transfer-section .section-heading>span{font-size:11px}.walkthrough{padding:18px 15px}.walkthrough ol{padding-left:18px}.walkthrough code{font-size:13px;padding:8px}.learning-question .example{font-size:14px}.transfer-section>.action-bar{flex-wrap:wrap}.transfer-section>.action-bar .button{width:100%}.reflection-card textarea{font-size:16px}.evidence-list li{flex-direction:column;gap:4px}}