/* =========================
   Tea World | リンク集（tea_link）
   archive / taxonomy / single 共通
========================= */

/* 全体（文字密度） */
.link-archive,
.tea-link-article {
  font-size: 0.95rem;
  line-height: 1.6;
}

/* タイトル */
.link-title,
.tea-link-article h1 {
  font-size: 1.1rem;
  line-height: 1.25;
  margin: 0 0 0.35rem;
}

/* 説明文 */
.link-description {
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0.35rem 0 0.6rem;
  opacity: 0.92;
}

/* single 側：本文段落の余白（必要最低限） */
.tea-link-article p {
  margin: 0.2em 0 0.6em;
}

/* ★評価 */
.link-rating {
  font-size: 0.9rem;
  margin: 0.3em 0;
  opacity: 0.85;
}

/* =========================
   archive / taxonomy（一覧）
========================= */

.link-archive {
  display: grid;
  gap: 0.9rem;
  margin-top: 0.8rem;
}

/* カード */
.link-card {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  background: transparent;
}

/* タイトルリンク */
.link-title a {
  text-decoration: none;
}
.link-title a:hover {
  text-decoration: underline;
}

/* サイトを見る */
.link-visit {
  margin: 0.55rem 0 0;
}
.link-visit a {
  display: inline-block;
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.92rem;
  line-height: 1.2;
}
.link-visit a:hover {
  text-decoration: underline;
}

/* カード内 p の余白暴走を抑える */
.link-card p {
  margin-top: 0.35rem;
  margin-bottom: 0.55rem;
}
.link-card p:last-child {
  margin-bottom: 0;
}

/* PC 2カラム */
@media (min-width: 960px) {
  .link-archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

/* メタ（国・ジャンル・★など） */
.link-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  align-items: center;
  margin: 0.15rem 0 0.4rem;
  font-size: 0.9rem;
  line-height: 1.3;
  opacity: 0.9;
}

/* カプセル */
echo '<span class="pill">' . esc_html($classification) . '</span>';

/* link-meta 内のカプセル表示を強制復旧 */
.link-meta .pill,
.link-meta a.pill,
.link-meta span.pill{
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.6rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  text-decoration: none;
  line-height: 1.3;
  white-space: nowrap;
}

/* もし「枠線が濃すぎる」なら薄くする（任意） */
.link-meta .pill{
  border-color: rgba(0,0,0,.25);
}


/* バッジ */
.link-meta .badge {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.15rem 0.55rem;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 999px;
}

/* バッジ内リンク */
.link-meta .badge a {
  text-decoration: none;
}
.link-meta .badge a:hover {
  text-decoration: underline;
}

/* ★は少し詰める */
.link-meta .badge-rating {
  letter-spacing: 0.02em;
}

/* アーカイブ：横長サムネ（最終版：3/2＋contain） */
.link-card-thumb {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(0,0,0,.04);
  margin-bottom: 0.6rem;
}
.link-card-thumb img,
.link-card-thumb__img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 切らない */
  display: block;
}

.link-card-thumb {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.03),
    rgba(0,0,0,.06)
  );
}


.archive-description{
  margin-bottom:4px;
}

.archive-note{
  font-size:0.9rem;

}