/* Home feed layout: #home-app fills main.app-main */
.app-main:has(#home-app) {
  padding: 0;
}

#home-app {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.home-layout {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  min-height: 0;
}

.home-columns {
  display: flex;
  gap: 0;
  flex: 1;
  min-height: 0;
}

/* Frame wrap: each column slot */
.home-frame-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* Iframes inside wraps fill 100% */
.home-frame-wrap .home-frame {
  flex: 1;
  min-height: 0;
  height: 100%;
}

/* YouTube overlay */
.home-youtube-overlay {
  position: absolute;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-youtube-overlay--fallback {
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.home-youtube-overlay__video {
  width: 100%;
  height: 100%;
}
.home-youtube-overlay__video iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* Base iframe styles */
.home-frame {
  border: none;
  width: 100%;
  display: block;
}

.home-frame--top-bar {
  width: 100%;
  height: 56px;
  overflow: hidden;
  flex-shrink: 0;
}

.home-frame--middle,
.home-frame--body {
  flex: 1;
  min-width: 0;
  height: 100%;
}

.home-frame--side {
  width: 0;
  flex-shrink: 0;
}


/* Timeline override inside home layout */
.home-layout .timeline {
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
}