.still-room{display:none}
@media(min-width:700px){
[data-full-room] .library.has-still-room{background:var(--paper,#f4dfba)}
.library.has-still-room>.still-room{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
[data-full-room] .library.has-still-room::before,[data-full-room] .library.has-still-room .collection::before{display:none}
[data-full-room] .library.has-still-room .hero,[data-full-room] .library.has-still-room .collection{background:transparent}
}
.library #collection-title{background:#fff3dbea;border:1px solid #ae89594d;box-shadow:0 2px 5px #4d361622;padding:.09em .42em .14em;border-radius:3px 12px 12px 3px}
.filter-trigger,.filter-menu button{background:#fff6e4;color:#173d30;border:1px solid #9e9076;border-radius:12px;font-weight:650;min-height:44px;padding:6px 14px}
.filter-menu{position:fixed;inset:auto;margin:0;width:min(234px,88vw);max-height:65dvh;overflow:auto;padding:10px;border-radius:16px;border:1px solid #baa780;background:#fff8e9;color:#173d30;box-shadow:0 8px 28px #30211755}
.filter-menu:popover-open{display:grid;gap:5px;animation:filter-open .14s ease-out}
.filter-menu h3{margin:0 0 3px;font: bold 19px Georgia}.filter-menu button{text-align:left;position:relative}.filter-menu [aria-pressed=true]{box-shadow:inset 0 0 0 3px #35654f}
.filter-menu .topic-illustration{background-image:url('/assets/topic-banners.jpg');background-size:100% 400%;height:53px;color:transparent}
.filter-menu .topic-illustration[aria-pressed=true]::after{content:'✓';position:absolute;right:4px;top:4px;color:white;background:#24543c;border-radius:100%;padding:2px 6px}
@keyframes filter-open{from{opacity:0;transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.filter-menu:popover-open{animation:none}}
/* One 4:1 tile for every topic choice, including All topics. */
:is(#menu-topic,#cat-menu-topic){grid-template-columns:minmax(0,1fr);align-content:start}
:is(#menu-topic,#cat-menu-topic) button{box-sizing:border-box;width:100%;min-height:0;height:auto;aspect-ratio:4/1;align-self:start}
:is(#menu-topic,#cat-menu-topic) button:first-of-type{text-align:center;background:linear-gradient(115deg,#ead8ae,#fff2d5 55%,#dfebd3);font:bold 18px Georgia,serif}