/* TERRAISE — AIニュース（/ai-news/）専用。pages.css の後に読む（部品はコラム・お知らせと共通、ここは差分だけ）
   値の正本は DESIGN.md のトークン。他社のロゴ・ブランド色は使わない（面は TERRAISE の色だけ）。角 0・影なし */

/* ---------- 既定サムネイル（thumbnail が無いとき）: 色面＋等幅ラベル＋キャッチ＋タイル1段 ---------- */
.anthumb { position: relative; display: block; overflow: hidden; margin: 0; }
.anthumb--hero { aspect-ratio: 1200 / 630; width: 100%; }
.anthumb--hero:not(.anthumb--img) { aspect-ratio: 1200 / 400; }   /* 既定デザインは低い帯にする（画像が届いたら 1.9:1） */
@media (max-width: 767px) { .anthumb--hero:not(.anthumb--img) { aspect-ratio: 1200 / 630; } }
.anthumb--row { width: 100%; height: 100%; }
.anthumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.anthumb--navy { background: var(--navy); color: #fff; }
.anthumb--cyan { background: var(--cyan); color: var(--ink); }          /* Cyan の面は黒文字のみ */
.anthumb--pale { background: var(--pale); color: var(--ink); }
.anthumb--paper { background: var(--paper-2); color: var(--ink); }
.anthumb__label { position: absolute; left: 6%; top: 9%; font-size: 12px; letter-spacing: var(--tracking-label); opacity: .85; }
.anthumb__catch { position: absolute; left: 6%; right: 8%; top: 24%; font-size: clamp(22px, 1rem + 2.2vw, 48px); font-weight: 900; line-height: 1.3; letter-spacing: var(--tracking-display);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-feature-settings: "palt"; }
.anthumb__date { position: absolute; right: 6%; top: 9%; font-size: 12px; opacity: .85; }
.anthumb__tiles { position: absolute; left: 0; right: 0; bottom: 0; height: 13%; overflow: hidden; }
.anthumb__tiles .tiles { height: 100%; width: auto; display: block; }
/* 一覧の正方形（128px / SP 72px）: ベンダー名だけ */
.anthumb--row .anthumb__label, .anthumb--row .anthumb__date { display: none; }
.anthumb__v { position: absolute; left: 12px; top: 12px; font-family: var(--font-en); font-size: 17px; font-weight: 700; letter-spacing: -.01em; }
.anthumb--row .anthumb__tiles { height: 25%; }
@media (max-width: 767px) { .anthumb__v { left: 8px; top: 8px; font-size: 12px; } }

.anhero__thumb { margin-top: 48px; }
.anrow__thumb { background: none; }

/* ---------- 出典（記事末） ---------- */
.ansrc { margin-top: 56px; padding: 24px 0 0; border-top: 1px solid var(--ink); }
.ansrc .mono-label { font-size: 11px; color: var(--text-2); }
.ansrc ul { margin-top: 12px; }
.ansrc li + li { margin-top: 6px; }
.ansrc a { font-size: 14px; line-height: 1.7; color: var(--cyan-deep); text-decoration: underline; text-underline-offset: 3px; word-break: break-all; }
.ansrc__note { margin-top: 12px; font-size: 12px; line-height: 1.8; color: var(--text-2); }

.annote { margin-top: 40px; max-width: 48em; font-size: 13px; color: var(--text-2); }
