.browse-switch{display:flex;gap:8px;width:min(100%,500px);margin:26px auto 12px;background:var(--paper,#ede9de);padding:6px;border-radius:18px;border:1px solid #8884}.browse-switch button{flex:1;min-height:50px;border:0;border-radius:12px;background:transparent;color:inherit;font:700 17px system-ui;cursor:pointer}.browse-switch button[aria-pressed=true]{background:#315b5a;color:#fff;box-shadow:0 2px 7px #0002}.age-switch{margin-top:12px!important}.collection-back{border:0;background:transparent;color:inherit;min-height:48px;padding:8px 0;font:600 16px system-ui;cursor:pointer;margin-bottom:12px}.book-grid button.cover{display:block;width:100%;padding:0;border:0;border-radius:0;cursor:pointer}.book-grid .cover img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.book-grid button.read-button{cursor:pointer;border:0}.book-grid .facts span{display:inline!important}.browse-switch button:focus-visible,.collection-back:focus-visible{outline:3px solid #bf974c;outline-offset:3px}#browse-title:focus{outline:none}[hidden]{display:none!important}@media(max-width:420px){.browse-switch button{font-size:15px}}

.book-grid .cover svg{display:block;width:100%;height:auto;aspect-ratio:1.5;}

/* Keep the full welcome on tablets and desktop; use one compact line on phones. */
@media(max-width:600px){
 .library-directory .hero{padding:8px 16px 10px}
 .library-directory .hero h1{font-size:clamp(18px,5vw,26px);line-height:1.2;margin:8px 0;white-space:normal}
 .library-directory .hero>p{display:none}
 .library-directory .browse-switch{margin-top:14px}
}