/* Homepage-specific presentation fixes.
   Preserve authentic editorial images while allowing WOT-generated
   representational art to fill compact homepage thumbnails. */

.stream-thumb img {
  object-fit: contain;
  object-position: center;
}

.stream-thumb-generated img {
  object-fit: cover;
}

.stream-story:hover .stream-thumb img {
  transform: none;
}

.stream-copy h3 a,
.stream-copy h3 a:visited,
.stream-copy h3 a:hover,
.stream-copy h3 a:active {
  color: inherit;
}

@media (max-width: 680px) {
  .site-header,
  .primary-nav {
    background: var(--paper);
  }

  .updates-hero {
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .updates-hero .eyebrow {
    margin-bottom: 3px;
  }

  .updates-first {
    padding-top: 8px;
  }

  .stream-story {
    grid-template-columns: 18px minmax(0, 1fr) 84px;
    gap: 8px;
    min-height: 72px;
    padding: 9px 0;
  }

  .stream-thumb {
    width: 84px;
    height: 56px;
    aspect-ratio: 3 / 2;
    border-radius: 9px;
  }

  .stream-copy h3 {
    -webkit-line-clamp: 3;
  }
}

@media (max-width: 430px) {
  .stream-story {
    grid-template-columns: 18px minmax(0, 1fr) 78px;
    gap: 7px;
  }

  .stream-thumb {
    width: 78px;
    height: 52px;
  }
}