/* Figma: Next-Next mobile; feed updated from frame 1233:3627. */
@media (max-width:759px) {
  :root,:root:has(.calendar-nav .date-nav),:root:has(.settings-screen) {
    --header-height:52px;
    --edge-gap:6px;
    --mobile-menu-height:calc(50px + env(safe-area-inset-bottom,0px));
  }
  html { scroll-padding-top:58px; scroll-padding-bottom:var(--mobile-menu-height); }
  body:has(.calendar-nav) { padding-bottom:var(--mobile-menu-height); }
  .shell { padding-inline:6px; }
  .topbar { height:52px; align-items:center; }
  .topbar .logo { flex-basis:42px; padding:0; font-size:16px; }
  .topbar .logo:has(.mobile-service-mark) > span { display:none; }
  .mobile-service-mark { display:block; }
  :root[data-appearance=dark] .mobile-service-mark { filter:invert(1); }
  #account { padding-top:0; }
  body:has(.video-feed) .topbar { display:none; }
  .shell:has(.video-feed) { padding-bottom:0; }
  #calendar-content:has(.video-feed) { padding-top:0; }
  body:has(.calendar-nav) #navigation { position:fixed; z-index:45; inset:auto 0 0; width:100%; }
  .nav-scroll { overflow:visible; }
  .calendar-nav { display:flex; align-items:center; justify-content:space-between; gap:0; height:var(--mobile-menu-height); padding:0 5px env(safe-area-inset-bottom,0px); background:var(--surface); border-radius:24px 24px 0 0; box-shadow:0 -3px 18px #0000000c; }
  .calendar-nav .topics-nav { align-items:center; flex:none; }
  .calendar-nav .theme-tabs { align-items:center; }
  .calendar-nav .theme-tabs button,.calendar-nav .theme-tabs button[data-theme=games],.calendar-nav .settings-link { width:30px; height:46px; padding:0; border-radius:18px; }
  .calendar-nav .theme-tabs button.selected::before,.calendar-nav .settings-link.selected::before { inset:3px 0; width:auto; height:auto; border-radius:18px; box-shadow:none; background:var(--surface-soft); }
  .calendar-nav .nav-icon { scale:.85; }
  .calendar-nav .feed-search-button { position:fixed; top:7px; right:59px; width:36px; height:36px; padding:7px; opacity:0; visibility:hidden; }
  body.mobile-header-visible .calendar-nav .feed-search-button { opacity:1; visibility:visible; }
  body:has(.video-feed) .calendar-nav .feed-search-button { display:none; }
  .calendar-nav:has(.discovery-filter) > .discovery-filter { position:static; align-self:center; flex:0 1 auto; margin:0; }
  .calendar-nav:has(.discovery-filter) .discovery-filter > summary { width:auto; min-width:0; max-width:110px; height:46px; padding:0 9px; border-radius:24px; gap:4px; font-size:11px; }
  .calendar-nav .filter-label { white-space:nowrap; }
  .calendar-nav .filter-chevron { width:12px; height:12px; flex:none; }
  .calendar-nav:has(.discovery-filter) .discovery-filter-panel { position:fixed; inset:auto 6px calc(var(--mobile-menu-height) + 6px); width:auto; max-width:none; max-height:min(65dvh,520px); overflow:auto; border-radius:20px; }
  .mobile-week-picker { flex:0 0 auto; }
  .mobile-week-picker > summary { display:flex; align-items:center; justify-content:center; gap:4px; min-height:46px; padding:0 10px; border-radius:24px; font-size:11px; list-style:none; cursor:pointer; }
  .mobile-week-picker > summary::-webkit-details-marker { display:none; }
  .mobile-week-picker > summary::after { content:'↓'; font-size:17px; line-height:1; }
  .mobile-week-picker[open] > summary { background:var(--surface-soft); }
  .calendar-nav .mobile-week-picker > .date-nav { position:absolute; inset:auto 6px calc(var(--mobile-menu-height) + 6px) auto; width:max-content; max-width:calc(100vw - 12px); margin:0; padding:6px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 8px 24px #0002; }
  .calendar-nav .mobile-week-picker .week-tabs { display:flex; flex-direction:column; width:150px; height:auto; gap:0; padding:0; }
  .calendar-nav .mobile-week-picker .week-tabs button { width:100%; height:44px; padding:10px; border-radius:12px; font-size:13px; color:var(--muted); }
  .calendar-nav .mobile-week-picker .week-tabs button.selected { background:var(--surface-soft); color:var(--ink); }
  .calendar-nav .mobile-week-picker .week-tabs button::before { content:none; }
  .mobile-settings-shortcut { min-height:44px; border:0; padding:0 10px; border-radius:24px; background:none; color:var(--ink); font:400 11px/1.15 'CoFo Sans Mono',monospace; }
  .mobile-settings-shortcut:focus-visible,.mobile-week-picker summary:focus-visible { outline:2px solid var(--ink); outline-offset:-2px; }

  .video-feed { display:flex; flex-direction:column; gap:8px; height:auto; min-height:calc(100dvh - var(--mobile-menu-height)); margin:0; padding-block:6px; }
  .video-feed > #focused-content { flex:1 0 auto; }
  .video-feed > .feed-sidebar { order:0; flex:none; width:100%; min-height:0; height:auto; gap:0; margin-top:auto; overflow:visible; }
  .video-feed .poster-navigation,.video-feed.feed-music .poster-navigation,.video-feed.feed-events .poster-navigation { display:block; position:relative; width:100%; height:auto; min-height:0; overflow:visible; }
  .video-feed .poster-strip,.video-feed.feed-music .poster-strip,.video-feed.feed-events .poster-strip { display:flex; width:100%; height:auto; max-height:none; padding:0; gap:4px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
  .video-feed .poster-strip::-webkit-scrollbar { display:none; }
  .video-feed .poster-strip .cover-wrap { flex:0 0 auto; width:auto; height:clamp(64px,14.3dvh,104px); aspect-ratio:2/3; min-height:0; border-radius:12px; scroll-snap-align:start; opacity:.7; }
  .video-feed .poster-strip .cover-wrap.selected { opacity:1; }
  .video-feed .poster-strip .cover-wrap .cover-artwork { display:block; width:100%; height:100%; aspect-ratio:auto; max-height:none; }
  .video-feed .poster-strip .discovery-cover { display:block; width:clamp(64px,14.3dvh,104px); height:clamp(64px,14.3dvh,104px); aspect-ratio:1; }
  .video-feed .poster-strip .cover-caption { display:none; }
  .video-feed .poster-controls { position:absolute; width:1px; height:1px; min-height:0; padding:0; overflow:hidden; clip-path:inset(50%); }
  .video-feed .poster-controls:focus-within { z-index:10; top:0; right:0; width:auto; height:34px; padding:3px; clip-path:none; background:var(--surface); border-radius:12px; }
  #focused-content { min-width:0; }
  .focused-release { display:flex; flex-direction:column; gap:8px; }
  .video-feed .focus-media,.video-feed .focus-media:has(.music-listening-stage) { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:16/9; border-radius:12px; overflow:hidden; }
  .video-feed .trailer:has(.music-listening-stage) { height:100%; min-height:0; }
  .focus-media .trailer,.focus-media .event-map { height:100%; }
  .video-feed .focus-info { --rating-size:21px; position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto auto; gap:20px 8px; padding:0 0 12px; }
  .video-feed .focus-summary { grid-column:1 / -1; grid-row:1; display:flex; flex-direction:column; min-height:0; gap:8px; overflow:visible; max-height:none; }
  .video-feed .focus-summary h1 { min-height:0; margin:0; padding-right:28px; font-size:clamp(28px,8vw,36px); line-height:.9; max-width:100%; }
  .video-feed .focus-copy { margin:0; overflow:visible; }
  .video-feed .item-description { margin:0; font-size:12px; line-height:1.15; -webkit-line-clamp:var(--mobile-description-lines,6); }
  .video-feed .focus-meta { display:contents; }
  .video-feed .focus-ratings { grid-column:1; grid-row:2; align-self:center; }
  .video-feed .focus-heading { grid-column:2; grid-row:2; align-self:center; margin:0; padding:0; }
  .video-feed .item-tags { justify-content:flex-end; gap:3px; }
  .video-feed .item-tags span { font-size:10px; line-height:1.15; padding:5px 10px; }
  .video-feed .release-schedule { grid-column:1; grid-row:3; margin:0; align-self:start; }
  .video-feed .release-schedule > summary { font-size:10px; }
  .video-feed .focus-actions { position:absolute; grid-area:auto; top:0; right:0; margin:0; padding:0; }
  .video-feed .save-release:not(.saved) .save-star { visibility:hidden; }
  .video-feed .save-release:not(.saved)::after { content:''; position:absolute; inset:1px; width:22px; height:22px; background:url('/design/mobile-feed-star.svg?v=e0f6bdec0834a53c') center no-repeat; filter:invert(1); pointer-events:none; }
  :root[data-appearance=dark] .video-feed .save-release:not(.saved)::after { filter:none; }
  body:has(.video-feed) .calendar-nav .nav-icon { scale:1; }
  body:has(.video-feed) .calendar-nav .nav-icon img[src*='/mobile-feed-'] { filter:invert(1); }
  :root[data-appearance=dark] body:has(.video-feed) .calendar-nav .nav-icon img[src*='/mobile-feed-'] { filter:none; }
  .video-feed .focus-footer { grid-column:2; grid-row:3; display:block; min-height:0; padding:0; max-width:150px; align-self:start; }
  .video-feed .item-actions { gap:6px; }
  .video-feed .item-link { font-size:10px; }
  .video-feed .focus-placeholder { display:none; }
  .video-feed .event-address { grid-column:1 / -1; grid-row:2; max-width:100%; font-size:12px; }
  .video-feed.feed-events .focus-info { row-gap:16px; }
  .video-feed.feed-events .focus-heading { grid-row:3; }
  .video-feed.feed-events .release-schedule { grid-row:3; }
  .video-feed.feed-events .focus-footer { grid-column:1 / -1; grid-row:4; max-width:none; }
  .video-feed .focus-meta > .occurrence-list { grid-column:1 / -1; }
  .video-feed .focus-summary > .occurrence-list { margin:0; }
  .video-feed .music-release-title { font-size:12px; margin:0; }
  .video-feed .music-listening-switch { gap:4px; }
  .video-feed .music-release-player,.video-feed .music-listening-stage { height:100%; min-height:0; }

  body:has(.settings-screen) { overflow:hidden; }
  .settings-screen { --settings-connector-gap:16px; height:calc(100dvh - 52px - var(--mobile-menu-height) - 8px); margin:0; }
  .settings-categories { width:100%; max-width:none; gap:4px; margin:4px 0 17px; }
  .settings-category { width:100%; height:auto; aspect-ratio:1; }
  .settings-category-card { border-radius:16px; padding:7px 3px 7px; font-size:clamp(7px,1.8vw,11px); }
  .settings-category-card > span:last-child { white-space:nowrap; min-height:12px; }
  .settings-category-art { padding-bottom:4px; }
  .settings-category-art img { width:100%; height:100%; object-fit:contain; }
  .settings-category.is-enabled:not(.is-active) .settings-category-card { background:var(--category-color); opacity:.35; }
  .settings-category.is-enabled:not(.is-active) .settings-category-art img,.settings-category.is-enabled:not(.is-active) .settings-category-card > span:last-child { opacity:1; }
  .settings-category-toggle { width:18px; height:18px; left:calc(50% - 9px); bottom:-10px; border-radius:5px; font-size:15px; }
  .settings-workspace { grid-template-rows:minmax(0,1fr) 74px; border-radius:24px; }
  .settings-content { border-color:var(--settings-accent); border-radius:24px; padding:14px; gap:12px; }
  .settings-screen .category-fields { display:flex; flex-direction:column; overflow:auto; gap:22px; padding:0 2px 4px; scrollbar-width:thin; }
  .settings-interest-column,.settings-details-column { display:block; flex:none; padding:0; }
  .settings-interest-fields,.settings-detail-fields { overflow:visible; padding:0; }
  .settings-screen h2 { font-size:18px; line-height:1.05; margin-bottom:14px; }
  .settings-screen h3,.settings-field-label,.settings-small-group legend { font-size:13px; }
  .settings-screen .check,.settings-screen .settings-pill { min-height:34px; padding:7px 10px; font-size:12px; line-height:1.2; }
  .settings-screen .checks { gap:0; }
  .settings-detail-fields { grid-template-columns:minmax(0,1fr); gap:10px; }
  .settings-detail-card { padding:12px; border-radius:18px; gap:10px; }
  .settings-screen .settings-field input:not([type=hidden]),.settings-screen .settings-disclosure summary,.settings-screen .settings-dropdown-options button { min-height:36px; font-size:13px; }
  .settings-disclosure.has-value[open] { background:var(--settings-accent); color:#262626; }
  .settings-disclosure.has-value[open] > summary { background:transparent; border-radius:0; }
  .settings-disclosure.has-value .settings-dropdown-options button[aria-pressed=true] { background:transparent; }
  .settings-filter-footer { margin-top:auto; padding-top:12px; }
  .settings-screen .settings-reset { min-height:36px; font-size:11px; }
  .settings-feed-button { width:100%; height:74px; border-radius:0 0 24px 24px; }
  .settings-connected-summary { inset:5px 12px auto; max-height:16px; font-size:6px; line-height:1.2; gap:0; }
  .settings-summary-text,.settings-summary-typing { -webkit-line-clamp:1; }
  .settings-feed-label,.settings-screen[data-settings-category=none] .settings-feed-label { inset:14px 0 0; font-size:26px; }
  .settings-empty h2 { font-size:clamp(24px,6vw,36px); }
  .settings-unrated { min-height:36px; font-size:12px; }
  .auth-screen { padding-top:28px; }
  .auth-screen h1 { font-size:42px; }
}
@media (max-width:359px) {
  .calendar-nav .theme-tabs button,.calendar-nav .theme-tabs button[data-theme=games],.calendar-nav .settings-link { width:27px; }
  .calendar-nav .discovery-filter > summary,.mobile-week-picker > summary { padding-inline:7px; font-size:10px; }
}
@media (max-width:759px) and (max-height:620px) {
  .settings-workspace { grid-template-rows:minmax(0,1fr) 60px; }
  .settings-feed-button { height:60px; }
  .settings-content { padding:12px; }
}

/* Identical slots in every theme and every selected release. */
@media(max-width:759px) {
 .video-feed { --mobile-copy-height:190px; --mobile-place-height:42px; }
 .video-feed .focus-info,.video-feed.feed-events .focus-info { --rating-size:24px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:var(--mobile-copy-height) 28px var(--mobile-place-height) 38px; gap:8px; padding-bottom:0; }
 .video-feed .focus-summary { grid-row:1; grid-column:1 / -1; height:var(--mobile-copy-height); overflow:hidden; gap:6px; }
 .video-feed .focus-summary h1 { font-size:clamp(26px,7.5vw,32px); line-height:1; height:2em; min-height:2em; flex:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
 .video-feed .music-release-title { min-height:14px; height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:none; }
 .video-feed .focus-copy { flex:1; min-height:0; overflow:auto; width:100%; }
 .video-feed .focus-copy .item-description { width:100%; font-size:12px; line-height:1.2; -webkit-line-clamp:6; }
 .video-feed .focus-ratings { grid-row:2; grid-column:1; min-height:24px; }
 .video-feed .focus-heading,.video-feed.feed-events .focus-heading { grid-row:2; grid-column:2; overflow:hidden; }
 .video-feed .item-tags { flex-wrap:nowrap; overflow-x:auto; }
 .video-feed .item-tags span { flex:none; height:24px; display:flex; align-items:center; padding:4px 7px; }
 .video-feed .event-address { grid-row:3; grid-column:1 / -1; height:var(--mobile-place-height); font-size:11px; overflow:hidden; }
 .video-feed .release-schedule,.video-feed.feed-events .release-schedule { grid-row:4; grid-column:1; min-height:32px; }
 .video-feed .focus-footer,.video-feed.feed-events .focus-footer { grid-row:4; grid-column:2; max-width:none; width:100%; }
 .video-feed .release-schedule > summary,.video-feed .item-link { font-size:12px; line-height:1.2; }
 .video-feed .focus-meta > .occurrence-list { grid-column:1 / -1; grid-row:5; }
 .video-feed .focus-summary > .occurrence-list { display:none; }
 .video-feed .poster-strip { scroll-snap-type:x proximity; overflow-anchor:none; }
 .video-feed .rating-badge,.video-feed .music-audience .rating-badge { width:42px; min-width:42px; height:24px; padding:0 3px; border-radius:24px; font-size:10px; }
 .video-feed .rating-source,.video-feed .music-service-logo { width:24px; height:24px; }
 .discovery-filter-panel footer { display:none; }
}
@media(max-width:759px) and (max-height:650px) {
 .video-feed { --mobile-copy-height:142px; }
 .video-feed .focus-copy .item-description { -webkit-line-clamp:4; }
}
@media(max-width:759px) {
 .video-feed .focus-info .rating-badge,.video-feed .focus-info .music-metric-value { width:42px; min-width:42px; height:24px; padding:0 3px; font-size:10px; }
}

@media(max-width:759px) { .video-feed .rating-badges { min-height:24px; height:24px; } }
@media(max-width:759px) and (max-height:650px) {
 .video-feed { --mobile-copy-height:120px; }
 .video-feed .focus-copy .item-description { -webkit-line-clamp:3; }
 .video-feed .poster-strip .cover-wrap { height:64px; }
 .video-feed .poster-strip .discovery-cover { width:64px; height:64px; }
}

@media(max-width:759px) {
 .video-feed .focus-footer .item-actions { max-height:38px; overflow-y:auto; }
 .video-feed .focus-meta > .occurrence-list { grid-row:3; align-self:center; position:relative; margin:0; }
 .video-feed .focus-meta > .occurrence-list[open] ul { position:absolute; bottom:100%; left:0; right:0; max-height:45dvh; overflow:auto; z-index:20; background:var(--paper); padding:12px; border-radius:12px; }
}
@media(max-width:759px) {
 /* Desktop measurements must not survive a viewport change into the phone layout. */
 .video-feed .event-map-poster { width:30% !important; height:auto !important; max-width:none; }
}

/* Fit one complete release and its larger rail inside the live mobile viewport. */
@media(max-width:759px){
 .video-feed { --mobile-poster-height:clamp(84px,18dvh,128px); --mobile-player-height:min(34dvh,calc((100vw - 12px)*.5625)); height:calc(100dvh - var(--mobile-menu-height)); min-height:0; gap:5px; padding-block:4px; box-sizing:border-box; }
 .video-feed > #focused-content { flex:1 1 0; min-height:0; }
 .video-feed .focused-release { display:grid; grid-template-rows:var(--mobile-player-height) minmax(0,1fr); height:100%; min-height:0; gap:5px; }
 .video-feed .focus-media,.video-feed .focus-media:has(.music-listening-stage) { height:100%; min-height:0; aspect-ratio:auto; }
 .video-feed .focus-info,.video-feed.feed-events .focus-info { --mobile-place-height:0px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:minmax(0,1fr) 26px var(--mobile-place-height) 32px; height:100%; min-height:0; gap:4px 6px; padding:0; }
 .video-feed.feed-events .focus-info { --mobile-place-height:30px; }
 .video-feed .focus-summary { height:auto; min-height:0; overflow:hidden; gap:2px; }
 .video-feed .focus-summary h1 { height:auto; min-height:0; max-height:2em; flex:none; font-size:clamp(26px,7.5vw,32px); line-height:1; }
 .video-feed .focus-copy { flex:1 1 0; min-height:0; overflow:hidden; gap:2px; }
 .video-feed .focus-copy .item-description { width:100%; font-size:14px; line-height:1.22; -webkit-line-clamp:var(--mobile-description-lines,6); }
 .video-feed .focus-heading { justify-self:stretch; width:100%; min-width:0; }
 .video-feed .item-tags { justify-content:flex-end; margin:0 0 0 auto; width:100%; }
 .video-feed .poster-strip .cover-wrap { height:var(--mobile-poster-height); }
 .video-feed .poster-strip .discovery-cover { width:var(--mobile-poster-height); height:var(--mobile-poster-height); }
 .video-feed > .feed-sidebar { margin-top:0; }
 .video-feed .focus-meta > .occurrence-list { position:absolute; bottom:34px; left:0; max-width:50%; }
 .video-feed .release-schedule > summary { max-height:32px; overflow:hidden; }
 .video-feed .focus-footer .item-actions { max-height:32px; }
 body:has(.calendar-nav) .calendar-nav .nav-icon img[src*='/mobile-feed-'] { filter:invert(1); }
 :root[data-appearance=dark] body:has(.calendar-nav) .calendar-nav .nav-icon img[src*='/mobile-feed-'] { filter:none; }
}
@media(max-width:759px) and (max-height:500px){
 .video-feed { --mobile-player-height:24dvh; --mobile-poster-height:64px; gap:3px; }
 .video-feed .focused-release { gap:3px; }
 .video-feed .focus-summary h1 { font-size:24px; }
 .video-feed .focus-copy .item-description { font-size:13px; }
 .video-feed .focus-info,.video-feed.feed-events .focus-info { gap:2px 4px; grid-template-rows:minmax(0,1fr) 24px var(--mobile-place-height) 30px; }
 .video-feed.feed-events .focus-info { --mobile-place-height:24px; }
}

@media(max-width:759px){ .video-feed .focus-summary { align-self:stretch; align-items:stretch; } }

/* Keep navigation geometry independent of image/font/network readiness. */
@media(max-width:759px){
 .calendar-nav .nav-icon { width:28px; height:28px; flex:0 0 28px; scale:1; }
 .calendar-nav .nav-icon img { display:block; width:auto; height:auto; max-width:28px; max-height:28px; object-fit:contain; left:50%; top:50%; transform:translate(-50%,-50%); }
 .calendar-nav .nav-icon-media img { width:21.5px; height:14.5px; }
 .calendar-nav .nav-icon-games img { width:21.5px; height:16.3678px; }
 .calendar-nav .nav-icon-music img { width:24px; height:24px; }
 .calendar-nav .nav-icon-events img { width:21.5px; height:17.5px; }
 .calendar-nav .nav-icon-settings img { width:20.4681px; height:21.5px; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary,
 .mobile-week-picker > summary,.mobile-settings-shortcut { height:40px; min-height:40px; border-radius:18px; background:var(--surface-soft); box-shadow:none; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary::before { content:none; }
 .settings-category-card { min-height:0; }
 .settings-category-art { flex:1 1 0; min-height:0; width:100%; padding:0 3px 4px; }
 .settings-category-art img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; filter:none; mix-blend-mode:normal; }
 .settings-category.is-disabled .settings-category-art img { filter:none; mix-blend-mode:normal; }
 .video-feed.feed-events .focus-info { --mobile-place-height:0px; grid-template-rows:minmax(0,1fr) 44px 0px 32px; }
 .video-feed.feed-events .event-address { grid-column:1; grid-row:2; height:auto; min-height:42px; overflow:visible; gap:5px; align-items:center; }
 .video-feed.feed-events .metro-badge { width:30px; height:30px; min-width:30px; flex:0 0 30px; aspect-ratio:1; border-radius:50%; font:400 20px/1 'CoFo Sans Mono',monospace; display:flex; align-items:center; justify-content:center; overflow:visible; }
 .video-feed.feed-events .event-place-lines { height:auto; min-height:39px; gap:0; padding-block:2px; overflow:visible; }
 .video-feed.feed-events .event-place-lines > span { font-size:10px; line-height:11px; min-height:12px; padding-block:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 .video-feed.feed-events .focus-heading { grid-column:2; grid-row:2; align-self:center; }
}

/* Match the poster/player spacing to the mobile screen inset. */
@media(max-width:759px) {
 .video-feed { gap:var(--edge-gap); padding-block:var(--edge-gap); }
 .video-feed .focused-release { gap:var(--edge-gap); }
 .video-feed .poster-strip,.video-feed.feed-music .poster-strip,.video-feed.feed-events .poster-strip { gap:var(--edge-gap); }
}

/* Figma 1508:2932: facts, date, player, title/actions, copy, portrait rail. */
@media(max-width:759px) {
 :root,:root:has(.calendar-nav .date-nav),:root:has(.settings-screen) { --mobile-menu-height:calc(48px + env(safe-area-inset-bottom,0px)); }
 .video-feed { --mobile-poster-height:clamp(68px,14.3svh,104px); --mobile-player-height:min(34svh,calc((100vw - 12px)*.5625)); height:calc(100svh - var(--mobile-menu-height)); min-height:0; padding-block:6px; gap:6px; }
 .video-feed > #focused-content { flex:1 1 0; min-height:0; }
 .video-feed .focused-release { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:21px 29px var(--mobile-player-height) auto minmax(0,1fr); height:100%; min-height:0; gap:6px; position:relative; }
 .video-feed.feed-events .focused-release { grid-template-rows:40px 29px var(--mobile-player-height) auto minmax(0,1fr); }
 .video-feed .focused-release > .focus-info,.video-feed .focus-info .focus-meta,.video-feed .focus-info .focus-summary { display:contents; }
 .video-feed .focused-release .focus-media { grid-column:1 / -1; grid-row:3; height:100%; width:100%; min-height:0; border-radius:12px; aspect-ratio:auto; }
 .video-feed .focused-release .focus-ratings { grid-column:1; grid-row:1; min-height:21px; height:21px; align-self:start; }
 .video-feed .focused-release .rating-badges { height:21px; min-height:21px; gap:0; }
 .video-feed .focused-release .rating-source { width:21px; height:21px; flex:0 0 21px; }
 .video-feed .focused-release .rating-source picture { display:block; width:21px; height:21px; }
 .video-feed .focused-release .rating-source picture img { position:static; display:block; width:auto; height:auto; max-width:21px; max-height:21px; }
 .video-feed .focused-release .rating-source > img { max-width:21px; max-height:21px; }
 .video-feed .focused-release .focus-info .rating-badge { width:21px; min-width:21px; height:21px; padding:0 3px; font-size:10px; line-height:1.15; }
 .video-feed .focused-release .focus-heading { grid-column:2; grid-row:1; align-self:start; justify-self:end; width:100%; min-width:0; overflow:hidden; }
 .video-feed .focused-release .item-tags { gap:0; height:21px; flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
 .video-feed .focused-release .item-tags > span:first-child { margin-left:auto; }
 .video-feed.feed-music .focused-release .focus-heading { grid-column:1 / -1; }
 .video-feed .focused-release .item-tags > span { flex:none; height:21px; font-size:10px; line-height:1.15; padding:5px 10px; }
 .video-feed .focused-release .focus-meta > .release-schedule { grid-column:1; grid-row:2; align-self:end; width:100%; min-height:23px; margin:0; }
 .video-feed .focused-release .release-schedule > summary { max-height:none; overflow:visible; font-size:10px; line-height:1.15; opacity:.3; }
 .video-feed .focused-release .release-mode,.video-feed .focused-release .release-episode,.video-feed .focused-release .release-availability { margin:0; font-size:10px; line-height:1.15; }
 .video-feed .focused-release .focus-actions { grid-column:2; grid-row:2; position:static; align-self:end; justify-self:end; height:24px; margin:0; padding:0; }
 .video-feed .focused-release .focus-summary > h1 { grid-column:1 / -1; grid-row:4; align-self:start; margin:2px 0 0; padding-right:0; min-height:0; height:auto; max-height:1.8em; font-size:28px; line-height:.9; letter-spacing:-.03em; -webkit-line-clamp:2; }
 .video-feed .focused-release:has(.focus-footer .item-actions:not(:empty)) .focus-summary > h1,.video-feed .focused-release:has(.focus-footer .occurrence-list) .focus-summary > h1 { padding-right:38%; }
 .video-feed .focused-release .focus-footer { grid-column:2; grid-row:4; align-self:start; justify-self:end; position:relative; width:auto; max-width:100%; padding:2px 0 0; margin:0; min-height:0; }
 .video-feed .focused-release .focus-footer .item-actions { display:flex; align-items:flex-end; justify-content:flex-end; gap:4px; max-height:34px; overflow:auto; }
 .video-feed .focused-release .item-link,.video-feed .focused-release .focus-footer .occurrence-list > summary { font-size:10px; line-height:1.15; text-align:right; }
 .video-feed .focused-release .focus-copy { grid-column:1 / -1; grid-row:5; display:block; align-self:stretch; min-height:0; height:auto; margin:0; padding:2px 0 0; overflow:hidden; }
 .video-feed .focused-release .focus-copy .item-description { font-size:12px; line-height:1.15; letter-spacing:-.04em; -webkit-line-clamp:var(--mobile-description-lines,6); max-height:82.8px; }
 .video-feed .focused-release .music-release-title { grid-column:1 / -1; grid-row:5; align-self:start; min-height:0; height:auto; margin:2px 0 0; font-size:12px; line-height:1.15; white-space:normal; }
 .video-feed.feed-music .focused-release .focus-copy { display:none; }
 .video-feed .focused-release .event-address { grid-column:1; grid-row:1; align-self:center; height:auto; min-height:34px; max-width:100%; margin:0; font-size:10px; }
 .video-feed .focused-release .event-place-lines { height:auto; min-height:33px; }
 .video-feed .focused-release .event-place-lines > span { min-height:11px; line-height:11px; padding:0; }
 .video-feed .focused-release .focus-footer .occurrence-list[open] ul { bottom:100%; top:auto; right:0; left:auto; max-height:45svh; z-index:25; }
 .video-feed .poster-strip,.video-feed.feed-music .poster-strip,.video-feed.feed-events .poster-strip { gap:4px; }
 .video-feed .poster-strip .cover-wrap,.video-feed .poster-strip .discovery-cover { display:block; flex:0 0 auto; width:auto; height:var(--mobile-poster-height); aspect-ratio:2 / 3; min-height:0; }
 .video-feed .poster-strip .cover-wrap .cover-artwork { width:100%; height:100%; aspect-ratio:auto; }
 .video-feed .poster-strip .cover-wrap .item-cover { object-fit:contain; }
 .video-feed .music-listening-stage { padding:0; overflow:hidden; }
 .video-feed .music-listening-stage iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; border-radius:12px; }
 .video-feed .music-release-open { right:8px; bottom:8px; }
 .video-feed .music-listening-switch { top:6px; left:6px; max-width:calc(100% - 12px); }
 .video-feed .music-release-empty { padding:42px 12px 8px; gap:8px; }
 .video-feed .music-release-empty > strong { font-size:20px; line-height:1.05; }
 .video-feed .music-release-empty > button { font-size:10px; padding:6px 12px; }
 .video-feed .trailer-stage iframe[src*="youtube"] { inset:0; width:100%; height:100%; transform:none; }
 .video-feed .trailer-stage video { object-fit:contain; }
 .calendar-nav { height:var(--mobile-menu-height); padding:0 9px env(safe-area-inset-bottom,0px) 6px; overflow:visible; }
 .calendar-nav:has(.discovery-filter),.calendar-nav:has(.mobile-settings-shortcut) { display:grid; grid-template-columns:minmax(0,1fr) 66px 89px; gap:6px; align-items:start; }
 .calendar-nav .topics-nav { height:48px; min-width:0; }
 .calendar-nav .theme-tabs { gap:0; }
 .calendar-nav .theme-tabs button,.calendar-nav .theme-tabs button[data-theme=games],.calendar-nav .settings-link { width:27px; height:47px; flex:0 0 27px; }
 .calendar-nav .nav-icon { width:24px; height:24px; flex:0 0 24px; }
 .calendar-nav .theme-tabs button.selected::before,.calendar-nav .settings-link.selected::before { inset:4px 0 -3px; border-radius:32px 32px 0 0; background:var(--surface); box-shadow:inset 0 0 23.5px -9px #454545; }
 .calendar-nav:has(.discovery-filter) > .discovery-filter { width:66px; align-self:start; margin-top:4px; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary,.mobile-week-picker > summary,.mobile-settings-shortcut { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; max-width:none; height:47px; min-height:47px; gap:5px; padding:0 8px; border-radius:24px 24px 0 0; background:var(--surface); box-shadow:inset 0 0 23.5px -9px #454545; font-size:10px; line-height:1.15; }
 .calendar-nav .filter-label { min-width:0; overflow:hidden; text-overflow:ellipsis; }
 .mobile-week-picker { width:89px; margin-top:4px; }
 .mobile-week-picker > summary::after { content:none; }
 .mobile-settings-shortcut { margin-top:4px; }
 .calendar-nav .filter-chevron { display:none; }
 .mobile-filter-chevron { display:block; flex:none; width:9px; height:10.086px; max-width:none; max-height:none; }
 .mobile-week-picker[open] .mobile-filter-chevron,.discovery-filter[open] > summary .mobile-filter-chevron { transform:rotate(180deg); }
 .calendar-nav .mobile-week-picker > .date-nav { bottom:calc(var(--mobile-menu-height) + 6px); }
}
@media(min-width:760px) { .mobile-filter-chevron { display:none; } }

/* Updated green-frame annotations, Figma 1511:3026. */
@media(max-width:759px) {
 :root,:root:has(.calendar-nav .date-nav),:root:has(.settings-screen) { --mobile-menu-height:calc(clamp(48px,15vw,72px) + env(safe-area-inset-bottom,0px)); }
 .video-feed { --mobile-poster-width:calc((100vw - 28px) / 4.5); --mobile-poster-height:calc(var(--mobile-poster-width) * 1.5); }
 .video-feed.feed-music,.video-feed.feed-events { --mobile-poster-height:var(--mobile-poster-width); }
 .video-feed .focused-release { grid-template-rows:29px 21px var(--mobile-player-height) auto minmax(0,1fr); }
 .video-feed.feed-events .focused-release { grid-template-rows:29px 40px var(--mobile-player-height) auto minmax(0,1fr); }
 .video-feed .focused-release .focus-meta > .release-schedule { grid-row:1; align-self:start; }
 .video-feed .focused-release .focus-actions { grid-row:1; align-self:start; }
 .video-feed .focused-release .focus-ratings,.video-feed .focused-release .focus-heading,.video-feed .focused-release .event-address { grid-row:2; }
 .video-feed .focused-release .focus-summary > h1 { max-height:2.7em; -webkit-line-clamp:3; }
 .video-feed .focused-release:has(.focus-footer .item-actions:not(:empty)) .focus-summary > h1,.video-feed .focused-release:has(.focus-footer .occurrence-list) .focus-summary > h1 { padding-right:28%; }
 .video-feed .focused-release .focus-footer { width:100%; }
 .video-feed .focused-release .focus-footer .item-actions { max-height:none; overflow:visible; flex-direction:column; flex-wrap:wrap; }
 .video-feed .focused-release .focus-copy .item-description,.video-feed .focused-release .music-release-title { font-size:14px; line-height:1.15; color:var(--ink); max-height:none; }
 .video-feed .poster-strip .cover-wrap,.video-feed .poster-strip .discovery-cover { width:var(--mobile-poster-width); height:var(--mobile-poster-height); aspect-ratio:2 / 3; }
 .video-feed.feed-music .poster-strip .discovery-cover,.video-feed.feed-events .poster-strip .discovery-cover { aspect-ratio:1; }
 .video-feed.feed-music .poster-strip .item-cover,.video-feed.feed-events .poster-strip .item-cover { object-fit:cover; }
 .video-feed .music-listening-stage { inset:0; }
 .calendar-nav:has(.discovery-filter),.calendar-nav:has(.mobile-settings-shortcut) { grid-template-columns:minmax(0,1fr) clamp(66px,20.625vw,99px) clamp(89px,27.8125vw,133.5px); gap:clamp(6px,1.875vw,9px); }
 .calendar-nav .topics-nav { height:var(--mobile-menu-height); }
 .calendar-nav .theme-tabs button,.calendar-nav .theme-tabs button[data-theme=games],.calendar-nav .settings-link { width:clamp(27px,8.4375vw,40.5px); height:calc(var(--mobile-menu-height) - 1px); flex-basis:clamp(27px,8.4375vw,40.5px); }
 .calendar-nav .nav-icon { width:clamp(24px,7.5vw,36px); height:clamp(24px,7.5vw,36px); flex-basis:clamp(24px,7.5vw,36px); }
 .calendar-nav .nav-icon img { transform:translate(-50%,-50%) scale(var(--mobile-icon-scale,1)); }
 .calendar-nav:has(.discovery-filter) > .discovery-filter,.mobile-week-picker { width:100%; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary,.mobile-week-picker > summary,.mobile-settings-shortcut { height:calc(var(--mobile-menu-height) - 1px - env(safe-area-inset-bottom,0px)); min-height:47px; font-size:clamp(10px,3.125vw,15px); padding-inline:6px; }
 .discovery-filter .mobile-filter-chevron { display:none; }
 .calendar-nav .discovery-filter .filter-chevron { display:block; width:9px; height:10px; }
 .calendar-nav .discovery-filter .filter-label { flex:1 1 auto; min-width:0; white-space:nowrap; }
 .video-feed .rating-source > picture > img { filter:invert(1); }
 :root[data-appearance=dark] .video-feed .rating-source > picture > img { filter:none; }
}
@media(max-width:759px) {
 .discovery-filter .filter-label[data-selection-count] .filter-label-name,.discovery-filter .filter-label[data-selection-count] .filter-count-separator { display:none; }
 .discovery-filter .filter-label { justify-content:center; }
}

/* Mobile feed corrections: keep labels legible and artwork aligned. */
@media(max-width:759px) {
 .video-feed .focused-release .release-schedule > summary { opacity:1; color:var(--muted); }
 .video-feed .focused-release .rating-value { letter-spacing:0; margin-right:0; font-size:9px; }
 .discovery-filter .filter-label[data-selection-count] .filter-label-name,.discovery-filter .filter-label[data-selection-count] .filter-count-separator { display:inline; }
 .calendar-nav .discovery-filter .filter-label { display:flex; justify-content:center; font-size:clamp(9px,2.5vw,12px); }
 .video-feed.feed-music,.video-feed.feed-events { --mobile-poster-width:calc((100vw - 28px) / 3); --mobile-poster-height:var(--mobile-poster-width); }
 .video-feed .poster-strip .cover-wrap .item-cover { object-fit:cover; }
 .video-feed.feed-events .poster-strip .item-cover { object-fit:contain; }
 .video-feed .focused-release .focus-heading { align-self:center; }
 .video-feed .focused-release .item-tags { max-width:100%; min-width:0; align-items:center; }
}

@media(max-width:759px) {
 .calendar-nav .discovery-filter .mobile-filter-chevron { display:block; }
 .calendar-nav .discovery-filter .filter-chevron { display:none; }
}

/* 29 October: one label size and a fixed label-to-chevron gap in every section. */
@media(max-width:759px) {
 .calendar-nav:has(.discovery-filter),.calendar-nav:has(.mobile-settings-shortcut) { grid-template-columns:minmax(0,1fr) clamp(74px,20.625vw,99px) clamp(82px,24vw,115px); gap:clamp(5px,1.5vw,8px); }
 .calendar-nav .topics-nav { justify-content:space-between; }
 .calendar-nav .theme-tabs { flex:1; justify-content:space-around; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary,.calendar-nav .mobile-week-picker > summary,.calendar-nav .mobile-settings-shortcut { font:400 clamp(9px,2.5vw,12px)/1.15 'CoFo Sans Mono',monospace; letter-spacing:-.04em; justify-content:center; gap:5px; padding-inline:9px; }
 .calendar-nav .discovery-filter .filter-label { flex:0 1 auto; min-width:0; font:inherit; justify-content:center; }
 .calendar-nav .mobile-filter-chevron { flex:0 0 9px; }
 .video-feed.feed-events .poster-strip .cover-wrap .item-cover { object-fit:cover; }
 .settings-category-art picture { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
 .settings-category-art picture img { width:100%; height:100%; object-fit:contain; }
}

/* Stable loading/ready navigation, with one center line above the safe area. */
@media(max-width:759px) {
 :root,:root:has(.calendar-nav .date-nav),:root:has(.settings-screen) { --mobile-controls-height:clamp(48px,15vw,72px); --mobile-menu-height:calc(var(--mobile-controls-height) + env(safe-area-inset-bottom,0px)); }
 .calendar-nav:has(.date-nav),.calendar-nav:has(.mobile-settings-shortcut) { display:grid; grid-template-columns:minmax(0,1fr) clamp(74px,20.625vw,99px) clamp(82px,24vw,115px); gap:clamp(5px,1.5vw,8px); align-items:start; }
 .calendar-nav .topics-nav { grid-column:1; height:var(--mobile-controls-height); align-items:center; }
 .calendar-nav .theme-tabs { height:100%; align-items:center; }
 .calendar-nav .theme-tabs button,.calendar-nav .theme-tabs button[data-theme=games],.calendar-nav .settings-link { height:var(--mobile-controls-height); }
 .calendar-nav:has(.discovery-filter) > .discovery-filter,.calendar-nav > .mobile-settings-shortcut { grid-column:2; margin-top:0; }
 .calendar-nav > .mobile-week-picker { grid-column:3; margin-top:0; min-width:0; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary,.calendar-nav .mobile-week-picker > summary,.calendar-nav .mobile-settings-shortcut { height:var(--mobile-controls-height); min-height:0; }
}

/* Mixed game/event artwork keeps a common height; landscape cards get more width. */
@media(max-width:759px) {
 .video-feed.feed-games .poster-strip .cover-wrap.poster-landscape,
 .video-feed.feed-events .poster-strip .cover-wrap.poster-landscape { width:auto; aspect-ratio:16 / 10; }
 .video-feed.feed-events .focus-footer { display:flex; flex-direction:column; align-items:flex-end; gap:3px; }
 .video-feed.feed-events .focus-footer > .release-schedule { margin:0; width:100%; text-align:right; }
 .video-feed.feed-events .focus-footer > .release-schedule > summary { text-align:right; font-size:10px; line-height:1.15; max-height:none; }
 .video-feed.feed-events .focus-footer .item-actions { margin:0; justify-content:flex-end; }
 .video-feed.feed-events .focus-footer .schedule-panel { right:0; left:auto; bottom:100%; }
}

@media(max-width:759px) {
 .video-feed:not(.feed-music) .poster-strip .cover-wrap,
 .video-feed.feed-events .poster-strip .cover-wrap,
 .video-feed.feed-games .poster-strip .cover-wrap.poster-landscape,
 .video-feed.feed-events .poster-strip .cover-wrap.poster-landscape { flex:none; width:auto; height:var(--mobile-poster-height); aspect-ratio:var(--poster-native-ratio,2 / 3); max-width:none; }
 .video-feed:not(.feed-music) .poster-strip .cover-wrap .item-cover,
 .video-feed.feed-events .poster-strip .cover-wrap .item-cover { object-fit:contain; }
 .calendar-nav .topics-nav { justify-content:flex-start; gap:0; }
 .calendar-nav .theme-tabs { flex:0 1 auto; justify-content:flex-start; gap:0; }
 .calendar-nav .theme-tabs button,.calendar-nav .theme-tabs button[data-theme=games],.calendar-nav .settings-link { width:clamp(25px,7.8125vw,37.5px); flex-basis:clamp(25px,7.8125vw,37.5px); }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary,.calendar-nav .mobile-week-picker > summary,.calendar-nav .mobile-settings-shortcut { position:relative; isolation:isolate; background:transparent; box-shadow:none; }
 .calendar-nav:has(.discovery-filter) .discovery-filter > summary::before,.calendar-nav .mobile-week-picker > summary::before,.calendar-nav .mobile-settings-shortcut::before { content:''; position:absolute; inset:3px 0; width:auto; height:auto; z-index:-1; border-radius:24px; background:var(--surface-soft); box-shadow:none; pointer-events:none; }
 .video-feed .focused-release .focus-footer .item-actions:has(> .all-platforms) { gap:6px; }
 .all-platforms > summary { font:inherit; font-size:10px; line-height:1.15; }
}

@media(max-width:759px) {
 .video-feed.feed-media .poster-strip .cover-wrap { width:auto; aspect-ratio:2 / 3; }
 .video-feed.feed-media .poster-strip .cover-wrap .item-cover { object-fit:cover; }
 .video-feed.feed-events .focused-release { grid-template-rows:29px 40px var(--mobile-player-height) auto minmax(0,1fr); }
 .video-feed.feed-events .focused-release .focus-meta > .release-schedule { grid-column:1; grid-row:1; align-self:start; text-align:left; }
 .video-feed.feed-events .focused-release .focus-actions { grid-row:1; align-self:start; }
 .video-feed.feed-events .focused-release .event-address,.video-feed.feed-events .focused-release .focus-heading { grid-row:2; }
 .video-feed .focused-release .rating-value { letter-spacing:-1px; font-variant-numeric:tabular-nums; }
}
