/* precure.news だけで使う部品。色・余白は precure.tv の site.css の変数に合わせる。 */

/* 埋め込み動画は横幅いっぱいの 16:9。 */
.article-body .video-embed { position: relative; aspect-ratio: 16 / 9; margin: 0 0 1.2em; }
.article-body .video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 6px; }

/* 埋め込みの代わりのリンク（自サイトの記事・外部のページ）。 */
.article-body .embed-card a {
  display: block; padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px;
  text-decoration: none; color: var(--fg); line-height: 1.6; word-break: break-all;
}
.article-body .embed-card a:hover { border-color: var(--accent-pink); }

/* X の埋め込みが読み込まれるまでの見た目。 */
.article-body blockquote.twitter-tweet { margin: 0 0 1.2em; }

/* 画像とキャプション。 */
.article-body figure { margin: 0 0 1.2em; }
.article-body figcaption { font-size: 0.85em; color: var(--muted); margin-top: 0.3em; }

/* 記事の分類はリンクにする。 */
a.article-tag { text-decoration: none; }

/* カテゴリの一覧。 */
.news-term-list { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0; list-style: none; }

/* 姉妹サイトの文字のリンク（precure.tv）。 */
.footer-sister-text { font-weight: 500; }