/* Only the homepage's landscape tablet/desktop layout changes. Phone layouts retain native styles. */
@media (min-width: 768px) and (orientation: landscape) {
  #root [data-yf-layout="home-body"] { gap: 16px; }
  #root [data-yf-layout="columns"] {
    --yf-stage-height: clamp(400px, calc(100dvh - 345px), 540px);
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    gap: 20px;
    align-items: stretch;
  }
  #root [data-yf-layout="deck"] {
    flex: none !important;
    width: auto !important;
    min-width: 0;
    height: var(--yf-stage-height);
  }
  #root [data-yf-layout="deck-title"] { font-size: 14px; line-height: 18px; }
  #root [data-yf-layout="selector"] { min-height: 0; }
  #root [data-yf-layout="volume"] { min-height: 0; }
  #root [data-yf-layout="volume-shell"] { min-height: 96px; }
  #root [data-yf-layout="stage"] {
    flex: none !important;
    min-width: 0;
    width: auto;
    height: var(--yf-stage-height) !important;
    padding: 16px;
  }
  #root [data-yf-layout="realm-image"] { height: calc(var(--yf-stage-height) + 40px) !important; }
  #root [data-yf-layout="emblem"] { height: 100px; margin-top: 0; }
  #root [data-yf-layout="panel"] { padding: 16px; gap: 8px; }
  #root [data-yf-layout="realm-title"] { font-size: 30px; line-height: 36px; }
  #root [data-yf-layout="realm-note"] { font-size: 14px; line-height: 20px; }
  #root [data-yf-layout="enter"] { min-height: 48px; }
  #root [data-yf-layout="summary"] { min-height: 72px; padding: 12px; }
}
@media (min-width: 1024px) and (orientation: landscape) {
  #root [data-yf-layout="home-body"] { max-width: 1160px; }
}
@media (min-width: 1100px) and (orientation: landscape) {
  #root [data-yf-layout="deck-title"] { font-size: 17px; line-height: 22px; }
  #root [data-yf-layout="columns"] { grid-template-columns: 280px minmax(0, 1fr); }
}