/* Two independent entrances: a question, or a book. The sun leads the question. */
.school-intro{padding-top:64px;padding-bottom:16px}
.school-intro .actions{gap:20px 32px;margin-top:28px;flex-direction:row;justify-content:center;align-items:center}
#biblioteca{padding-top:0}
#discovery,#catalogo{scroll-margin-top:104px}
#discovery{padding-top:48px;margin:0 auto 16px}
#discovery .discovery-sun{margin-bottom:20px}
#biblioteca>.library-art-bridge{width:100%;max-width:1040px;margin:24px auto 48px}
.catalogue-heading{margin-bottom:32px;max-width:760px}
.catalogue-heading h2{margin:0;font-size:clamp(32.4px,3.7vw,50.4px);text-wrap:balance}
#biblioteca .library-tools{display:block;margin-bottom:20px}
#biblioteca .search{display:flex;align-items:center;gap:12px;width:min(100%,560px);margin:0;padding:8px 0;border-bottom:1px solid var(--line)}
#biblioteca .search svg{width:22px;height:22px;flex:0 0 22px;color:var(--indigo)}
#biblioteca .search input{width:100%;padding:10px 0;font-size:16px;background:transparent}
.catalogue-filters{margin-bottom:24px}
#catalogue-tags{gap:8px;margin-bottom:8px}
#catalogue-tags button{min-height:44px;padding:8px 14px}
#catalogue-tags button[hidden],.catalogue-more[hidden]{display:none}
.catalogue-more{min-height:44px;padding:8px 0;color:var(--indigo);font-size:14px;border:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
#catalogue-tags button:focus-visible,.catalogue-more:focus-visible{outline:2px solid var(--indigo);outline-offset:4px}
@media(max-width:700px){
 .school-intro{padding-top:48px;padding-bottom:8px}
 .school-intro .actions{gap:12px 24px}
 #discovery{padding-top:36px;margin-bottom:0}
 #discovery .discovery-sun{margin-bottom:16px}
 #biblioteca>.library-art-bridge{margin:16px auto 40px}
 .catalogue-heading{margin-bottom:24px}
 #catalogue-tags{gap:6px}
 #catalogue-tags button{padding-inline:12px}
}

/* Final optical pass: tighter filter grouping and unbroken cover titles. */
#catalogue-tags{padding:8px 0 8px}
#biblioteca .search input{border:0;box-shadow:none;border-radius:0}
.school-intro .button{background:var(--gold-text,#88672F);border-color:var(--gold-text,#88672F)}
.school-intro .button:hover{background:#75571f;border-color:#75571f}
@media(max-width:420px){#shelf .cover strong{font-size:21px;overflow-wrap:normal;hyphens:auto}}