/* ==========================================================================
   c-search-result — Figma: Search（PC / SP。検索結果の 1 件）
   PC: 上下左右 32px・要素間 16px・タイトル renewal/JP/20/Bold + 抜粋 renewal/JP/16/Regular（3 行で省略）
   SP: 上下左右 16px・要素間 8px・タイトル renewal/JP/18/Bold + 抜粋 renewal/JP/14/Regular（3 行で省略）
   罫線は上下（隣り合う行は 1px 重ねる = Figma の gap -1）。行全体がリンク
   ========================================================================== */

.c-search-result-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-border-default);
}

.c-search-result {
  border-bottom: 1px solid var(--color-border-default);
}

.c-search-result__link {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-32);
  color: var(--color-text-base);
  transition: background-color 0.2s ease;
}

.c-search-result__link:hover {
  background-color: var(--color-bg-subtle); /* ホバーは Figma に指定なし・実装判断 */
}

.c-search-result__link:hover .c-search-result__title {
  color: var(--color-text-brand);
}

.c-search-result__excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 1023px) {

  .c-search-result__link {
    gap: var(--space-8);
    padding: var(--space-16);
  }

  .c-search-result__title {
    font-size: 1.125rem; /* SP: renewal/JP/18/Bold（tokens.css .t-jp-18-bold） */
    line-height: calc(32 / 18);
  }

  .c-search-result__excerpt {
    font-size: 0.875rem; /* SP: renewal/JP/14/Regular（tokens.css .t-jp-14-regular） */
    line-height: calc(24 / 14);
  }
}