#grade-links{display:flex;gap:7px;margin:20px 0}#grade-links a{display:grid;place-items:center;width:36px;height:36px;text-decoration:none;border:1px solid #c8d8dc;border-radius:10px;background:white}#grade-links a[aria-current=page]{background:#285a78;color:white}.grade-1{--teal:#a04d25;--theme-light:#fff1df}.grade-2{--teal:#166b85;--theme-light:#e8f7fc}.grade-3{--teal:#534599;--theme-light:#f0edfc}.grade-4{--teal:#386b45;--theme-light:#edf5e9}.grade-5{--teal:#285a78;--theme-light:#eaf1f7}.grade-sheet .hero{background:var(--theme-light);border-color:var(--teal)}.grade-sheet .sheet-footer{border-color:var(--teal)}.grade-sheet .solution{color:#c62828}.grade-sheet .card{min-height:123px}.grade-1 .card,.grade-2 .card{border-radius:15px}.grade-4 .card,.grade-5 .card{border-radius:5px}.grade-5 .hero{border-radius:5px}.grade-4 .hero svg,.grade-5 .hero svg{width:65px;height:65px}.grade-sheet .fraction{display:inline-flex;vertical-align:middle;flex-direction:column;text-align:center;font-size:19px;line-height:1.2;padding:2px 5px}.fraction>span:first-child{border-bottom:1px solid;padding-bottom:3px}.fraction>span:last-child{padding-top:3px}.reason-line{font-size:11px;margin:15px 0 0}.coin-list{font-size:15px;line-height:2.3;text-align:center}.coin-list span{display:inline-block;border:1px solid #8ca6b3;border-radius:50%;padding:1px 5px;background:#edf3f5}.grade-sheet .hero h2{max-width:520px}.grade-sheet .celebrate{gap:12px}.grade-sheet .solution{overflow-wrap:anywhere}.grade-sheet .task{white-space:normal}@media print{.grade-sheet .card{min-height:26mm}.grade-sheet .hero svg{width:16mm;height:17mm}.grade-sheet .hero h2{font-size:22px}.grade-sheet .fraction{font-size:17px}.grade-sheet .celebrate{font-size:10px}.grade-sheet .reason-line{margin-top:8px}}

/* Stable grade navigation and compact headings for longer lesson names. */
#grade-links{flex-wrap:wrap}#grade-links a{flex-shrink:0}
#theme-name{font-size:26px;line-height:1.2;letter-spacing:-.5px;text-wrap:balance}
.grade-sheet .hero{gap:14px}.grade-sheet .hero>div{min-width:0;flex:1}
.grade-sheet .hero h2{font-size:23px;line-height:1.22;overflow-wrap:break-word;text-wrap:balance}
.grade-sheet .hero h2.long-title{font-size:19px}
@media(max-width:480px){.grade-sheet .hero h2{font-size:20px}.grade-sheet .hero h2.long-title{font-size:17px}.grade-sheet .sheet-head .edition{max-width:52%;text-align:right}}
@media print{.grade-sheet .hero h2{font-size:22px}.grade-sheet .hero h2.long-title{font-size:18px}}

.arithmetic-back{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 10px;padding:13px 10px;background:white;border:1.5px solid #087b78;border-radius:10px;color:#086e6b;font:700 13px Arial,sans-serif;text-decoration:none}.arithmetic-back>span:first-child{font-size:17px;white-space:nowrap}.arithmetic-back:hover{background:#e8f6f2}.arithmetic-back:focus-visible{outline:3px solid #cc6735;outline-offset:3px}@media print{.arithmetic-back{display:none!important}}


.grade-sheet .task .write-box{vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important}.grade-sheet .task{line-height:1.5}
