.book-browser{--browse-control-bg:#d5e2f6;--browse-control-border:#aec4e5;max-width:1440px;margin:auto;padding:20px 0 50px}.book-browser h1{font-size:34px;color:#132650;margin:4px 0 24px}.browse-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start}.browse-filter-panel{background:var(--browse-control-bg);border:1px solid var(--browse-control-border);border-radius:18px;padding:22px}.browse-filter-panel>summary{font-size:21px;font-weight:750;color:#152d57;cursor:pointer}.browse-filter-panel>summary span{font-size:13px;color:#077766}.browse-filter-body{padding-top:15px}.filter-reset{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#475d7c;margin-bottom:24px}.filter-reset a{font-weight:700;color:#075bbc}.filter-group{margin:0 0 25px;padding:0;border:0}.filter-group legend{float:none;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:750;color:#405879;margin-bottom:12px}.age-options{display:grid;gap:10px}.age-options label{display:flex;align-items:center;gap:9px;font-size:13px;color:#243c61;cursor:pointer}.age-options input{width:16px;height:16px;margin:0;accent-color:#079c85}.level-options{display:flex;flex-wrap:wrap;gap:7px}.level-options label{position:relative;cursor:pointer}.level-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.level-options span{display:block;padding:6px 11px;border:1px solid #c9d7ed;background:#f8fbff;border-radius:25px;color:#445b7e;font-size:12px;font-weight:700}.level-options input:checked+span{background:#132650;border-color:#132650;color:#fff}.level-options input:focus-visible+span{outline:3px solid #1581ff;outline-offset:2px}.filter-disclosure{border-top:1px solid #b4c8e5;padding:13px 0}.filter-disclosure summary{font-size:13px;font-weight:650;color:#263f66;cursor:pointer}.filter-disclosure>div{padding-top:12px}.filter-disclosure select,.filter-disclosure input{width:100%;padding:9px;border:1px solid #cad7ec;border-radius:8px;background:white;font-size:13px;color:#263f66}.filter-dot{display:inline-block;width:7px;height:7px;background:#009e88;border-radius:50%;margin-left:8px}.filter-apply{width:100%;margin-top:16px;padding:11px!important;font-size:13px!important}.browse-results{min-width:0}.browse-toolbar{display:flex;align-items:center;gap:16px}.browse-search{display:flex;flex:1;min-width:0;background:var(--browse-control-bg);border:1px solid var(--browse-control-border);border-radius:30px;overflow:hidden}.browse-search input{width:100%;min-width:0;border:0;padding:13px 18px;background:transparent;font-size:14px;outline-offset:-4px}.browse-search button{border:0;background:transparent;color:#193f75;font-size:26px;padding:0 17px}.browse-sort{display:flex;align-items:center;gap:8px;font-size:12px;color:#677a96}.browse-sort select{padding:12px 9px;background:var(--browse-control-bg);border:1px solid var(--browse-control-border);border-radius:10px;color:#263f66;font-size:12px}.sort-apply{border:0;border-radius:8px;padding:10px;color:#075bbc;background:#e7effc}.browse-status{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 22px;min-height:30px;font-size:12px;color:#647897}.browse-status p{white-space:nowrap;margin:0}.filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chips a{display:inline-flex;gap:9px;align-items:center;background:#079b83;color:white;border-radius:20px;padding:6px 10px;font-size:11px;text-decoration:none}.filter-chips a:hover{background:#057665}.filter-chips a span{font-size:16px;line-height:1}.book-browser .book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.book-browser .book-card{min-width:0}.book-browser .cover{aspect-ratio:3/4;height:auto;min-height:0;padding:18px;border-radius:12px}.book-browser .cover strong{font-size:clamp(19px,2vw,29px)}.book-browser .book-card h2{font-size:14px;margin:10px 0 6px}.book-browser .tag{font-size:10px}.book-browser a:focus-visible,.book-browser button:focus-visible{outline:3px solid #177ff0;outline-offset:3px}@media(max-width:1100px){.book-browser .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-layout{gap:20px;grid-template-columns:210px minmax(0,1fr)}.browse-toolbar{flex-wrap:wrap}.browse-search{flex-basis:100%}}@media(max-width:800px){.browse-layout{display:block}.browse-filter-panel{margin-bottom:22px}.browse-filter-panel>summary{font-size:17px}.browse-filter-body{max-width:100%}.age-options{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-status{align-items:flex-start}.book-browser .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-toolbar{gap:10px}.browse-sort{margin-left:auto}.book-browser .cover strong{font-size:23px}}@media(prefers-reduced-motion:reduce){.book-browser *{scroll-behavior:auto}}

.book-browser{padding-left:28px;padding-right:28px}.book-browser .age-options label,.book-browser .level-options label{margin:0}.book-browser .age-options label{font-weight:500}.book-browser .browse-sort label{margin:0}.book-browser .browse-search input{margin:0}.book-browser .cover{max-height:300px}.book-browser .book-card .cover small{font-size:10px}@media(max-width:560px){.book-browser{padding-left:16px;padding-right:16px}.book-browser h1{font-size:28px}.book-browser .cover{padding:13px}.book-browser .cover strong{font-size:20px}.browse-status{flex-direction:column}}

/* Keep collection navigation compact, above the browsing controls. */
.book-browser .browse-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px;min-height:34px}.book-browser .browse-heading h1{font-size:24px;line-height:1.25;letter-spacing:-.4px;margin:0}.browse-back{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#486184;text-decoration:none}.browse-back:hover{color:#075bbc;text-decoration:underline}.browse-heading-divider{color:#94a6bf;font-size:20px}@media(max-width:560px){.book-browser .browse-heading{gap:8px;margin-bottom:14px}.book-browser .browse-heading h1{font-size:21px}.browse-back{font-size:12px}}

.browse-search input{color:#243c61}.browse-search input::placeholder{color:#475d7c;opacity:1}

.browse-heading{flex-wrap:wrap}.browse-collection-switch{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.browse-collection-switch label{font-size:12px;font-weight:650;white-space:nowrap;margin:0}.browse-collection-switch select{width:220px;max-width:100%;min-width:0;padding:10px 32px 10px 12px;border:1px solid #9caed3;border-radius:12px;background:#dce6f7;color:#182c55;font:inherit;font-size:13px}.browse-collection-switch select:focus-visible{outline:3px solid #5273ce;outline-offset:2px}@media(max-width:600px){.browse-collection-switch{width:100%;margin-left:0;justify-content:space-between}.browse-collection-switch select{flex:1;width:auto;max-width:70%}}