/**
 * archive-interview.php ページ固有CSS（F分類・docs/29_template-map.md §2-2）
 * 正本: design/pages/interview.html <style id="page-scoped"> の .iv-feed 系一式（無改変で移植）。
 * 依存: idworks-c1-theme（functions.php enqueue順と同じ）。
 *
 * @package idworks
 */

.wf-note,.wf-banner,.wf-label{display:none!important;}

/* interview一覧 専用（引用型タイトルの大カード・混在フィード） */
.iv-feed{display:grid;grid-template-columns:1fr;gap:56px;}
.iv-card{display:block;text-decoration:none;border:1px solid var(--c-line);background:var(--c-bg);color:var(--c-text);}
.iv-card__photo{position:relative;}
.iv-card__formats{position:absolute;top:12px;left:12px;display:flex;gap:8px;}
.iv-format{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-note);
  letter-spacing:.08em;line-height:1.4;background:var(--c-btn);color:var(--c-btn-text);padding:5px 12px;}
.iv-format--read{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-text);}
.iv-format__ic{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
/* height:auto は必須（width/height属性=presentational hint が aspect-ratio を無効化するため） */
.iv-card__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.iv-card__body{padding:24px 20px 28px;}
.iv-card__quote{font-size:var(--c1-fs-h3);font-weight:500;line-height:1.85;letter-spacing:var(--ls-2);margin-bottom:12px;}
.iv-card__sub{font-size:var(--fs-caption);line-height:1.9;color:var(--c-text-sub);margin-bottom:0;}
@media(min-width:768px){
  .iv-feed{grid-template-columns:repeat(2,1fr);gap:var(--sp-5) var(--grid-gap);}
  .iv-feed > *{min-width:0;}
  .iv-card__body{padding:32px 30px 36px;}
}
/* 2026-10-16 ディレクター指示（20261016g）：カードを罫線で囲わない＝写真と文字の左端をそろえ、内側の左右余白をなくす。
   並び＝サムネイル／題名／ひと言／邸名｜所在地（.iv-card__owner） */
.iv-card{border:none;background:transparent;}
.iv-card__body{padding:20px 0 0;}
.iv-card__owner{font-size:var(--fs-caption);line-height:1.6;color:var(--c-text-note);letter-spacing:var(--ls-1);margin-top:12px;margin-bottom:0;}
@media(min-width:768px){
  .iv-card__body{padding:24px 0 0;}
}

/* 段落ち対策ユーティリティ（docs/22 §9 R08） */
.nowrap{white-space:nowrap;}

/* サブナビ＝SPで中央寄せ（項目2つ・溢れ0のためA案共有CSSは無改変・このページ内だけで対応） */
@media(max-width:767px){
  .sub-nav__list{padding-right:var(--pad-side,16px);}
  .sub-nav__item:first-child{margin-left:auto;}
  .sub-nav__list::after{margin-right:auto;}
}