.compare-worktop{padding:34px;border:2px solid var(--navy);background:#e6ddcd;box-shadow:12px 13px 0 #00245120;position:relative}.filter-drawer{padding:28px;border:2px solid var(--navy);background:var(--cream);box-shadow:inset 0 -10px #0024510b}.filter-drawer fieldset{margin:0 0 20px;padding:0;border:0}.filter-drawer legend{margin-bottom:9px;color:var(--navy);font:1rem Archivo Black;text-transform:uppercase}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:44px;padding:8px 12px;border:2px solid var(--navy);background:#fff;box-shadow:3px 3px 0 var(--blue);color:var(--ink);cursor:pointer;font-size:.72rem;font-weight:700;transition:.2s}.filter-chip:hover{transform:translateY(-2px)}.filter-chip[aria-pressed=true]{background:var(--yellow);box-shadow:inset 3px 3px 0 #d5bd46;transform:translateY(2px)}.filter-tools{display:flex;justify-content:space-between;align-items:center;gap:15px}.match-count{font:700 1.2rem Caveat;color:var(--blue)}
.compare-shelf{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));align-items:end;gap:8px;margin:55px 0 0;padding:35px 8px 13px;border-bottom:20px solid #926534;box-shadow:0 9px 0 #5b3a20}.compare-book{--cover:var(--blue);--spine:#005f91;min-height:260px;padding:24px 13px 18px;display:flex;flex-direction:column;position:relative;border:3px solid var(--navy);border-radius:3px 9px 2px 2px;background:var(--cover);box-shadow:inset 10px 0 var(--spine),5px 4px 0 #00245120;color:#fff;text-align:left;cursor:pointer;transition:.3s}.compare-book:hover{transform:translateY(-12px) rotate(-1deg)}.compare-book[aria-pressed=true]{transform:translateY(-22px) rotate(-1deg);box-shadow:inset 10px 0 var(--spine),10px 15px 0 #0024512b}.compare-book.is-filtered{display:none}.compare-book strong{margin:auto 0 12px;font:1rem/1 Archivo Black;text-transform:uppercase;overflow-wrap:anywhere}.compare-book small{font-size:.58rem;font-weight:700}.compare-book .pin-label{position:absolute;top:10px;right:8px;padding:3px 5px;background:#fff;color:var(--navy);font-size:.54rem}.compare-book[data-id=reading]{--cover:#cf902f;--spine:#ad701b}.compare-book[data-id=mobymax]{--cover:#3b8216;--spine:#2d6b10}.compare-book[data-id=study-island]{--cover:#0175b1;--spine:#005f91}.compare-book[data-id=wolkskool]{--cover:#44728c;--spine:#31586e}.compare-book[data-id=tabe]{--cover:#68791c;--spine:#4c570f}.compare-book[data-id=ged]{--cover:#002451;--spine:#001b3d}.compare-book[data-id=highlands]{--cover:#2d765e;--spine:#205b48}
.empty-match{display:none;margin:30px 0 0;padding:25px;border:2px solid var(--navy);background:var(--yellow)}.empty-match.show{display:block}.pin-board{margin-top:70px;padding:45px 30px 35px;border:2px solid var(--navy);background-color:#fff;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#dbe8ef 32px);box-shadow:10px 11px 0 var(--green);position:relative}.pin-board:before{content:"PINNED FOR COMPARISON";position:absolute;top:-23px;left:30px;padding:9px 15px;border:2px solid var(--navy);background:var(--yellow);font:700 1rem Caveat;transform:rotate(-2deg)}.compare-placeholder{padding:35px;text-align:center;color:#62798a}.comparison-scroll{overflow:auto}.comparison-table{width:100%;min-width:760px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:13px 15px;border:1px solid var(--line);vertical-align:top;text-align:left}.comparison-table th:first-child{width:165px;color:var(--green);font-size:.68rem;text-transform:uppercase}.comparison-table thead th{color:var(--navy);font:1rem Archivo Black;text-transform:uppercase}.comparison-table .caution{background:#fff8cf}.remove-pin{margin-top:8px;border:0;background:transparent;color:var(--blue);text-decoration:underline;cursor:pointer;font-size:.68rem;font-weight:700}
.quiz-board{max-width:850px;margin:auto;padding:60px 45px 45px;border:3px solid var(--navy);border-radius:20px;background:#d6a56b;box-shadow:13px 15px 0 #00245128;position:relative}.quiz-board:before{content:"";position:absolute;top:-20px;left:50%;width:150px;height:55px;border:3px solid var(--navy);border-radius:12px;background:#a8a8a4;transform:translateX(-50%)}.quiz-sheet{min-height:480px;padding:50px clamp(25px,6vw,65px);border:2px solid var(--navy);background-color:var(--cream);background-image:repeating-linear-gradient(0deg,transparent 0 31px,#dbe8ef 32px);box-shadow:7px 8px 0 #0024511d}.quiz-progress{height:10px;margin-bottom:35px;border:2px solid var(--navy);background:#fff}.quiz-progress span{display:block;height:100%;background:var(--green);transition:width .35s}.quiz-sheet h2{color:var(--navy);font:clamp(2rem,5vw,3.5rem)/.95 Newsreader}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:65px;padding:13px;border:2px solid var(--navy);background:#fff;box-shadow:4px 4px 0 var(--blue);cursor:pointer;text-align:left;font-weight:700}.answer:hover{background:var(--yellow);transform:translate(-2px,-2px)}.quiz-actions{display:flex;gap:12px;margin-top:30px}.quiz-result{display:grid;gap:15px}.result-card{padding:20px;border:2px solid var(--navy);background:#fff}.result-card:first-child{background:var(--mint);box-shadow:6px 6px 0 var(--green)}.result-card h3{margin-bottom:7px;color:var(--navy);font:1.2rem Archivo Black;text-transform:uppercase}

.compare-book[data-id=reading]{--cover:#cf902f;--spine:#ad701b}
.compare-book[data-id=tabe]{--cover:#68791c;--spine:#4c570f}
@media(max-width:900px){.compare-shelf{grid-template-columns:repeat(7,145px);overflow-x:auto}.compare-book{min-height:250px}.compare-worktop{padding:20px}}
@media(max-width:600px){.filter-drawer{padding:20px}.filter-tools{display:block}.pin-board{padding:40px 12px 20px}.quiz-board{padding:45px 12px 15px}.quiz-sheet{padding:42px 20px}.answer-grid{grid-template-columns:1fr}}