.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.grade-card{background:#fffbed;border:1px solid #d5d8bd;border-radius:20px;padding:16px}.grade-card h2{margin:0 0 12px;text-align:center;font-size:23px;color:#294b40}.book-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.book-pair a,.book-pair button{display:flex;justify-content:center;align-items:center;min-height:48px;padding:10px 8px;border:1px solid #aec39a;border-radius:14px;background:#fff9e9;color:#315c43;text-decoration:none;font-size:17px;white-space:nowrap}.book-pair .selected{background:#397951;color:#fff}.grade-picker .hero{padding:20px 26px}.grade-picker h1{font-size:32px}.grade-picker .hero p{margin:8px 0}.grade-picker main{padding-top:8px}.grade-picker .unit{min-height:0}.book-grid button:hover,.book-grid a:hover{background:#dcebcf;color:#294b40}#grades.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#grades.book-grid .grade-card h2{font-size:21px}#books{width:min(1000px,95vw);max-width:1000px;max-height:94vh}#books .grades .book-pair button{width:auto;margin:0}#books #terms{display:none}@media(max-width:700px){.grade-card{padding:12px}.grade-card h2{font-size:19px}.book-pair{gap:6px}.book-pair a,.book-pair button{font-size:14px;padding:8px 4px}.grade-picker h1{font-size:27px}}@media(max-width:500px){.book-grid,#grades.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}