/* Mission 2.8: one visible filter system, using existing theme tokens. */
#explore{position:sticky;top:env(safe-area-inset-top,0px);z-index:45;background:var(--explore-surface);color:var(--explore-text)}
#explore-expand-control,#explore-control{display:none!important}
#explore-collapsible-body{max-height:none!important;overflow:visible;transition:none;padding:0!important}
#explore .explore-content{display:flex;align-items:center;gap:.5rem;overflow-x:auto;max-width:100%;padding:.35rem .5rem;scrollbar-width:thin}
#explore .filter-rail,#explore .discovery-filter-row,#explore .explore-horizon-row{display:flex;flex-wrap:nowrap!important;flex-shrink:0;gap:.3rem;margin:0}
#explore .explore-content>*{flex-shrink:0}#explore .explore-search-wrap{width:190px;margin:0}
#explore button{min-height:44px;white-space:nowrap}#explore .explore-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#explore .sbs-ticker{margin:0}#explore [inert]{pointer-events:auto}
#coming-up-toggle{display:flex;align-items:center;gap:1rem;width:100%;min-height:64px;text-align:left;padding:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border)}
#coming-up-toggle small{display:block;font-size:14px;font-weight:400}.coming-chevron{margin-left:auto}#coming-up-toggle[aria-expanded=true] .coming-chevron{transform:rotate(180deg)}
#coming-up-body[hidden],#today-grid[hidden]{display:none!important}#upcoming-scroll{min-height:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.archive-heading{padding:1rem;font-size:24px;color:var(--text)}#timeline-boundary,#upcoming-scroll,#grid-scroll{scroll-margin-top:var(--archive-controls-height,150px)}
@media(max-height:540px){#explore-toolbar{min-height:44px}#explore .explore-content{padding-block:0}#culture-ticker{max-height:30px}#explore{font-size:12px}}
@media(prefers-reduced-motion:reduce){#explore *,#coming-up-toggle *{transition:none!important;animation:none!important}}
/* With the ticker populated, stack only two compact rows on short screens. */
@media(max-height:540px){
 #explore{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
 #explore-toolbar{grid-column:1;grid-row:1;min-width:0;padding:0!important;height:44px!important}
 #explore-collapsible-body{grid-column:2;grid-row:1;min-width:0}
 #explore .explore-content{min-width:0;height:46px}
 #culture-ticker{grid-column:1/-1;grid-row:2}
 #explore .sbs-header-controls{gap:2px;padding:0}
 #explore .sbs-header-controls>button{width:44px;min-width:44px;height:44px;min-height:44px}
 #explore .sbs-header-controls>button>span:not(.sbs-add-symbol){display:none}
}
/* Keep the reused card container content-sized and filter groups compact. */
#today-grid{min-height:0}
#explore :is(.filter-rail,.city-filter-rail,.discovery-filter-row,.explore-horizon-row){width:max-content;max-width:none;flex:none}
#explore .city-segment-btn{flex:none;min-width:44px;width:auto;padding-inline:12px}
.is-profile-view :is(#today-grid,#today-feed,#today-invitation,.archive-heading){display:none!important}

/* Mission 2.9: one deliberate primary surface; retained content is not duplicated. */
#archive-view[data-discovery-view="feed"] :is(#timeline-boundary,#today-grid,#today-feed,#today-invitation,#upcoming-scroll,#photo-discoveries),
#archive-view[data-discovery-view="calendar"] :is(#grid-scroll,#photo-discoveries),
#archive-view[data-discovery-view="galleries"] :is(#sbs-today-timeline,#sbs-collection-discovery){display:none!important}
#archive-view:not([data-discovery-view="galleries"]) #sbs-collection-discovery{display:none!important}
#explore .explore-horizon-row[hidden],#coming-up-toggle[hidden]{display:none!important}
#photo-discoveries{margin:0 auto!important;padding:24px 12px!important;max-width:1600px;background:var(--page-bg);color:var(--text);text-align:center}
#photo-discovery-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.photo-directory-card{display:flex;flex-direction:column;gap:10px;color:var(--text);text-decoration:none;text-align:left}
.photo-directory-card img{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;display:block}
.photo-directory-card span{font-weight:700;padding:8px}
#explore :is(#feed-explore-btn,#hero-date-btn)[aria-pressed=true]{background:var(--control-active-bg);color:var(--control-active-text);outline:2px solid var(--accent);outline-offset:2px}
#upcoming-scroll{padding-top:12px}.calendar-date-tools{text-align:center;margin:0 0 12px}.calendar-date-tools button{text-decoration:underline;min-height:44px;color:var(--text)}
#photo-discoveries[hidden]{display:none!important}
.grid-card[data-surface=feed] :is(.grid-story-meta,.grid-label-hover){display:none}
.grid-card[data-surface=feed] .grid-preview-number{display:none}
.record-metadata summary{cursor:pointer;min-height:44px}
#archive-view[data-discovery-view=galleries] #photo-discovery-body{display:block}

.is-profile-view #photo-discoveries{display:none!important}

#explore :is(.filter-rail,.discovery-filter-row){min-height:46px}
.discovery-loading .archive-results-end{visibility:hidden}
/* RC2: compact discovery actions must not depend on the legacy scroll class. */
:root.sbs-explore-inline #explore .sbs-header-controls > :is(#add-culture-control,#feed-explore-btn){
 display:inline-flex;position:static;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;
 height:var(--control-height);min-height:var(--control-height);padding:0 12px;border-radius:9999px;
 background:var(--glass-surface);color:var(--text);border:1px solid var(--glass-border);
 backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 4px 16px var(--glass-shadow);
 font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
}
@media(max-width:420px),(max-height:540px){
 :root.sbs-explore-inline #explore .sbs-header-controls > :is(#add-culture-control,#feed-explore-btn){width:44px;min-width:44px;padding:0}
}
/* Reserve the five-action track: absolutely positioned controls cannot size it. */
@media(max-height:540px){
 :root.sbs-explore-inline #explore-toolbar{inline-size:calc(5 * var(--control-height) + 8px);min-inline-size:calc(5 * var(--control-height) + 8px)}
 :root.sbs-explore-inline #explore-toolbar > .sbs-header-controls{left:0;right:auto}
}
:root.sbs-explore-inline #explore .sbs-header-controls > #feed-explore-btn[aria-pressed="true"]{background:var(--control-active-bg);color:var(--control-active-text)}
/* Match the existing sticky alignment before the first scroll as well. */
@media(min-height:541px){
 :root.sbs-explore-inline #explore-toolbar > .sbs-header-controls{right:max(16px,env(safe-area-inset-right));gap:8px}
}
@media(min-height:541px) and (max-width:639px){
 :root.sbs-explore-inline #explore-toolbar > .sbs-header-controls{right:max(12px,env(safe-area-inset-right));gap:6px}
}