#catalogue-list,#shelf-window{--near:0px;--far:0px;--axis:to right}
#catalogue-list{--axis:to bottom;--depth:28px}
#shelf-window{--depth:clamp(16px,2.6vw,32px)}
:is(#catalogue-list,#shelf-window).fade-before{--near:var(--depth)}
:is(#catalogue-list,#shelf-window).fade-after{--far:var(--depth)}
:is(#catalogue-list,#shelf-window):is(.fade-before,.fade-after){-webkit-mask-image:linear-gradient(var(--axis),transparent 0,#000 var(--near),#000 calc(100% - var(--far)),transparent 100%);mask-image:linear-gradient(var(--axis),transparent 0,#000 var(--near),#000 calc(100% - var(--far)),transparent 100%)}
.feature-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#feature-marks{position:static;display:inline-flex;gap:4px}
#feature-marks img,#feature-marks b{height:28px;width:28px}
#featured-read{font-size:clamp(18px,2vw,24px);font-weight:750;justify-content:center;line-height:1.1}
#featured-cover{position:relative}
@media(min-width:760px) and (orientation:landscape){
[data-full-room] .library .hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
[data-full-room] .library .feature{grid-template-columns:minmax(0,1.24fr) minmax(0,1fr)}
}

#shelf-window{min-width:0;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
[data-full-room] #featured-cover{translate:0 var(--float-y,0px);overflow:visible}
[data-full-room] #featured-cover::before{content:"";position:absolute;left:7%;right:7%;height:12px;bottom:-12px;background:radial-gradient(ellipse closest-side,#fff2aacf,transparent);pointer-events:none}
.level-info,#level-guide header button{background:#fff5df;color:var(--ink);border-radius:50%;width:44px;height:44px;font-size:20px}
@media(hover:hover){.level-info:hover{transform:translateY(-2px);background:#ffdf85}}
#level-guide{width:min(32rem,92vw);max-height:84dvh;overflow:auto;border:1px solid #b59b70;border-radius:18px;background:var(--cream);color:var(--ink)}
#level-guide::backdrop{background:#142c20aa}
#level-guide header button{position:absolute;right:0;top:0}
#level-guide dt{font-weight:bold;color:#285843}#level-guide dd{margin:4px 0 14px;line-height:1.45}
button.level-info,#catalogue button.level-info{width:30px;height:36px;min-width:30px;min-height:36px;display:inline-grid;place-items:center;align-self:center;position:relative;padding:0;border:0;background:transparent;color:#244c3d}
.level-info span{display:grid;place-items:center;width:19px;height:19px;border:1.5px solid currentColor;border-radius:50%;font:bold 14px/1 Georgia,serif}
#catalogue .catalogue-filters{align-items:center;gap:6px}
#reader-credit{display:flex;align-items:center;gap:5px;flex-wrap:wrap;text-transform:none;letter-spacing:normal}
#reader-credit .shelf-marks,#reader-credit .topic-tab{position:static;display:inline-flex;gap:3px}
#reader-credit .shelf-marks img,#reader-credit .shelf-marks b{width:23px;height:23px;font-size:10px}
#catalogue .catalogue-filters .filter-trigger{background:#fff6e4;border:1px solid #9e9076;border-radius:12px;font-weight:650;padding:6px 14px}
#catalogue #cat-menu-topic .topic-illustration{background-image:url('/assets/topic-banners.jpg');background-size:100% 400%;color:transparent}