/* =========================================================
   content.css — サイト内コンテンツ拡充用の追加スタイル
   （サムネイル画像 / 記事ヒーロー画像）。style.css に追加で読み込む
   ========================================================= */

/* カードのサムネイルに画像を敷く */
.card-thumb{ position:relative; overflow:hidden; }
.card-thumb img.thumb{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
}
.card-thumb .badge{ position:absolute; z-index:1; top:12px; right:12px; }

/* 記事のヒーロー画像（横長イラスト） */
.article-hero-img{
  width:100%; aspect-ratio:16/8; object-fit:cover; display:block;
  border-radius:16px; border:1px solid var(--line);
  margin:0 0 20px; background:var(--sand);
}

/* 記事本文中の図版 */
.inline-fig{
  width:100%; max-width:520px; aspect-ratio:16/9; object-fit:cover;
  border-radius:12px; border:1px solid var(--line); display:block; margin:6px 0 18px;
}

/* Googleマイマップ等の埋め込み（画面幅いっぱい・大きめ表示） */
.map-embed{
  width:100%; border-block:1px solid var(--line);
  overflow:hidden; background:var(--sand);
}
.map-embed iframe{ display:block; width:100%; height:82vh; min-height:560px; border:0; }
@media (max-width:640px){ .map-embed iframe{ height:70vh; min-height:420px; } }