.children-grade-toolbar{margin:18px 0;padding:14px 0;border-top:1px solid #dae5ef;border-bottom:1px solid #dae5ef;color:#28435f}.grade-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.grade-heading strong{font-size:17px}.grade-heading span{font-size:12px;color:#71849a}.grade-options{display:flex;flex-wrap:wrap;gap:7px}.grade-options button{min-height:36px;padding:6px 13px;border:1px solid #d7e3f0;background:#fff;color:#405a76;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}.grade-options button[aria-pressed=true]{background:#eaf3ff;color:#175ca9;border-color:#7aabdf}.grade-options button:focus-visible{outline:2px solid #286fb3;outline-offset:3px}.children-grade-toolbar p{font-size:12px;color:#77889b;margin:10px 0 0;line-height:1.7}.children-shelf .child-cover,.children-shelf .pp-cover{position:relative}.children-shelf .reading-grade-badge{display:block;position:static;color:inherit;background:transparent;border:0;border-radius:0;padding:0;font:inherit;box-shadow:none;letter-spacing:0;white-space:normal}.children-shelf [data-grade-hidden]{display:none!important}.grade-empty{grid-column:1/-1;padding:18px 0;color:#738397;font-size:14px}.children-shelf .pp-cover>.reading-grade-badge{transform:none!important}.children-shelf .graded-cover-code{right:auto}
@media(max-width:600px){.grade-heading{align-items:flex-start;flex-direction:column;gap:3px}.grade-options{gap:5px}.grade-options button{padding:6px 10px}}