.fraction-shell{padding-top:16px}.fraction-heading{display:flex;align-items:center;gap:18px;margin:14px 0 24px}.fraction-heading>span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:conic-gradient(#d57742 0 50%,#e4eee8 50%);border:3px solid #2f6b63;color:#173f39;font:700 27px 'Fraunces',serif;box-shadow:0 10px 22px rgba(37,63,57,.13)}.fraction-heading h1{font-size:36px;margin:2px 0}.fraction-heading p{margin:0;color:#64736f}.fraction-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fraction-topic-grid>a{display:grid;grid-template-columns:135px 1fr;min-height:190px;border:1px solid #d3c7b3;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#f1ebde);color:var(--ink);text-decoration:none;box-shadow:0 12px 26px rgba(37,63,57,.11);transition:.2s}.fraction-topic-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(37,63,57,.18)}.fraction-card-art{display:grid;place-items:center;background:linear-gradient(145deg,#e3eee8,#f7dfc4);border-right:1px solid #d3c7b3}.fraction-card-art svg{width:112px;height:112px}.fraction-topic-grid>a>div:last-child{padding:19px}.fraction-topic-grid p{margin:0 0 7px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.07em}.fraction-topic-grid h2{margin:0 0 8px;font-size:21px}.fraction-topic-grid small{display:block;color:#64736f;line-height:1.45}.fraction-topic-grid b{display:block;margin-top:14px;color:var(--green);font-size:12px}.fraction-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:24px}.fraction-topic-rail{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;border:1px solid #d8cebb;border-radius:13px;background:#f8f5ed;box-shadow:0 9px 22px rgba(37,63,57,.09)}.fraction-topic-rail>h2{margin:9px 17px 2px;font-size:24px}.fraction-topic-rail>p{margin:0 17px 14px;color:#64736f;font-size:12px}.fraction-topic-rail nav a{display:block;padding:11px 16px;border-top:1px solid #e0d7c7;color:var(--ink);font-size:12px;line-height:1.35;text-decoration:none}.fraction-topic-rail nav a span{display:block;color:var(--orange);font-size:9px;letter-spacing:.12em}.fraction-topic-rail nav a[aria-current=page]{background:var(--ink);color:#fff}.fraction-lesson>header{padding:4px 0 18px;border-bottom:1px solid #d8cebb}.fraction-lesson h1,.fraction-practice h1{margin:4px 0 8px;font-size:33px}.fraction-lesson>header>p:not(.eyebrow),.fraction-practice header p:last-child{margin:0;color:#64736f}.fraction-standard{display:inline-block;margin-top:12px;padding:5px 9px;border-radius:999px;background:#e4eee8;color:var(--green);font-size:10px;font-weight:700}.fraction-big-idea{padding:20px 0}.fraction-big-idea h2{margin:5px 0;font-size:22px;line-height:1.45}.fraction-demo,.fraction-problem{padding:20px;border:1px solid #d3c7b3;border-radius:15px;background:#fffdf8;box-shadow:0 12px 25px rgba(37,63,57,.09)}.fraction-demo>[data-fraction-visual],.fraction-problem-visual{display:grid;place-items:center;min-height:280px;border-radius:12px;background:linear-gradient(#eff5f0,#faeee0);overflow:hidden}.fraction-demo svg,.fraction-problem svg{width:min(100%,650px);height:280px}.fraction-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:14px}.fraction-controls button,.fraction-difficulty button,.fraction-actions button{padding:8px 13px;border:1px solid #b9aa92;border-radius:9px;background:#f6f0e4;color:var(--ink);cursor:pointer;font-weight:650}.fraction-controls button[aria-pressed=true],.fraction-difficulty button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.fraction-demo>[data-fraction-readout]{text-align:center;color:var(--green);font-weight:700}.fraction-notes{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:20px}.fraction-notes>section{padding:20px;border:1px solid #d8cebb;border-radius:13px;background:#f8f5ed}.fraction-notes li,.fraction-notes p:not(.eyebrow){color:#536762;line-height:1.55;margin-bottom:9px}.fraction-notes .try{margin-top:22px}.fraction-practice>header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #d8cebb;padding-bottom:16px}.fraction-practice>header>a{flex:0 0 auto;padding:9px 13px;border:1px solid #b9aa92;border-radius:10px;color:var(--green);text-decoration:none;font-size:12px;font-weight:700}.fraction-difficulty{display:flex;align-items:center;gap:8px;margin:16px 0}.fraction-difficulty>span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fraction-score{display:flex;gap:18px;margin-bottom:13px;color:#64736f;font-size:12px}.fraction-score b{font-size:15px;color:var(--ink)}.fraction-score [data-streak]{margin-left:auto;color:var(--green);font-weight:650}.fraction-problem>p:first-child{margin:0;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.12em}.fraction-problem h2{font-size:24px;margin:7px 0 15px}.fraction-answer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:16px 0 11px}.fraction-answer label{padding:10px 14px;border:1px solid #d2c5b0;border-radius:9px;background:#f8f5ed}.fraction-answer input[type=number]{width:80px;padding:10px;border:1px solid #a99c88;border-radius:8px;font-size:18px;text-align:center}.fraction-check{display:block;margin:auto;padding:10px 25px;border:0;border-radius:9px;background:var(--green);color:white;font-weight:750}.fraction-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.fraction-hint,.fraction-feedback{padding:13px 15px;border-radius:10px;line-height:1.5}.fraction-hint{background:#fff0ce;color:#72562b}.fraction-feedback{background:#e3eee8;color:#285b52}.fraction-feedback.wrong{background:#f8dfd3;color:#823f2e}.fraction-check:disabled{opacity:.55}.fline{stroke:#2f6b63;stroke-width:3}.fdash{stroke:#c76d3b;stroke-width:3;stroke-dasharray:7 6}.ftxt{font:700 14px system-ui;fill:#284c46}.exercise-levels{display:block;margin-top:10px;color:#9a5b37;font-size:10px;font-weight:700}@media(max-width:900px){.fraction-topic-grid{grid-template-columns:1fr}.fraction-workspace{grid-template-columns:1fr}.fraction-topic-rail{position:static;max-height:none}.fraction-topic-rail nav{display:flex;overflow-x:auto}.fraction-topic-rail nav a{min-width:175px}.fraction-notes{grid-template-columns:1fr}}@media(max-width:560px){.fraction-topic-grid>a{grid-template-columns:95px 1fr}.fraction-card-art svg{width:82px}.fraction-practice>header{flex-direction:column}.fraction-score{flex-wrap:wrap}.fraction-score [data-streak]{margin-left:0;width:100%}.fraction-demo>[data-fraction-visual],.fraction-problem-visual{min-height:230px}.fraction-demo svg,.fraction-problem svg{height:230px}}