.fifth-grade-section{margin:38px 0;padding:28px;background:#f7f0e7;border:2px solid #c9b394;border-radius:26px}.fifth-grade-section h2{font:900 30px var(--font);margin:8px 0 14px;color:#75542d}.fifth-grade-section p{line-height:1.6;max-width:620px}.fifth-grade-section .first-grade-card{border-color:#c9b394}.volume-preview{flex:0 0 145px;padding:18px;background:#f7f0e7;border-radius:20px;color:#75542d;text-align:center;font:900 27px var(--font)}.volume-preview small{display:block;font-size:16px;margin-top:14px}.fifth-grade-trail{display:grid;grid-template-columns:repeat(4,44px);justify-content:center;gap:8px;margin:16px 0 20px}.fifth-grade-trail button{min-height:44px;border:1px solid #baa27f;border-radius:13px;background:#fcf7f0;color:#75542d;font:800 17px var(--font)}.fifth-grade-trail button[aria-pressed=true]{background:#80603a;color:white}.fifth-grade-story{max-width:590px;font-size:20px;line-height:1.6;margin:18px 0}.fifth-grade-content .volume-equation{font:900 34px var(--font);margin:14px 0;color:#75542d}.volume-model{width:100%;max-width:590px;box-sizing:border-box;padding:18px;border:2px solid #c9bba5;border-radius:20px;background:white}.volume-model p{font-size:16px}.volume-solid{display:grid;place-items:center;min-height:230px}.prism-diagram{width:100%;max-width:300px;max-height:250px;overflow:visible}.prism-diagram polygon{stroke:#4c6280;stroke-width:.7;stroke-linejoin:round}.prism-top{fill:#b5d5df}.prism-front{fill:#729bb3}.prism-side{fill:#4f7894}.prism-base{fill:#f1f4f5;stroke-dasharray:2 2}.volume-dimensions{font-weight:800}.volume-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.volume-layers>p{grid-column:1/-1}.volume-layer>span{display:block;font-weight:800;margin:0 0 8px}.volume-layer-grid{display:grid;grid-template-columns:repeat(var(--length),minmax(0,1fr));gap:0;border:1px solid #4c6280;max-width:160px;margin:auto}.volume-unit{aspect-ratio:1;min-width:0;background:#b5d5df;box-shadow:inset 0 0 0 .5px #4c6280}.volume-count{font-weight:800}.fifth-grade-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0;width:100%}.fifth-grade-tools .primary-button{width:auto;min-width:145px}.fifth-grade-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:520px}.fifth-grade-answers button{padding:12px 4px;border:2px solid #b9a381;background:#fff;border-radius:16px;color:#75542d}.fifth-grade-answers strong{display:block;font:900 28px var(--font)}.fifth-grade-answers span{display:block;font:800 14px var(--font);margin-top:6px}.fifth-grade-answers button.correct{background:#dcefdc;border-color:#438647}.fifth-grade-content button:focus-visible,.fifth-grade-section button:focus-visible{outline:3px solid #396c91;outline-offset:4px}body[data-subject=fifth-grade] .play-card{background:#fcf6ee}#fifth-grade-title{scroll-margin-top:32px}@media(max-width:650px){.fifth-grade-section{padding:18px}.fifth-grade-section h2{font-size:27px}.volume-preview{flex-basis:auto;width:150px;align-self:center}.volume-model{padding:12px}.fifth-grade-content .volume-equation{font-size:29px}.volume-layers{grid-template-columns:repeat(2,minmax(0,1fr))}.fifth-grade-answers{grid-template-columns:repeat(2,minmax(0,1fr))}}