[riiimparm]

概要

ブログ記事本文に貼った写真が縦に長いと画面を占有してしまうため、タブレット以降（768px 以上）で高さを画面高の 1/2 までに制限する。

変更

BlogLayout.astro の global スタイルに 1 ルール追加:

@media (min-width: 768px) {
  .blog-body p img {
    max-height: 50vh;
    width: auto;
  }
}

• width: auto でアスペクト比を維持（横幅は preflight の max-width: 100% で引き続き制限）
• 左寄せ（preflight の img { display: block } のまま、センタリングはしない）
• 768px 未満は従来どおり

対象外

mermaid / D2 の図（.diagram-frame）は既存の max-height: 80vh のまま。本文の写真のみを対象にするため p img にスコープしている。図も 50vh に揃えるべきなら対応する。