/* 移行サイトのフォントを本番(pathlight.co.jp / Nuxt)に合わせる上書き。
   STUDIO由来の旧フォント変数（見出ゴMB1 / 中ゴシックBBB JIS2004）を、
   本番同様のモダンなスタック（Inter + Noto Sans JP）へ統一し、
   外部 fonts.studio.design への依存も排除する。
   base.css / shared.css の後に読み込むこと（build.mjs の STUDIO_CSS）。 */
:root {
  --s-font-38b3ca1c: Inter, "Noto Sans JP", sans-serif !important; /* 旧: Figtree,見出ゴMB1（見出し） */
  --s-font-40a913f4: Inter, "Noto Sans JP", sans-serif !important; /* 旧: Figtree,中ゴシックBBB（本文） */
}

/* 本番から復元した埋め込み(表・グラフ)。幅広の表はモバイルで横スクロールに逃がす。 */
.embed-html { overflow-x: auto; max-width: 100%; margin: 16px 0; }
.embed-html > * { max-width: 100%; }

/* 「Pick up 今話題の記事」カード（静的化で空になったカルーセルを埋める） */
.pickup-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; max-width: 1000px; margin: 8px auto 0; }
.pickup-card { display: flex; flex-direction: column; text-decoration: none; color: #1e1e1e;
  border: 1px solid #e6e8ec; border-radius: 12px; overflow: hidden; background: #fff; transition: transform .2s, box-shadow .2s; }
.pickup-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(4, 13, 37, .1); }
.pickup-thumb { aspect-ratio: 16/9; background: #eef1f6 center/cover no-repeat; display: block; }
.pickup-ttl { padding: 12px 14px 16px; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 768px) { .pickup-cards { grid-template-columns: 1fr; max-width: 420px; } }
