.books-page{background:var(--offwhite);min-height:80vh;padding:2rem 0 4rem}.books-header{border-bottom:2px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.books-header h1{color:var(--navy);margin-bottom:.375rem;font-size:clamp(1.5rem,3vw,2.25rem)}.books-header p{color:var(--text-muted);font-size:.875rem;font-weight:500}.books-layout{grid-template-columns:240px 1fr;align-items:start;gap:2rem;display:grid}.books-sidebar{top:calc(var(--header-height) + 1.5rem);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;position:sticky}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-section h4{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin-bottom:.875rem;font-size:.68rem;font-weight:800}.filter-btn{text-align:left;width:100%;color:var(--text-body);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--t-fast);font-size:.85rem;font-family:var(--font-body);background:0 0;border:1.5px solid #0000;margin-bottom:.25rem;padding:.5rem .75rem;font-weight:500;display:block}.filter-btn:hover{background:var(--blue-light);color:var(--blue)}.filter-btn.active{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:700}.filter-section select{background:var(--offwhite);border:2px solid var(--border);border-radius:var(--radius);color:var(--navy);cursor:pointer;width:100%;font-size:.875rem;font-family:var(--font-body);outline:none;padding:.6rem .875rem;font-weight:500}.filter-section select:focus{border-color:var(--blue)}.books-content{min-width:0}@media (max-width:768px){.books-layout{grid-template-columns:1fr}.books-sidebar{grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:static}}@media (max-width:480px){.books-sidebar{grid-template-columns:1fr}.books-page{padding:1.5rem 0 3rem}}