/* Detail-only image viewer: equal margins and a five-picture contact sheet. */
#detail:has(.exhibition){width:72rem;max-width:min(92vw,72rem,calc(97.778dvh + 4rem))}
#detail .modal-image:has(.exhibition){padding:0;background:transparent;border:0;overflow:hidden}
.exhibition{--gallery-gap:clamp(1rem,2.5vw,2rem);--wall:#e8e5de;--mount:#f1eee7;--frame:#c5c2ba;background:var(--wall);outline-offset:-4px;color:#282826}
[data-theme="dark"] .exhibition{--wall:#181818;--mount:#222;--frame:#363636;color:#f4f4f4}
.exhibition-wall{overflow:hidden;touch-action:pan-y}
.exhibition-track{display:flex;width:100%;transition:transform .6s cubic-bezier(.22,.68,.15,1);will-change:transform}
.exhibition-slide{flex:0 0 100%;width:100%;min-width:0;padding:var(--gallery-gap);display:grid;place-items:center;box-sizing:border-box}
.exhibition-mount{width:100%;padding:0;background:var(--mount);border:1px solid var(--frame);border-radius:5px;overflow:hidden;box-shadow:0 5px 13px -7px #0006;transition:opacity .5s,transform .6s}
.exhibition-slide[aria-hidden="true"] .exhibition-mount{opacity:.45;transform:scale(.97)}
.exhibition-mount .photo{margin:0!important;width:100%;aspect-ratio:16/9!important;background:transparent;display:grid;place-items:center;overflow:hidden;border-radius:0!important}
#detail .exhibition-mount .photo img,.exhibition-mount .photo img{width:100%;height:100%;object-fit:contain!important;padding:0!important;border-radius:0!important;display:block}
.exhibition-mount .photo svg{width:100%;height:100%;object-fit:contain}
.exhibition-footer{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:0 var(--gallery-gap) 1.15rem}
.exhibition-caption{font-size:.66rem;line-height:1.6;max-width:85%;opacity:.7}
.exhibition-count{font-size:.6rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.5;white-space:nowrap}
.exhibition-controls{--thumb-gap:clamp(.4rem,1vw,.75rem);display:flex;align-items:center;gap:1rem;width:100%;max-width:52rem;margin:0 auto;padding:0 var(--gallery-gap) 1.5rem;box-sizing:border-box}
.exhibition-controls>button{flex:0 0 2rem;width:2rem;height:2.4rem;border:1px solid color-mix(in srgb,currentColor 13%,transparent);background:transparent;color:inherit;border-radius:4px!important;font-size:1rem;transition:background .2s}
.exhibition-controls>button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.exhibition-index{display:flex;gap:var(--thumb-gap);flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,currentColor 16%,transparent) transparent;padding:5px 2px 9px;position:relative}
.exhibition-index>button{flex:0 0 calc((100% - 4 * var(--thumb-gap))/5);min-width:0;padding:3px;border:1px solid transparent;border-radius:5px!important;background:transparent;color:inherit;opacity:.6;scroll-snap-align:center;transition:opacity .2s,background .2s,border-color .2s;position:relative;overflow:hidden}
.exhibition-index>button:hover{opacity:1;background:color-mix(in srgb,currentColor 6%,transparent)}
.exhibition-index>button[aria-pressed="true"]{opacity:1;border-color:color-mix(in srgb,currentColor 48%,transparent);background:color-mix(in srgb,currentColor 9%,transparent)}
.exhibition-thumb{display:block;overflow:hidden;border-radius:2px;aspect-ratio:16/9}
.exhibition-thumb .photo{margin:0!important;aspect-ratio:16/9!important;width:100%;height:100%;background:transparent;border-radius:0!important}
#detail .exhibition-thumb img,.exhibition-thumb img{display:block;width:100%;height:100%;object-fit:cover!important;padding:0!important;border-radius:0!important;filter:none!important}
.exhibition-thumb svg{width:100%;height:100%}
.exhibition-thumb-number{display:block;font-size:.55rem;line-height:1;margin-top:.45rem;font-variant-numeric:tabular-nums;opacity:.7}
/* Small card refinements: red index and a quieter, clearly primary copy action. */
.atlas-edition .atlas-card .atlas-meta>span:last-child{color:var(--red);font-size:.69rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.045em}
.atlas-edition .atlas-card .atlas-actions{gap:.6rem;padding-top:.8rem}
.atlas-edition .atlas-card .atlas-actions button{border-radius:5px!important;min-height:2.25rem;line-height:1.3;transition:background .2s,border-color .2s,color .2s}
.atlas-edition .atlas-card .atlas-actions button[data-action="copy"]{background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red);border:1px solid color-mix(in srgb,var(--red) 22%,var(--line));filter:none;font-weight:550}
.atlas-edition .atlas-card .atlas-actions button[data-action="copy"]::before{content:none}
.atlas-edition .atlas-card .atlas-actions button[data-action="copy"]:hover,.atlas-edition .atlas-card .atlas-actions button[data-action="copy"]:focus-visible{background:var(--red);color:#fff;border-color:var(--red);filter:none}
.atlas-edition .atlas-card .atlas-actions button[data-action="ref"]{background:var(--soft);border-color:color-mix(in srgb,var(--ink) 15%,var(--panel));color:var(--ink)}
.atlas-edition .atlas-card .atlas-actions button[data-action="ref"]:hover,.atlas-edition .atlas-card .atlas-actions button[data-action="ref"]:focus-visible{background:color-mix(in srgb,var(--ink) 9%,var(--panel));border-color:color-mix(in srgb,var(--ink) 25%,var(--panel));color:var(--ink)}
.atlas-edition .atlas-grid:not(.guide-assets) .atlas-card:not(.prompt-task-card) .atlas-card-body{padding:1rem}
.atlas-edition .atlas-card .atlas-tags{gap:.4rem}
.atlas-edition .atlas-card .atlas-tags span{border-color:transparent;background:color-mix(in srgb,var(--ink) 4%,var(--panel));border-radius:3px;padding:.25rem .4rem;line-height:1.25}
@media(max-width:600px){#detail:has(.exhibition){max-width:calc(100vw - 24px);width:calc(100vw - 24px)}.exhibition-footer{gap:.8rem}.exhibition-caption{font-size:.63rem}.exhibition-controls{gap:.5rem}.exhibition-controls>button{flex-basis:1.5rem;width:1.5rem;border:0}.exhibition-thumb-number{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.exhibition-track,.exhibition-mount{transition:none}}

/* One continuous backdrop, including the top edge; metadata shares the image inset. */
#detail:has(.exhibition){padding:0;background:var(--wall,var(--panel))}
#detail:has(.exhibition) .modal-scroll{padding-top:0;background:var(--panel)}
.exhibition{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--wall) 0%,var(--mount) 100%)}
.exhibition-topline{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--gallery-gap) + .65rem) var(--gallery-gap) 0;font-size:.62rem;letter-spacing:.08em;opacity:.65}
.exhibition-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.68,.15,1);will-change:transform}
.exhibition-slide{flex:0 0 100%;width:100%;min-width:0}
.exhibition-slide[aria-hidden="true"]{visibility:visible;pointer-events:none}
.exhibition-slide[aria-hidden="true"] .exhibition-mount{opacity:1;transform:none}
.exhibition-mount{transition:none}
/* Smaller thumbnails start at the main image edge; eight fit on desktop. */
.exhibition-controls{display:block;width:100%;max-width:none;margin:0;padding:0 var(--gallery-gap) 1.5rem}
.exhibition-index{width:100%;gap:clamp(.35rem,.8vw,.65rem);padding:0;scroll-snap-type:none;scrollbar-width:none}
.exhibition-index::-webkit-scrollbar{display:none}
.exhibition-index>button{flex:0 0 clamp(3.5rem,7vw,6rem);padding:3px;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){.exhibition-track{transition:none}}

