.focus-wrap{max-width:840px;margin:auto}.focus-wrap .page-head{margin-bottom:23px}.focus-wrap .reader{padding:30px 34px}.focus-card{min-height:400px}.one-idea h2{font-size:29px;line-height:1.3;letter-spacing:-.7px;margin:10px 0 22px}.memory-flow{display:flex;gap:9px;align-items:center;justify-content:space-between;margin:22px 0;background:#edf3e9;border-radius:12px;padding:18px}.memory-flow span{flex:1;min-width:0;font:13px/1.55 Consolas,monospace;text-align:center;overflow-wrap:anywhere}.memory-flow i{color:#7a9b81;font-style:normal}.memory-points{padding-left:22px;margin:20px 0}.memory-points li{padding-left:5px;margin:10px 0;font-size:16px;line-height:1.6}.truth-note{font-size:13px!important;line-height:1.65!important;color:#5f695e;border-left:3px solid #c19057;padding-left:15px;margin:23px 0}.reader .truth-note strong{color:#765431}.reader .label{margin-top:0}.big-idea{font-size:22px!important;line-height:1.55!important;font-weight:500}.recall-key{background:#edf3e9;border-radius:10px;padding:20px;font-size:17px!important}.trace-strip{font:14px/1.75 Consolas,monospace;background:#edf3e9;padding:20px;border-radius:10px}.step-switch{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.focus-home h2{font-size:28px}.focus-wrap .card{box-shadow:none}.writing-code{font:15px/1.85 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#172b2a;color:#e7f0e7;padding:22px;border-radius:12px}.gap-input{font:inherit;color:#173d31;background:#f4f8e9;border:2px solid #bdce9e;border-radius:4px;min-width:45px;max-width:100%;text-align:center;padding:0 3px;line-height:1.5}.gap-input.bad{border-color:#d57f77;background:#ffe5e1}.gap-input.good{border-color:#77a575;background:#dbedce}.write-result{padding:17px;border-radius:10px;background:#e6f0e4;margin-top:18px;font-size:14px}.write-result.different{background:#f7eee2}.write-index{display:flex;gap:9px;margin-bottom:20px;align-items:center}.write-index select{max-width:100%;width:100%;padding:11px;border:1px solid var(--line);background:white;border-radius:9px}.write-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.write-example-label{font-size:11px;color:#69836e;margin:0 0 10px}.write-notice{font-size:12px!important;color:var(--muted)}.focus-wrap .code{font-size:14px}.write-mode{display:flex;gap:8px;flex-wrap:wrap}.focus-wrap details>summary{font-size:13px}.focus-wrap details p{font-size:14px}.focus-wrap .editor{min-height:230px}.write-feedback code{background:#fff4e5}.course-label{margin-top:28px}.sidebar-bottom{padding-top:15px}nav{gap:3px}nav a{padding-top:9px;padding-bottom:9px}
@media(max-width:760px){.focus-wrap .reader{padding:22px}.one-idea h2{font-size:24px}.memory-flow{padding:13px 9px;gap:6px}.memory-flow span{font-size:11px}.memory-points li{font-size:15px}.focus-wrap .page-head h1{font-size:27px}.big-idea{font-size:20px!important}.writing-code{font-size:12px;padding:14px}.focus-wrap .code{font-size:12px}.focus-card{min-height:0}.step-switch .btn{font-size:12px;padding:9px 12px}}

.sidebar{overflow-y:auto}.gap-input[data-correct="true"]{border-color:#77a575}.gap-input[data-correct="false"]{border-color:#d57f77}