.quiz-books-section{padding:28px 0 12px;border-top:1px solid var(--line)}.quiz-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quiz-book-card{min-height:180px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}.quiz-book-card:hover{transform:translateY(-4px);border-color:#c9c7ff;box-shadow:0 18px 38px rgba(48,54,105,.15)}.quiz-book-card span,.quiz-book-card small{display:block;color:#68738b;font-size:11px;font-weight:800;letter-spacing:.08em}.quiz-book-card b{display:block;font-size:54px;line-height:1;margin:24px 0 16px}.quiz-book-card strong{display:block;font-size:16px;margin-bottom:8px}.quiz-book-1{border-top:5px solid #d6e84b}.quiz-book-2{border-top:5px solid #82c8d4}.quiz-book-3{border-top:5px solid #dc9a55}.quiz-book-4{border-top:5px solid #b798cf}
.quiz-range-setup{max-width:850px;margin:38px auto;padding:32px}.range-heading h1{font-size:28px;margin:5px 0 10px}.range-heading strong{display:block;color:#5c55d5;font-size:15px;font-weight:700;line-height:1.55}.dual-range{position:relative;height:38px;margin:32px 8px 6px}.dual-range-track,.dual-range-fill{position:absolute;top:17px;left:0;right:0;height:6px;border-radius:6px}.dual-range-track{background:#e6e9f0}.dual-range-fill{left:var(--start);right:calc(100% - var(--end));background:#625df5}.dual-range input{appearance:none;position:absolute;left:0;top:7px;width:100%;height:22px;margin:0;background:transparent;pointer-events:none}.dual-range input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#625df5;box-shadow:0 2px 8px rgba(46,42,144,.35);cursor:pointer;pointer-events:auto}.dual-range input::-moz-range-thumb{width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#625df5;box-shadow:0 2px 8px rgba(46,42,144,.35);cursor:pointer;pointer-events:auto}.range-ends{display:flex;justify-content:space-between;gap:18px;color:#8791a6;font-size:12px}.range-ends span:last-child{text-align:right}.range-count{max-width:560px;margin:34px 0 24px}.range-count label{display:block;color:#59657d;font-size:13px;font-weight:700;margin-bottom:9px}.range-count label strong{float:right;color:#5049cf}
@media(max-width:900px){.quiz-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.quiz-book-grid{grid-template-columns:1fr}.quiz-book-card{min-height:130px}.quiz-book-card b{font-size:40px;margin:14px 0 10px}.quiz-range-setup{margin:22px auto;padding:22px}.range-ends{font-size:11px}.range-heading h1{font-size:24px}}

/* New Concept question-bank cards use a responsive portrait photography cover. */
.quiz-book-grid:has(.has-quiz-portrait){grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-book-card.has-quiz-portrait{display:grid;grid-template-columns:136px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:12px;min-height:174px;padding:12px;border-top:1px solid var(--line);cursor:pointer}.quiz-book-cover{position:relative;grid-row:1 / span 2;overflow:hidden;min-height:150px;aspect-ratio:2 / 3;border-radius:7px;background:#dfe9f2 url('assets/new-concept-international-school-portrait.png') center / cover no-repeat}.quiz-book-cover::after{content:"";position:absolute;right:0;bottom:0;left:0;height:35%;background:rgba(6,27,55,.72)}.quiz-book-cover-label{position:absolute;z-index:1;right:8px;bottom:7px;left:8px;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1.3;letter-spacing:0!important;text-shadow:0 1px 2px rgba(0,0,0,.38)}.quiz-book-main{min-width:0;padding:4px 3px}.quiz-book-main span,.quiz-book-main small{display:block;color:#68738b;font-size:11px;font-weight:800;letter-spacing:.08em}.quiz-book-main strong{display:block;margin:7px 0 8px;font-size:17px;line-height:1.35}.quiz-book-start{justify-self:start;margin:0 3px 2px}@media(max-width:560px){.quiz-book-grid:has(.has-quiz-portrait){grid-template-columns:1fr}.quiz-book-card.has-quiz-portrait{grid-template-columns:112px minmax(0,1fr);min-height:146px;padding:10px}.quiz-book-cover{min-height:124px}.quiz-book-cover-label{font-size:11px!important}.quiz-book-main strong{font-size:15px}}