/* Surroundings only: existing book-card, cover, shelf-grid, and series layouts are intentionally untouched. */
body:has(#app[data-house-room="home"]){background:#0b1c23}
body:has(#app[data-house-room="book"]){background:#111e21}
#app[data-house-room="book"]{background:linear-gradient(#13262ac9,#102126df),url('../assets/house-rooms/unfinished-business-v1.png') center top/cover fixed}
body:has(#app[data-house-room="book"]) .topbar{background:linear-gradient(110deg,#192c2e,#101f24);border-color:#83744f}
#app[data-house-room="book"] .detail-hero,#app[data-house-room="book"] .detail-panel{background:repeating-linear-gradient(0deg,#62706506 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#62706505 0 1px,transparent 1px 5px),linear-gradient(120deg,#ecebe1,#dce1d7);border-color:#989d87;box-shadow:inset 0 1px #fff9,0 10px 28px #0004}
#app[data-house-room="book"] .detail-panel.brooks-final-assessment-panel{background:radial-gradient(circle at 88% 12%,#c49a551a,transparent 10rem),linear-gradient(135deg,#183032,#0b1b1d);border-color:#9a8359;color:#fff8ec;box-shadow:inset 0 1px #c49a5533,0 10px 28px #0004}
#app[data-house-room="book"] .brooks-final-assessment-panel :is(h2,.assessment-copy,.assessment-verdict){color:#fff8ec}
#app[data-house-room="book"] .brooks-final-assessment-panel :is(.eyebrow,.assessment-verdict span){color:#e8c681}
#app[data-house-room="home"]{background:linear-gradient(#06171e45,#06171e88),url('../assets/house-rooms/foyer-v1.png') center top/cover fixed}
body:has(#app[data-house-room="home"]) .topbar{background:linear-gradient(110deg,#182f33,#091a22);border-color:#8a7851}
#app[data-house-room="home"] .home-hero{background:linear-gradient(90deg,#081b23d9,#081b2359 60%,#081b2380),url('../assets/house-rooms/foyer-v1.png') center 48%/cover;border-color:#8b8968;box-shadow:0 14px 40px #0007}
#app[data-house-room="home"] .home-hero::before,#app[data-house-room="home"] .home-hero::after{display:none}
#app[data-house-room="home"] .home-hero-copy>p:not(.eyebrow){color:#f0e8d8;text-shadow:0 1px 5px #000}
#app[data-house-room="home"] .home-hero h1{color:#ffe0a7;text-shadow:0 3px 14px #000}
#app[data-house-room="home"] .brooks-host{background:linear-gradient(120deg,#132d30ed,#0b1e27ef);border-color:#8c805b}
#app[data-house-room="home"] .home-panel{background:#f3efe5 url('../assets/house-rooms/foyer-ivory-endpaper-v1.png') center/100% 100% no-repeat;border-color:#a79571;box-shadow:inset 0 0 0 3px #fffaf080,inset 0 0 0 4px #b69c6433,0 12px 30px #0005}
#app[data-house-room="home"] .foyer-archive-update{background:#f3efe5 url('../assets/house-rooms/foyer-ivory-endpaper-v1.png') center/100% 100% no-repeat;border-color:#a79571;box-shadow:inset 0 0 0 3px #fffaf080,inset 0 0 0 4px #b69c6433,0 8px 20px #0004}
body:has(#app[data-house-room="library"]),body:has(#app[data-house-room="hall-of-fame"]){background:#0d1a19}
#app[data-house-room="library"]{background:linear-gradient(#0a181759,#0a18178c),url('../assets/house-rooms/members-hall-v1.png') center top/cover fixed;border-radius:9px}
#app[data-house-room="library"] .filter-panel{background:linear-gradient(135deg,#e2e8dacF,#cfdbceeF);border-color:#7f937c;box-shadow:inset 0 1px #edf2dd,0 10px 25px #0004}
#app[data-house-room="library"] .shelf-toolbar{background:linear-gradient(100deg,#203b30,#11251f);border-color:#8d997c}
/* A full desktop filter column; the separate phone drawer retains its scrolling. */
@media(min-width:1001px),(min-width:861px) and (min-height:521px){
  #app[data-house-room="library"] .filter-panel{height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto;position:static;top:auto;align-self:start}
  #app[data-house-room="library"] .shelf-multiselect-filters{grid-template-rows:auto auto}
  #app[data-house-room="library"] .shelf-multiselect-filters .multi-field>div{max-height:22rem;overflow-y:auto}
  #app[data-house-room="library"] .shelf-multiselect-filters .multi-field:first-child>div{max-height:18rem}
}
#app[data-house-room="series-tracker"]>.unfinished-business-room{background:linear-gradient(#0b1628aa,#0d1b27c9),url('../assets/house-rooms/unfinished-business-v1.png') center top/cover fixed;border-color:#75878c;box-shadow:0 20px 70px #0006}
#app[data-house-room="series-tracker"] .unfinished-business-intro{background:linear-gradient(90deg,#0b1726db,#0b17264d);color:#e9e2d0;border:1px solid #657786;border-radius:7px;box-shadow:inset 0 1px #bec5ba33}
#app[data-house-room="series-tracker"] .unfinished-business-intro h1{color:#f3dbab}
#app[data-house-room="series-tracker"] .unfinished-business-intro p{color:#dbe4e5}
#app[data-house-room="series-tracker"] .series-bucket-card{background:linear-gradient(115deg,#e1e3dedf,#c9d4d6ed);border-color:#7a8d95;box-shadow:0 8px 26px #0004}
#app[data-house-room="series-tracker"] .series-bucket-header h2{color:#193442}
#app[data-house-room="series-tracker"] .release-desk-brief{background:linear-gradient(130deg,#172d3beF,#0e1f30f5);border-color:#829397}
#app[data-house-room="series-tracker"] .next-ending-due{background:linear-gradient(125deg,#e3e9e2,#bacad1);border-color:#9aa89e}
body:has(#app[data-house-room="series-tracker"]) .topbar,body:has(#app[data-house-room="vault"]) .topbar{background:linear-gradient(110deg,#15262c,#09191e);border-color:#716d50}
#app[data-house-room="vault"]>.room-page{background:linear-gradient(#101f20bf,#0c171bec),url('../assets/house-rooms/vault-v1.png') center top/cover fixed;border-color:#7e7552;box-shadow:0 20px 70px #0007}
#app[data-house-room="vault"] .vault-room-intro{color:#e8e7d6;background:#102225cf;border:1px solid #82764f;border-radius:8px}
#app[data-house-room="vault"] .vault-room-heading h1{color:#f7d899}
#app[data-house-room="vault"] .vault-door-panel{background:linear-gradient(135deg,#193630f2,#102826f2);color:#f0e8d4;border-color:#9b9975;box-shadow:0 12px 35px #0006}
#app[data-house-room="vault"] .eyebrow{color:#dabb79}
#app[data-house-room="vault"] .vault-essential-explanation{background:#dce1d2;color:#1b332c;border-color:#91956f}
#app[data-house-room="vault"] .vault-essential-explanation h3,#app[data-house-room="vault"] .vault-essential-explanation strong{color:#1b332c}
/* The legacy explanation forces white paragraphs with !important. */
#app[data-house-room="vault"] .vault-essential-explanation p{color:#1b332c!important}
#app[data-house-room="vault"] .vault-gate-layout{grid-template-columns:minmax(0,1fr);align-items:start}
#app[data-house-room="vault"] .vault-door-panel h2{font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.17}
#app[data-house-room="vault"] .vault-door-graphic{display:block;width:100%;height:clamp(240px,23vw,390px);min-height:0;background:url('../assets/house-rooms/vault-v1.png') 22% center/cover;border:1px solid #806947;border-radius:7px;box-shadow:inset 0 0 25px #0009}
#app[data-house-room="vault"] .vault-brooks-research{background:linear-gradient(140deg,#112a29e8,#0b1d21ed);border-color:#8d8058}
#app[data-house-room="vault"] .vault-door-graphic::before,#app[data-house-room="vault"] .vault-door-graphic::after,#app[data-house-room="vault"] .vault-wheel{display:none}
#app[data-house-room="membership"] .membership-page{background:linear-gradient(#101c18d6,#0c1815f5),url('../assets/house-rooms/members-hall-v1.png') center top/cover fixed;border-color:#84784e}
#app[data-house-room="membership"] .membership-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,60px);padding:clamp(24px,4vw,62px);align-items:center}
#app[data-house-room="membership"] .membership-hero{background:linear-gradient(110deg,#102c25e8,#132721d9),url('../assets/house-rooms/members-hall-v1.png') center/cover;border-color:#8c8759;box-shadow:inset 0 1px #beae7a33,0 12px 32px #0005}
body:has(#app[data-house-room="membership"]) .topbar,body:has(#app[data-house-room="hall-of-fame"]) .topbar,body:has(#app[data-house-room="library"]) .topbar{background:linear-gradient(110deg,#14231e,#091916);border-color:#776b47}
#app[data-house-room="membership"] .membership-hero h1{font-size:clamp(3rem,5vw,6rem);line-height:1.03;color:#ffdfa7;letter-spacing:-.03em;margin:15px 0 24px;white-space:normal}
#app[data-house-room="membership"] .membership-hero-copy>p.membership-invitation{font-size:clamp(1.2rem,2.2vw,1.8rem);color:#f1dfb7;line-height:1.3}
#app[data-house-room="membership"] .membership-hero-copy>.eyebrow{color:#cbb87d;font-size:.8rem;letter-spacing:.12em}
#app[data-house-room="membership"] .membership-brooks-desk{margin:0;border:1px solid #987947;border-radius:8px;overflow:hidden;box-shadow:0 12px 35px #0009;background:#0a1714}
#app[data-house-room="membership"] .membership-brooks-desk img{display:block;width:100%;height:auto;object-fit:contain}
#app[data-house-room="membership"] .membership-brooks-desk button{padding:0;border:0;background:none;display:block;width:100%;cursor:zoom-in}
#app[data-house-room="membership"] .membership-card{background:linear-gradient(135deg,#22372b,#12251e);border-color:#827952;box-shadow:0 10px 25px #0004}
@media(max-width:850px){#app[data-house-room="membership"] .membership-hero{grid-template-columns:minmax(0,1fr)}#app[data-house-room="vault"] .vault-gate-layout{grid-template-columns:minmax(0,1fr)}#app[data-house-room="vault"] .vault-door-graphic{min-height:300px;background-position:20% 52%}#app[data-house-room="membership"] .membership-hero h1{font-size:clamp(2.8rem,11vw,4.8rem)}}
@media(max-width:760px){#app[data-house-room]{background-attachment:scroll}#app[data-house-room="series-tracker"]>.unfinished-business-room,#app[data-house-room="vault"]>.room-page,#app[data-house-room="membership"] .membership-page{background-attachment:scroll}}

/* The main archive entrance and its clearly grouped availability filters. */
#app[data-house-room="library"] .shelf-vault-formal{background:linear-gradient(90deg,#08131be6,#08131b75 58%,#08131bd9),url('../assets/house-rooms/members-hall-v1.png') center 45%/cover;border:3px ridge #a18451;border-radius:2px;padding:clamp(22px,3vw,42px);gap:24px;min-height:185px;box-shadow:inset 0 0 0 5px #09131a70,0 12px 25px #0006;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#app[data-house-room="library"] .shelf-page-title{text-shadow:0 2px 6px #000;gap:8px}
#app[data-house-room="library"] .shelf-page-title h1{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.03;color:#ffe3a9;font-weight:600}
#app[data-house-room="library"] .shelf-page-title .eyebrow{font-size:.73rem;letter-spacing:.15em;color:#ebca87}
#app[data-house-room="library"] .shelf-page-title>p:last-child{font-size:.95rem;line-height:1.45;color:#f2e3c7}
#app[data-house-room="library"] .shelf-vault-state{padding:14px;border:1px solid #c4a76b66;border-radius:3px;background:#0c1720d9;grid-template-columns:auto minmax(0,1fr)}
#app[data-house-room="library"] .shelf-vault-state .primary-link{grid-column:2;justify-self:start;min-height:40px;margin-top:8px}
#app[data-house-room="library"] .shelf-results-stage .shelf-command-header .shelf-toolbar{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}
#app[data-house-room="library"] .shelf-toolbar .shelf-right-filter-stack{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 10px;flex:1 1 20rem;width:auto;max-width:28rem;padding:0;border:0}
.shelf-filter-row-label{color:#f0dfba;font:700 .8rem/1.4 Georgia,serif}
#app[data-house-room="library"] .shelf-toolbar .shelf-ku-filter,#app[data-house-room="library"] .shelf-toolbar .gold-seal-shelf-filter{min-height:40px;border-radius:5px;padding:8px 12px;font-size:.8rem}
#app[data-house-room="library"] .shelf-toolbar .shelf-gold-explanation{width:auto;max-width:32rem;text-align:left;font-size:.76rem}
#app[data-house-room="library"] .shelf-toolbar .shelf-gold-explanation summary{margin-left:0}
#app[data-house-room="library"] .shelf-toolbar .shelf-gold-explanation[open]{flex-basis:100%;max-width:none}
@media(max-width:1100px){#app[data-house-room="library"] .shelf-vault-formal{grid-template-columns:minmax(0,1fr);gap:18px}#app[data-house-room="library"] .shelf-vault-state{grid-template-columns:auto minmax(0,1fr) auto}#app[data-house-room="library"] .shelf-vault-state .primary-link{grid-column:3;grid-row:1;max-width:100%;white-space:normal;margin:0}}
@media(max-width:600px){#app[data-house-room="library"] .shelf-vault-formal{padding:20px 16px;min-height:0}#app[data-house-room="library"] .shelf-vault-state{grid-template-columns:auto minmax(0,1fr)}#app[data-house-room="library"] .shelf-vault-state .primary-link{grid-column:2;grid-row:auto;margin-top:6px}.mobile-filter-context .shelf-filter-row-label{display:block;text-align:left}}#app[data-house-room="library"] .shelf-vault-formal{container-type:inline-size}
#app[data-house-room="library"] .shelf-page-title h1{font-size:clamp(2rem,7cqw,4.5rem);white-space:normal;overflow-wrap:normal}

/* One group of shelf controls; personal marks never use the curator's record. */
#app[data-house-room="library"] .shelf-toolbar-controls{align-items:flex-start;gap:12px 14px}
#app[data-house-room="library"] .shelf-toolbar-controls>.field{flex:1 1 9rem;max-width:12rem}
#app[data-house-room="library"] .shelf-toolbar-controls>.shelf-reader-filter{flex-basis:14rem;max-width:16rem}
#app[data-house-room="library"] .shelf-toolbar .shelf-filter-row-label{flex-basis:100%;margin:0;text-align:left;font-size:.78rem}
.shelf-hide-finished{display:flex;align-items:center;gap:7px;margin-top:5px;cursor:pointer}
.shelf-hide-finished input{flex:none;width:16px;height:16px;margin:0;accent-color:#c6a568}
.shelf-toolbar-controls .shelf-hide-finished span,.mobile-secondary-filters .shelf-hide-finished span{font:500 .76rem/1.4 Georgia,serif;text-align:left;white-space:normal}
.shelf-reader-filter{position:relative}
.shelf-reader-signin-overlay{position:absolute;inset:0;width:100%;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.shelf-reader-signin-overlay:focus-visible{outline:2px solid #d2b071;outline-offset:3px}
#app[data-house-room="library"] .shelf-toolbar-controls>.shelf-reader-filter{flex-basis:15rem;max-width:18rem}
#app[data-house-room="library"] .shelf-toolbar .shelf-right-filter-stack{display:grid;grid-template-columns:auto auto;gap:6px 10px;align-items:start;flex:0 1 auto;max-width:none}
#app[data-house-room="library"] .shelf-toolbar .shelf-filter-row-label{grid-column:1/-1;line-height:1.4}
#app[data-house-room="library"] .shelf-toolbar .shelf-gold-explanation{grid-column:1/-1}
#app[data-house-room="library"] .shelf-toolbar-controls>.field>select{min-height:40px}
.shelf-reader-filter .series-completed-checkbox input{appearance:auto;min-width:0;min-height:0;width:13px;height:13px;padding:0;margin:0;accent-color:#c6a568}
.shelf-reader-filter .series-type-label-row{gap:6px}
#app[data-house-room="library"] .shelf-toolbar-controls>.field>:first-child,#app[data-house-room="library"] .shelf-toolbar .shelf-filter-row-label{min-height:20px;line-height:20px}
#app[data-house-room="library"] .shelf-toolbar .shelf-right-filter-stack{row-gap:3.2px}

/* Membership's house rules and questions belong to the same illustrated house. */
#app[data-house-room="membership"] .membership-promise{background:linear-gradient(100deg,#0c202955,#0d1b2422),url('../assets/house-rooms/members-hall-v1.png') center/cover;border-color:#a58a55;border-radius:8px;box-shadow:inset 0 0 0 5px #07161b88,0 16px 35px #0005}
#app[data-house-room="membership"] .membership-promise-list{gap:14px}
#app[data-house-room="membership"] .membership-promise-list li{background:#f2ede2 url('../assets/house-rooms/foyer-ivory-endpaper-v1.png') center/cover;color:#243b3e;border:1px solid #b2a07b;border-left:3px solid #9c7a3d;border-radius:3px;box-shadow:inset 0 0 0 3px #fffaf077,0 5px 14px #0003}
#app[data-house-room="membership"] .membership-promise-list li h3{color:#203e42;font:700 1.1rem/1.35 Georgia,serif}
#app[data-house-room="membership"] .membership-promise-list li p{color:#314846;font-size:.98rem;line-height:1.65}
#app[data-house-room="membership"] .membership-promise-list li>span{color:#715a30;border-color:#a58b57;background:#fffaf055}
#app[data-house-room="membership"] .membership-faq{background:#f2ede2 url('../assets/house-rooms/foyer-ivory-endpaper-v1.png') center/cover;color:#263f41;border:1px solid #a79268;box-shadow:inset 0 0 0 4px #fffaf077,0 12px 28px #0005;border-radius:5px}
#app[data-house-room="membership"] .membership-faq h2{font-size:clamp(1.7rem,3vw,2.4rem);color:#203c40;margin:.4rem 0 1.2rem}
#app[data-house-room="membership"] .membership-faq .eyebrow{color:#7a542c}
#app[data-house-room="membership"] .membership-faq details{border-color:#a6936b66;padding:1.1rem .3rem}
#app[data-house-room="membership"] .membership-faq summary{color:#24484d;font-size:1.1rem}
#app[data-house-room="membership"] .membership-faq p{color:#304849}
#app[data-house-room="membership"] .membership-footer-callout{background:linear-gradient(105deg,#10252aed,#11202acc),url('../assets/house-rooms/members-hall-v1.png') center/cover;border-color:#9c895b}

/* Room atmosphere extends around the content, rather than ending at a brown panel. */
body:has(#app[data-house-room="series-tracker"]){background:#101d2b}
body:has(#app[data-house-room="vault"]){background:#10191b}
body:has(#app[data-house-room="membership"]){background:#102329}
#app[data-house-room="series-tracker"]{background:linear-gradient(#07131e25,#07131e66),url('../assets/house-rooms/unfinished-business-v1.png') 65% center/cover fixed}
#app[data-house-room="vault"]{background:linear-gradient(#08121620,#08121666),url('../assets/house-rooms/vault-v1.png') 30% center/cover fixed}
#app[data-house-room="membership"]{background:linear-gradient(#08182030,#08182066),url('../assets/realm-gallery/membership-gallery-v1.png') center/cover fixed}
#app[data-house-room="series-tracker"]>.unfinished-business-room{background:linear-gradient(110deg,#0c1e2acc,#0c1e2a66);border-color:#9ba38b}
#app[data-house-room="vault"]>.room-page{background:linear-gradient(110deg,#0b191dbb,#0b191d66);border-color:#a08b60}
#app[data-house-room="membership"] .membership-page{background:transparent}
#app[data-house-room="membership"] .membership-hero{background:linear-gradient(100deg,#0c242cdb,#0c242c55);border-color:#a08b60}
#app[data-house-room="membership"] .membership-footer-callout{background:linear-gradient(105deg,#10252ae8,#11202ab3);border-color:#9c895b}
@media(max-width:900px){
 #app[data-house-room="series-tracker"],#app[data-house-room="vault"],#app[data-house-room="membership"]{background-attachment:scroll;background-size:auto 100vh;background-repeat:repeat-y}
 #app[data-house-room="series-tracker"]{background-position:70% top}
 #app[data-house-room="vault"]{background-position:25% top}
 #app[data-house-room="membership"]{background-position:50% top}
}