/* RAMA Insta Sync — front CSS (§18-11)
 * 本文に挿入する .rama-is-stack（画像の縦積み）と .rama-is-video（動画）が
 * モバイルで画面幅をはみ出さないための最小スタイル。
 * テーマ側で書く派のサイトは、設定の front_css をオフにしてこの読み込みを止める。 */

.rama-is-stack { margin: 1.5em 0; }
.rama-is-stack__item { margin: 0 0 1em; }
.rama-is-stack img,
.rama-is-video video { display: block; width: 100%; max-width: 100%; height: auto; }

/* §19-3: 向きクラスで縦長・横長・正方形を切替。縦長は幅を縮めて中央寄せ、
   高さは 80vh で止めて縦に長すぎないようにする。横長・正方形は横幅いっぱい。 */
.rama-is-video { margin: 1.5em 0; }
.rama-is-video video { display: block; width: 100%; max-width: 100%; height: auto; background: #000; }
.rama-is-video--portrait video { width: auto; max-height: 80vh; margin: 0 auto; }

.rama-is-source { margin-top: 1.5em; }