/* A notice owns a full grid row; image proportions determine its height. */
.home-page:has(.home-notice-banner) {
  grid-template-rows: none;
  grid-auto-rows: max-content;
  align-content: start;
  overflow-y: auto;
}
.home-destination-grid:has(> .home-notice-banner) {
  grid-template-rows: none;
  grid-auto-rows: max-content;
  align-content: start;
  min-height: min-content;
  overflow: visible;
}
.home-notice.home-notice-banner {
  grid-column: 1 / -1;
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: hidden;
  isolation: isolate;
}
.home-notice-picture,
.home-notice-picture > .home-notice-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.home-notice-banner > .primary-button {
  display: block;
  margin: 0;
  width: 100%;
}
.home-notice-banner-editors { display: grid; gap: 16px; }
.home-notice-banner-slot { display: grid; gap: 8px; min-width: 0; }
.home-notice-banner-preview { display: grid; justify-items: start; gap: 8px; }
.home-notice-banner-preview img { display: block; max-width: 100%; max-height: 180px; width: auto; height: auto; }

@media (max-width: 760px) and (orientation: portrait) {
  .home-page:has(.home-notice-banner) {
    display: flex;
    flex-direction: column;
  }
  .home-page:has(.home-notice-banner) > * {
    flex-shrink: 0;
  }
  .home-page:has(.home-notice-banner) > .home-quick-actions {
    margin-block-start: auto;
  }
}