/* Phone-only collection navigation. Desktop exhibition remains unchanged. */
@media(max-width:700px){
 #archive-dialog.archive-dialog{height:100svh;max-height:100svh;overflow:hidden!important}
 #archive-dialog .archive-story-scene{height:84px;flex:none}
 #archive-dialog .archive-story-copy{padding:16px 16px 8px;max-width:calc(100% - 58px)}
 #archive-dialog .archive-story-copy h2{font-size:24px;line-height:1.08;max-height:52px;overflow:hidden}
 #archive-dialog .archive-story-kicker{font-size:9px;letter-spacing:.08em;line-height:1.4}
 #archive-dialog .archive-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px}
 #archive-dialog .archive-story-body{height:calc(100svh - 84px);display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:44px 44px minmax(0,1fr) 0;overflow:hidden}
 #archive-dialog .archive-story-body:has(.archive-more:not([hidden])){grid-template-rows:44px 44px minmax(0,1fr) 48px}
 #archive-dialog .archive-story-nav{grid-column:1/-1;grid-row:1;padding:0 12px;min-height:44px;gap:8px}
 #archive-dialog .archive-story-nav :is(button,a){font-size:10px;min-height:44px;display:flex;align-items:center;letter-spacing:.02em}
 #archive-dialog .chapter-work-types{grid-column:1/-1;grid-row:2;padding:0 8px;gap:4px;justify-content:center;min-height:44px;overflow:visible}
 #archive-dialog .chapter-work-types button{min-height:44px;padding:8px 12px;font-size:12px}
 #archive-dialog .archive-work-grid{grid-column:1;grid-row:3;display:flex!important;flex-direction:column;align-items:stretch;gap:12px;width:auto;min-width:0;max-width:none;min-height:0;margin:0;padding:10px 8px max(14px,env(safe-area-inset-bottom));overflow:hidden auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scroll-padding-block:12px;border-top:1px solid var(--atelier-line);border-right:1px solid var(--atelier-line);scrollbar-width:none}
 #archive-dialog .archive-work-grid::-webkit-scrollbar{display:none}
 #archive-dialog .archive-work-card:nth-child(n){flex:0 0 auto!important;width:100%!important;min-height:64px;margin:0;padding:0 0 6px;scroll-snap-align:center;text-align:center;border:0;border-bottom:1px solid transparent}
 #archive-dialog .archive-work-card[aria-pressed=true]{border-bottom-color:var(--atelier-accent)}
 #archive-dialog .archive-work-surface{height:66px;width:100%;padding:0;border:0;background:transparent;overflow:hidden}
 #archive-dialog .archive-work-card:nth-child(n) .archive-work-surface img{width:100%;height:100%;object-fit:contain}
 #archive-dialog .atelier-tile-caption{display:block;margin:5px 0 0;font-size:10px;line-height:1.3;color:var(--atelier-muted)}
 #archive-dialog .atelier-tile-caption>span:first-child{font-size:11px;display:block;color:var(--atelier-accent)}
 #archive-dialog .atelier-tile-caption>span:nth-child(n+2){display:none}
 #archive-dialog .atelier-film-mark{font-size:8px;right:2px;bottom:2px;padding:2px 3px}
 #archive-dialog .atelier-viewer{grid-column:2;grid-row:3/-1;height:auto;min-height:0;min-width:0;padding:0 12px max(12px,env(safe-area-inset-bottom));border:0;overflow:hidden}
 #archive-dialog .collection-board{grid-template-columns:minmax(0,1fr);gap:18px;padding:12px 0 24px;overflow:auto;overscroll-behavior:contain;overflow-anchor:none}
 #archive-dialog .collection-frame:nth-child(n){grid-column:1;grid-row:auto}
 #archive-dialog .collection-board .collection-media>img{max-height:none;height:auto!important;width:100%!important;object-fit:contain}
 #archive-dialog .collection-frame[data-medium=video] .collection-media{width:min(100%,calc(max(180px,100svh - 350px)*var(--film-ratio,.5625)));margin:auto}
 #archive-dialog .collection-board .archive-play{right:6px;bottom:6px;min-height:44px;padding:7px 10px;gap:6px}
 #archive-dialog .collection-board .archive-play-label{font-size:10px;letter-spacing:.03em}
 #archive-dialog .collection-caption{font-size:11px;margin-top:8px;gap:8px}
 #archive-dialog .atelier-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;padding:12px 0 0;border-top:1px solid var(--atelier-line);background:var(--atelier-paper)}
 #archive-dialog .atelier-position{font-size:9px;letter-spacing:.06em;margin-bottom:4px}
 #archive-dialog .atelier-title{font-size:17px;line-height:1.15;max-width:none;overflow-wrap:anywhere}
 #archive-dialog .atelier-source{font-size:10px;line-height:1.4;margin-top:5px}
 #archive-dialog .atelier-controls{gap:2px}
 #archive-dialog .atelier-controls button{width:44px;min-height:44px;padding:8px 0;border:0;font-size:0;border-radius:50%;background:transparent}
 #archive-dialog .atelier-prev:before{content:'←';font-size:22px}
 #archive-dialog .atelier-next:before{content:'→';font-size:22px}
 #archive-dialog .archive-more{grid-column:1;grid-row:4;align-self:stretch;justify-self:stretch;width:auto;height:auto;min-height:44px;padding:4px;margin:0;border:0;border-top:1px solid var(--atelier-line);border-right:1px solid var(--atelier-line);font-size:10px;line-height:1.3;background:var(--atelier-paper)}
 #archive-dialog .archive-more[hidden]{display:none!important}
 #archive-dialog .collection-frame .work-collaboration-thread{display:none}
 #archive-dialog .collection-frame .work-collaboration{gap:6px;padding-top:8px}
 #archive-dialog [data-work-index]:focus-visible{outline-offset:-2px}
}
@media(max-width:700px) and (max-height:450px){
 #archive-dialog .archive-story-scene{height:62px}
 #archive-dialog .archive-story-copy{padding-top:10px}
 #archive-dialog .archive-story-copy h2{font-size:20px}
 #archive-dialog .archive-story-body{height:calc(100svh - 62px)}
 #archive-dialog .atelier-source{display:none}
 #archive-dialog .atelier-details{padding-top:6px}
 #archive-dialog .atelier-title{font-size:14px}
}