/* One persistent collection shell; only its result cards move. */
.collection-tabs{position:relative;isolation:isolate;flex-wrap:nowrap}
.collection-selection{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:9px;background:var(--soft);box-shadow:0 1px 3px #24344a0c}
.collection-selection.is-ready{transition:transform 460ms cubic-bezier(.22,.7,.22,1),width 460ms cubic-bezier(.22,.7,.22,1),height 460ms cubic-bezier(.22,.7,.22,1)}
.collection-tabs a{position:relative;z-index:1}
html .collection-tabs a[aria-current=page],html .collection-tabs a:hover{background:transparent!important;box-shadow:none!important}
#results{overflow:clip;overflow-clip-margin:24px;isolation:isolate}
@media(max-width:520px){body[data-quest-page=library] .page-title h1,body[data-quest-page=mine] .page-title h1{min-height:2.4em}.collection-tabs{gap:0}}
@media(prefers-reduced-motion:reduce){.collection-selection.is-ready{transition:none}}

/* The title link covers the card; independent actions stay above it. */
.set-card{position:relative;isolation:isolate}
.set-card h3 a::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit}
.set-card button,.set-card .card-actions a{position:relative;z-index:3}
.set-card:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