/* Balanced metadata row, with slightly larger category labels. */
.atlas-edition .atlas-card .atlas-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;margin:0!important;line-height:1.4;min-height:0}
.atlas-edition .atlas-card .atlas-meta>span:first-child{font-size:.68rem;line-height:1.4}
.atlas-edition .atlas-card .atlas-meta>span:last-child{line-height:1.4;flex:none}
/* Compact exhibit header; reserve visible space for the beginning of the detail. */
#detail:has(.exhibition){width:62rem;max-width:min(90vw,62rem,calc(133.333dvh - 29rem))}
.exhibition-topline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem var(--gallery-gap) 0;gap:.6rem;font-size:.78rem;line-height:1.4;letter-spacing:.025em;opacity:1}
.exhibition-topline>span:first-child{opacity:.7}.exhibition-topline>.exhibition-count{justify-self:end;font-size:.78rem;opacity:.7;letter-spacing:.025em}
.exhibition-topline .exhibition-meta{font-size:.78rem;gap:.4rem}
.exhibition-topline .exhibition-meta>span{font-size:.78rem!important;line-height:1.4;padding:.15rem .45rem}
.exhibition-slide{padding-top:.65rem;padding-bottom:.65rem}
.exhibition-footer{padding:0 var(--gallery-gap) .75rem;gap:.6rem}
.exhibition-caption{font-size:.78rem;line-height:1.5;opacity:.75;max-width:100%}
@media(max-width:650px){#detail:has(.exhibition){width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.exhibition-topline{font-size:.7rem;gap:.3rem}.exhibition-topline>.exhibition-count,.exhibition-topline .exhibition-meta>span{font-size:.7rem!important}.exhibition-topline .exhibition-meta{gap:.25rem}.exhibition-topline .exhibition-meta>span{padding:.1rem .25rem}}
#detail .exhibition-topline .reference-meta>span{color:#ddc580;background:#d9bf791a;border:1px solid #d9bf7930;padding:.15rem .45rem;border-radius:5px;font-size:.83rem!important}
#detail .exhibition-topline .reference-meta>span:first-child{color:#f0da96;background:#d9bf792b;border-color:#d9bf7940;font-weight:650}
#detail .exhibition-topline .reference-meta>span:nth-child(n+2){color:#cabb96;background:transparent;border-color:#d9bf7926}
#detail .exhibition-topline,#detail .exhibition-count,#detail .exhibition-caption{font-size:.83rem}
[data-theme="light"] #detail .exhibition-topline .reference-meta>span:first-child{color:#705929;background:#b68c3520;border-color:#a9843836}
[data-theme="light"] #detail .exhibition-topline .reference-meta>span:nth-child(n+2){color:#82724d;background:transparent}
/* The central label describes the collection; the redundant primary category is omitted. */
#detail .exhibition-topline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;font-size:.83rem!important}
#detail .exhibition-topline>.exhibition-meta{justify-self:center;align-self:center;justify-content:center;margin:0!important}
#detail .exhibition-topline>span,#detail .exhibition-topline .reference-meta>span{font-size:inherit!important;line-height:1.4}
#detail .exhibition-topline .reference-meta{font-size:inherit!important}
#detail .exhibition-topline .reference-meta>span{color:#ddc580;background:#d9bf791a;border:1px solid #d9bf7930;font-weight:550}
[data-theme="light"] #detail .exhibition-topline .reference-meta>span{color:#705929;background:#b68c3515;border-color:#a984382c}
/* Primary and secondary category chips share a quiet gold palette. */
#detail .exhibition-topline .reference-meta>span:first-child{background:#d9bf792b;color:#f0da96;border-color:#d9bf7940;font-weight:650}
#detail .exhibition-topline .reference-meta>span:nth-child(n+2){background:transparent;color:#cabb96;border-color:#d9bf7926;font-weight:550}
[data-theme="light"] #detail .exhibition-topline .reference-meta>span:first-child{background:#b68c3520;color:#705929;border-color:#a9843836}
[data-theme="light"] #detail .exhibition-topline .reference-meta>span:nth-child(n+2){background:transparent;color:#82724d;border-color:#a984382c}