@import url('/assets/fonts/fonts.css');
*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#183e50;font-family:'DM Sans',sans-serif}header{display:flex;justify-content:space-between;padding:18px 4%;border-bottom:1px solid #cbd7dd}a{color:inherit}main{max-width:1200px;margin:auto;padding:24px}h1{font:700 36px Literata,serif}.eyebrow{font-size:12px;letter-spacing:2px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}.choices button{text-align:left;padding:26px}.choices strong{display:block;font-size:23px;margin-bottom:10px}.choices span{display:block}button,input{font:inherit;color:inherit;border:1px solid #8ca3ad;border-radius:8px;background:white;padding:12px;min-height:44px}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #dfaa24;outline-offset:3px}button[aria-pressed=true]{border:2px solid #246fab;background:#eaf3ff}.skip{position:absolute;top:-90px}.skip:focus{top:0}.toolbar{display:flex;align-items:center;gap:18px}#work{background:white;border:2px solid #a9bac2;padding:20px;border-radius:12px}#prompt{text-align:center;font-size:27px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:26px;align-items:start}#graph{width:100%;height:auto;display:block;touch-action:none;background:#fff;border:1px solid #b8c6cd;border-radius:8px}#graph text{font-family:'DM Sans',sans-serif}.small{font-size:13px;line-height:1.5}.support{display:flex;gap:10px;flex-wrap:wrap}label{display:block;font-weight:bold;margin-bottom:10px}input{max-width:100%;width:100%;margin:0 0 12px}#point-buttons{display:flex;flex-wrap:wrap;gap:8px}#coordinates{display:flex;align-items:end;gap:10px;margin-top:15px}#coordinates label{width:75px;margin:0}#coordinates input{margin:0}#coordinates button{flex:1}#lesson-panel{padding:16px;background:#edf4f8;border-radius:10px;margin-bottom:18px}#step-title{margin-top:0}#feedback{min-height:28px;font-weight:bold}#feedback.correct{color:#267b45}#explanation{padding:16px;background:#f2f7ee;margin-top:18px;border-radius:8px;line-height:1.6}#next,#another-lesson{margin-top:16px;background:#285e48;color:white}#answer{font-size:22px} [hidden]{display:none!important}@media(max-width:750px){main{padding:12px}.workspace{grid-template-columns:1fr}#work{padding:10px}.choices{grid-template-columns:1fr}aside{padding:8px}#coordinates button{font-size:14px}header span{display:none}}

.slope-fraction{font-size:24px;color:#ed1493;background:#ffe5fa;border-radius:7px;padding:12px;max-width:100%;font-weight:700}

#step-text{white-space:pre-line;line-height:1.8}#answer::placeholder{color:#637581;opacity:1}