/* ============================================
   index.css
   トップページ（index.html）に特有の記述のみを担当する。
   セクションの上下余白・背景の縞模様・出現演出は、
   他のダイジェストと同じ.digestクラスを付与することで
   既存の共通CSSに委ねている（新規追加は不要）。
   ここでは以下のみを扱う。
   ・ヒーローの専用ロゴの大きさ
   ・「情報＆アクセス」ブロック固有の、左（文章）＋右（画像）の横並び
   ============================================ */

/* ---------- ヒーロー：専用ロゴ ----------
   PCでは幅480pxを上限とし、画面幅が狭い時は画面幅の80%まで縮める。
   高さは画像の縦横比に従う。 */
.hero__logo {
  width: min(280px, 80vw);
  height: auto;
}

.info-digest__inner {
  display: flex;
  align-items: center;
  gap: var(--space-6);
}

.info-digest__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.info-digest__image {
  flex: 1;
  width: 50%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
}