.grade-navigation{margin:0 0 46px}.grade-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.grade-heading h2{font-size:2.1rem;margin:0}.grade-heading a{font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.grade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.grade-card{display:flex;flex-direction:column;gap:12px;border:1px solid #d6dfce;border-radius:13px;background:#f5f6ec;padding:23px 18px;text-decoration:none;transition:background .15s,border-color .15s}.grade-card small{font-size:.67rem;color:var(--muted)}.grade-card strong{font:1.6rem/1.1 var(--serif);color:var(--teal-dark)}.grade-card>span{font-size:.75rem;color:var(--muted)}.grade-card>span>span{float:right;color:var(--teal)}.grade-card:hover,.grade-card[aria-current=page]{background:#e5eedf;border-color:var(--teal)}.grade-card.secondary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;background:#f3eee3}.grade-card.secondary strong{font-size:1.55rem}.grade-card.secondary[aria-current=page]{background:#e5eedf}.grade-tip{font-size:.78rem;color:var(--muted);margin:15px 0 0;max-width:850px}.empty-shelf{padding:32px;border:1px dashed #cbd6c1;border-radius:15px;background:#fafbf5;max-width:850px}.empty-shelf h3{font-size:1.7rem}.empty-shelf p{color:var(--muted);font-size:.95rem;max-width:650px}.book-class-links{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.book-class-links a{border:1px solid #c9d8bf;border-radius:20px;padding:5px 11px;font-size:.77rem;color:var(--teal);text-decoration:underline;text-underline-offset:3px}.book-audio-note{font-size:.82rem;line-height:1.7;background:#eef3e8;border-radius:10px;padding:15px 18px;margin-top:23px}
@media(max-width:900px){.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grade-card.secondary{grid-column:auto;display:flex;align-items:stretch}.grade-card.secondary strong{font-size:1.35rem}}
@media(max-width:560px){.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grade-card{padding:18px 16px}.grade-card strong{font-size:1.45rem}.grade-heading{align-items:start;flex-direction:column;gap:12px}.grade-heading h2{font-size:1.9rem}.grade-card.secondary strong{font-size:1.3rem}.grade-navigation{margin-bottom:33px}.empty-shelf{padding:23px}}
@media print{.grade-navigation,.book-class-links,.book-audio-note{display:none}}