/* =====================================================================
   JOURNAL 一覧 /journal/ 追加スタイル
   main.css の .journal-grid / .tax-filter / .pagination を継承し、
   抜粋・READ MORE・画像なしプレースホルダー分のみ追加する。
   ===================================================================== */
.journal-grid__link{display:block;height:100%;color:inherit;text-decoration:none}
.journal-grid__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:12.5px;line-height:1.9;letter-spacing:.02em;color:var(--c-gray-d)}
.journal-grid__more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-en);font-size:10px;letter-spacing:.2em;color:var(--c-charcoal)}

/* 画像なし記事: main.cssの object-fit:cover をそのまま活かし、
   プレースホルダーSVG自体をカード比率(3/2)いっぱいのデザインとして表示する
   (縮小・減光をやめ、実画像と同じ見え方の強さで表示する) */
.journal-grid__thumb.is-placeholder{background:var(--c-offwhite)}

/* 画像取得デバッグ表示(管理者が /journal/?debug_images=1 を付けた時だけ描画される)
   position:absoluteは使わず通常フロー。overflow:visibleで隠れない。画像カードとは別ブロック。 */
.journal-grid__debug{position:static;overflow:visible;margin:0 0 12px;padding:12px 14px;background:#fff8e1;border:1px solid #c9a227;border-radius:4px;font-family:monospace;font-size:12px;line-height:1.9;color:#3a2f00;word-break:break-all}
.journal-grid__debug b{color:#000}

/* debug時はグリッドを解除して縦積みの診断リストにする。
   各カード＋debug枠が全幅で縦に並ぶため、debug情報が画像に重なる/隠れることが構造的に起きない。
   is-debug-imagesはdebug_images=1(=管理者)のときだけ<main>に付与。通常表示には一切影響しない。 */
.is-debug-images .journal-grid{display:block;overflow:visible}
.is-debug-images .journal-grid__item{display:block;overflow:visible;max-width:680px;margin:0 auto 48px;padding-bottom:24px;border-bottom:1px solid var(--c-gray-l)}
.is-debug-images .journal-grid__link{display:block;height:auto}
.is-debug-images .journal-grid__thumb{aspect-ratio:3/2;max-width:100%}