/* =============================================================
   common_tbl.css — 共通レイヤの tbl 差分
   media: screen and (min-width: 834px) and (max-width: 1068px)
   -------------------------------------------------------------
   出典: 上流 components.css の幅 @media（生成物）。
   バンドは排他なので、複数バンドに掛かる規則は各ファイルへ複製されている。
   このファイル自身に @media を書かない。読み分けは wp_enqueue_style の media 属性。
   ============================================================= */

/* 出典: 上流 @media (min-width: 834px) and (max-width: 1068px) */
.tile-photo { min-height: var(--size-tile-full-tbl); }
.tile-photo.is-short { min-height: calc(var(--size-tile-full-tbl) / 2); }
.tile-pair > .tile-photo { min-height: var(--size-tile-half-tbl); }
.tile-grid { --tile-cols: 2; }
.tile-grid > .tile-photo { min-height: var(--size-tile-half-tbl); }

/* 出典: 上流 @media (min-width: 641px) and (max-width: 1068px) */
h1 { font: var(--type-hero-display-md); letter-spacing: var(--tracking-hero); }
.brand-logo-hero { height: var(--size-logo-hero-md); }