/* Small, searchable chapters keep a fifty-question collection easy to explore. */
.brand-mascot {width:45px;height:45px;flex:none;border-radius:14px;box-shadow:0 3px 0 #dfe5d2}
.library-filters {display:grid;gap:10px;margin:0 0 10px}
.library-filters label {display:grid;gap:6px;font-size:10px;color:#7c806e}
.library-filters input,.library-filters select {width:100%;min-width:0;min-height:40px;border:1px solid #dddcca;border-radius:12px;background:#fffdf8;color:#52634a;font:inherit;font-size:12px;padding:9px 11px}
.library-filters input::placeholder {color:#a0a18f}
.library-summary {display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:24px;margin-bottom:9px;font-size:10px;color:#888772}
#clear-search {border:0;background:none;padding:5px 0;color:#64805b;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.library-pagination {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:11px;color:#84866f}
.library-pagination button {min-height:38px;border:1px solid #dddcca;background:#fffdf7;border-radius:12px;padding:8px 12px;color:#5e7753;font:inherit}
.library-pagination button:disabled {opacity:.4;cursor:default}
.library-empty {background:#f3efe4;border:1px dashed #dbd6c4;border-radius:16px;padding:22px 13px;text-align:center;color:#827f6e;font-size:12px;line-height:1.9}
.library .question-button {min-height:82px}
.library .question-button strong {font-size:15px;letter-spacing:.03em;line-height:1.5}
.library .question-button small {margin-top:4px}
.library .guide-note {margin-top:20px}
.library .question-button:nth-child(3n+2) {background:#f7edf0;border-color:#ebdce1}
.library .question-button:nth-child(3n) {background:#edf2f9;border-color:#dce5ec}
.library .question-button.active {background:#e8f1e3;border-color:#8da885}
.library .question-button:nth-child(3n+2) .question-charm {background:#f0d7de;color:#a97882;transform:rotate(4deg)}
.library .question-button:nth-child(3n) .question-charm {background:#dbe6f4;color:#7a91b2}
.install-mascot {display:block;border-radius:22px;margin:16px 0 18px;box-shadow:0 4px 0 #dee4cf}
@media(min-width:641px) {.library{position:static}.question-list{gap:10px}}
@media(max-width:850px) and (min-width:641px) {.library .question-charm{display:none}}
@media(max-width:640px) {
 .brand-mascot{width:37px;height:37px;border-radius:11px}
 .library-filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:7px}
 .library-filters input,.library-filters select{font-size:16px;min-height:43px;padding:8px}
 .library-summary{margin-bottom:7px}
 .library .question-button{min-height:111px}
 .library .question-button strong{font-size:13px;overflow-wrap:anywhere}
 .library .question-button small{font-size:8px}
 .library-pagination{margin-top:12px}
 .library-pagination button{min-width:82px;min-height:41px}
}