.fraction{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.25;margin:0 .12em;min-width:1.2em;font-variant-numeric:tabular-nums}.fraction>span:first-child{border-bottom:2px solid currentColor;padding:0 .18em .08em}.fraction>span:last-child{padding:.08em .18em 0}.fraction-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.fraction-topic-grid h2{font-size:24px;line-height:1.3;margin-top:22px}.fraction-topic-grid .primary{margin-top:12px}.fraction-expression{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:clamp(30px,6vw,48px);font-weight:700;line-height:1.4;margin:24px 0;color:var(--navy)}.fraction-strip{display:grid;gap:3px;max-width:520px;margin:25px auto;height:70px;border:1px solid #9fc7e8;padding:4px;border-radius:13px;background:#fff}.fraction-strip span{background:#edf3f9;border:1px solid #c2d9ee;border-radius:5px}.fraction-strip .filled{background:linear-gradient(140deg,#19c9d5,#1477f2);border-color:#258cf4}.fraction-numberline{display:block;width:100%;max-width:520px;margin:24px auto}.fraction-numberline text{font-family:inherit;fill:#082b65;font-size:18px}.fraction-answer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.fraction-answer label{flex:0 0 100%;font-size:13px;font-weight:600}.fraction-answer input{width:190px;max-width:100%;min-height:56px;border:2px solid #bdd0e6;border-radius:13px;padding:12px;text-align:center;font-size:25px;color:var(--navy);background:white}.fraction-example{margin-top:22px}.fraction-example p{color:var(--navy)}@media(max-width:850px){.fraction-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.fraction-topic-grid{grid-template-columns:1fr}.fraction-expression{font-size:33px;gap:8px}.fraction-topic-grid h2{font-size:23px}.fraction-answer input{width:165px}.fraction-strip{height:58px}}nav{flex-wrap:wrap}
.math-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 42px}.fraction-entry-model .fraction-strip{height:30px;max-width:190px;margin:15px 0}.fraction-draw button{background:#edf3f9;border:1px solid #c2d9ee;border-radius:5px;min-width:0;min-height:48px;padding:0}.fraction-draw button.filled{background:linear-gradient(140deg,#19c9d5,#1477f2);border-color:#1477f2}.fraction-topic-grid .eyebrow{display:inline-block;margin-bottom:10px}@media(max-width:650px){.math-theme-grid{grid-template-columns:1fr}}
.achievement-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:19px 23px;background:#fff;border:1px solid var(--line);border-radius:20px;margin:0 0 28px}.achievement-entry p{margin:5px 0;font-size:13px}.achievement-entry .actions{margin:0;gap:8px}.achievement-entry .secondary{font-size:11px;padding:13px 15px}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.achievement-tile h3{margin-top:18px}.achievement-tile p{font-size:13px}.achievement-earned{border-color:#aacde8;background:linear-gradient(145deg,#fff,#edf7fd)}.achievement-earned .eyebrow{color:#1163c6}.fraction-status-list a{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.fraction-status-list{margin-bottom:22px}.fraction-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fraction-review-list>div{border:1px solid var(--line);border-radius:15px;padding:18px}.fraction-review-list p{font-size:20px}.fraction-review-list strong{font-size:13px}@media(max-width:850px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.achievement-grid,.fraction-review-list{grid-template-columns:1fr}.achievement-entry{padding:18px}.achievement-entry .actions{width:100%}.achievement-entry .secondary{flex:1;font-size:10px}}

.subject-navigation{max-width:1180px;margin:24px auto 0;padding:0 24px;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px}.subject-navigation>span{font-size:12px;font-weight:800;color:var(--brand-navy,#082b65);letter-spacing:.08em}.subject-navigation a{display:flex;flex-direction:column;gap:5px;padding:16px 20px;min-height:70px;border:1px solid #cbdcf3;border-radius:16px;background:#fff;color:#082b65;text-decoration:none;box-shadow:0 3px 12px #082b6508}.subject-navigation a strong{font-size:18px}.subject-navigation a small{font-size:13px;color:#435777}.subject-navigation a.selected{border-color:#1477f2;background:#edf6ff;box-shadow:inset 0 0 0 1px #1477f2}.subject-navigation a:hover{border-color:#1477f2;transform:translateY(-1px)}@media(max-width:600px){.subject-navigation{padding:0 16px;gap:10px;grid-template-columns:1fr 1fr;margin-top:14px}.subject-navigation>span{grid-column:1/-1}.subject-navigation a{padding:14px 12px}.subject-navigation a strong{font-size:16px}.subject-navigation a small{font-size:12px}}

.earned-card-gallery{margin-top:28px;align-items:start}.earned-card-item{min-width:0}.earned-card-item>.card{width:100%}.earned-card-story{margin-top:12px;padding:16px;background:#f1f7ff;border:1px solid #d6e6fa;border-radius:14px;color:#082b65}.earned-card-story p{margin:8px 0}.earned-card-story ul{padding-left:18px;margin:8px 0}.earned-card-story li{margin:8px 0;font-size:14px}.earned-card-story small{line-height:1.6;display:block;color:#435777}

.fraction-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:14px;margin:8px 0 18px}.fraction-choice{min-height:110px;display:flex;align-items:center;justify-content:center;padding:18px 12px;border:2px solid #c4d8ed;border-radius:18px;background:#fff;color:#082b65;font-size:30px;font-weight:700;box-shadow:0 3px 12px #082b6507;transition:border-color .15s,background .15s}.fraction-choice:hover{border-color:#1477f2;background:#f4f9ff}.fraction-choice.selected{border-color:#1477f2;background:#edf7ff;box-shadow:0 0 0 3px #1477f218}.fraction-choice:disabled{opacity:1;cursor:default}.fraction-choices+.muted{margin:0;width:100%;font-size:13px}.mixed-choice{display:inline-flex;align-items:center;gap:8px}.fraction-choice .fraction{font-size:29px}.fraction-draw button{touch-action:manipulation}@media(max-width:550px){.fraction-choices{gap:8px}.fraction-choice{font-size:25px;padding:16px 6px;min-height:96px}.fraction-choice .fraction{font-size:26px}}@media(max-width:380px){.fraction-choices{grid-template-columns:1fr}.fraction-choice{min-height:74px}.fraction-choice .fraction{font-size:25px}}
/* Mathematical models share exact proportions and retain the existing scoring. */
.fraction-bar-model{width:100%;min-width:0}.fraction-bar-model .fraction-strip{width:100%;height:64px;min-height:64px;margin:12px 0;box-sizing:border-box}.fraction-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.fraction-comparison>div{min-width:0}.fraction-comparison .fraction{font-size:24px}.fraction-equivalent{max-width:100%}.fraction-equivalent p{font-size:14px}.fraction-grid-model,.fraction-product-grid{display:grid;max-width:100%;min-height:160px;aspect-ratio:1.6;border:2px solid #2c6091;gap:0;margin:18px 0;overflow:hidden}.fraction-grid-model span,.fraction-product-grid span{border:1px solid white;background:#edf1f7;min-height:20px}.fraction-grid-model .filled{background:#1d9ed0}.fraction-product-grid .first{background:#ace4f2}.fraction-product-grid .second{background:#dbcff2}.fraction-product-grid .overlap{background:repeating-linear-gradient(135deg,#546ed0 0 5px,#81d3e7 5px 8px)}.fraction-division-pieces{display:flex;flex-wrap:wrap;gap:3px;margin:16px 0}.fraction-division-pieces span{width:20px;height:34px;border:1px solid #b6cedf;background:#f4f8fb}.fraction-division-pieces .filled{background:#48b8d8}.fraction-division-pieces .group-start{border-left:3px solid #7353ad;margin-left:8px}.fraction-partial{font-size:24px;text-align:center;line-height:2}.fraction-line-range{width:100%;min-height:48px;accent-color:#1683cd}.fraction-range-label{font-size:12px;color:#3c628a}.fraction-line-control{width:100%;max-width:100%;min-width:0}.fraction-line-control #fraction-line-position{font-size:13px}.fraction-answer input[type="text"]{width:min(100%,280px);min-height:56px;box-sizing:border-box;padding:14px;font:inherit;font-size:25px;text-align:center;border:2px solid #b9cfe2;border-radius:14px}.fraction-help-buttons[data-unlocked="1"] [data-focus-stage="2"],.fraction-help-buttons[data-unlocked="1"] [data-focus-stage="3"],.fraction-help-buttons[data-unlocked="2"] [data-focus-stage="1"],.fraction-help-buttons[data-unlocked="2"] [data-focus-stage="3"],.fraction-help-buttons[data-unlocked="3"] [data-focus-stage="1"],.fraction-help-buttons[data-unlocked="3"] [data-focus-stage="2"]{display:none}.focus-fraction .hint p{line-height:1.6}.focus-fraction h2>.fraction{font-size:inherit}.fraction-example .fraction-comparison{max-width:560px;margin:0 auto}.fraction-range-label,.fraction-line-range{display:none}
@media(max-width:600px){.fraction-comparison{grid-template-columns:1fr;gap:16px}.fraction-bar-model .fraction-strip{height:64px;min-height:64px}.focus-fraction .fraction-choices{gap:10px}.focus-fraction .fraction-choice{min-height:66px}.fraction-range-label,.fraction-line-range{display:block}.fraction-line-control .interactive-numberline button{pointer-events:none;min-width:0;width:auto;padding:0}.fraction-line-control .interactive-numberline{height:60px;min-height:60px}.fraction-line-control .interactive-numberline button small{font-size:12px}.fraction-grid-model,.fraction-product-grid{min-height:140px}.fraction-division-pieces span{width:15px;height:30px}.fraction-count-guide{grid-template-columns:1fr}.focus-fraction .fraction-draw{gap:4px;min-height:64px}.focus-fraction .fraction-draw button{min-height:64px}.fraction-mixed-visual{max-width:100%}}
@media(max-width:359px){.focus-fraction .fraction-choices{grid-template-columns:1fr}.focus-fraction .fraction-choice{min-height:54px}.focus-fraction .task .fraction-circle{width:min(100%,220px);height:auto}}
.fraction-concept-steps{padding-left:22px;line-height:1.65}.fraction-concept-steps li{margin:8px 0}.fraction-continuation{margin:22px 0}.fraction-division-pieces{max-width:100%}.focus-fraction .fraction-strip{min-width:0}.focus-fraction .fraction-expression{flex-wrap:wrap;min-width:0}.focus-fraction .fraction-answer{min-width:0}.focus-fraction .fraction-draw{display:flex;flex-wrap:wrap;justify-content:center}.focus-fraction .fraction-draw button{flex:1 0 44px;max-width:90px;min-width:44px;min-height:64px}.focus-fraction .line-help{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.focus-fraction .fraction-line-control .interactive-numberline{max-width:100%}
.fraction-meaning-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.fraction-meaning-controls button{min-height:44px;font-size:11px}.fraction-strip span.fraction-emphasized{outline:2px solid #653f9a;outline-offset:-3px;background-image:repeating-linear-gradient(135deg,transparent 0 8px,#7353a622 8px 10px)}