.youtube-sort-control {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-left: auto;
  color: var(--muted);
  font-size: .8rem;
  font-weight: 700;
}

.youtube-sort-control select { min-height: 36px; padding: .35rem 1.8rem .35rem .6rem; }

.search-card-evidence,
.search-card-reaction {
  margin: .45rem 0 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.5;
}

.search-card-evidence { display: flex; flex-wrap: wrap; gap: .35rem; }

.search-card-evidence span {
  padding: .15rem .4rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #f4f6f3;
}

@media (max-width: 640px) {
  .youtube-sort-control {
    margin-left: 0;
    justify-content: space-between;
  }
}

/* 検索結果カード: サムネイル＋題名・チャンネル・抜粋。英傑ページの動画行と同じ 16:9 のサムネイルを使う。 */
.search-card.youtube-result {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: .8rem;
  align-items: start;
}

.youtube-result-thumb { display: block; }
.youtube-result-thumb .youtube-eiketsu-thumbnail { width: 100%; }

.youtube-result-body { min-width: 0; }

.youtube-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .15rem .7rem;
  margin: .25rem 0 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.5;
}

.youtube-result-meta a { color: var(--accent-2); font-weight: 700; text-decoration: none; }

.youtube-result-snippet {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.search-card.youtube-result mark,
.youtube-channel-list mark {
  padding: 0 .1em;
  background: #fff1b8;
  color: inherit;
}

.youtube-result-subhead {
  margin: 1rem 0 .4rem;
  font-size: .9rem;
}

.youtube-channel-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: .4rem .8rem;
  margin: 0;
  padding: 0 0 .5rem;
  list-style: none;
}

.youtube-channel-list li { display: grid; gap: .1rem; min-width: 0; }
.youtube-channel-list a { color: var(--accent-2); font-weight: 700; overflow-wrap: anywhere; }
.youtube-channel-list small { color: var(--muted); font-size: .74rem; }

.youtube-result-freshness,
.youtube-landing-lead {
  margin: .6rem 0 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.6;
}

.youtube-result-more {
  display: inline-block;
  margin: .6rem 0;
  color: var(--accent-2);
  font-weight: 700;
}

/* 検索語なしの案内（話題・英傑・紹介動画）と、0件のときの次の一手 */
.youtube-landing,
.youtube-zero-suggestions { display: grid; gap: 1rem; }

.youtube-landing { padding: .4rem .2rem 1rem; }
.youtube-landing-title { margin: 0; font-size: 1.15rem; }
.youtube-landing-lead { margin: 0; font-size: .85rem; }

.youtube-topic-block { display: grid; gap: .45rem; }
.youtube-topic-block > strong { font-size: .85rem; }
.youtube-topic-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.youtube-zero-suggestions { margin-top: 1rem; text-align: left; }

.youtube-eiketsu-hit-wrap { display: grid; gap: .8rem; margin-bottom: 1rem; }
.youtube-eiketsu-hit-link { color: var(--accent-2); font-size: .8rem; font-weight: 700; }

@media (max-width: 640px) {
  .search-card.youtube-result { grid-template-columns: 112px minmax(0, 1fr); gap: .6rem; }
  .youtube-channel-list { grid-template-columns: 1fr; }
}

/* 英傑リンク（youtube-eiketsu-links.js がカード末尾へ足す枠）は本文の列に揃える */
.search-card.youtube-result > .youtube-eiketsu-related { grid-column: 2; }