/* A quiet clock inside the selected tab, using each unit's existing colour. */
body.gg-home [data-direction-auto] :is([data-gdv-tab],[data-pa-tab],[data-gx-task]){position:relative;padding-bottom:16px}
.direction-tab-timer{position:absolute;left:12px;right:12px;bottom:5px;height:2px;overflow:hidden;border-radius:2px;opacity:0;pointer-events:none;background:color-mix(in srgb,currentColor 20%,transparent)}
[aria-selected="true"]>.direction-tab-timer{opacity:1}
.direction-tab-timer>i{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(var(--direction-cycle,0));transform-origin:left center}
/* Reserve the tallest state in the desktop columns; stacked layouts use the active content. */
body.gg-home #main [data-direction-auto] .gdv-panels{display:grid}
body.gg-home #main [data-direction-auto] .gdv-panels>[data-gdv-panel][hidden]{display:block!important;visibility:hidden;pointer-events:none}
body.gg-home #main #direction-premium[data-direction-auto] .pa-panels{display:grid}
body.gg-home #main #direction-premium[data-direction-auto] .pa-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.direction-tab-timer{display:none}}

/* Stacked direction cards must not reserve space for invisible stories. */
@media(max-width:960px){
 body.gg-home #main [data-direction-auto] .gdv-panels,
 body.gg-home #main #direction-premium[data-direction-auto] .pa-panels,
 body.gg-home #main [data-direction-auto] .gx-task-panels{display:block;min-height:0}
 body.gg-home #main [data-direction-auto] .gdv-panels>[data-gdv-panel][hidden],
 body.gg-home #main #direction-premium[data-direction-auto] .pa-panel[hidden],
 body.gg-home #main [data-direction-auto] .gx-task-panel[hidden]{display:none!important}
}