/**
 * single.php（news系＝標準投稿詳細）ページ固有CSS（分類A・docs/29_template-map.md §1-1 R-05）
 * 正本: design/pages/news-detail.html <style id="page-scoped">。詳細側で実際に使用するセレクタのみ収録
 * （同ブロックにあった .news-tabs/.news-list/.pagination は「将来の関連記事リスト等で再利用しうるため
 *  温存」との注記どおりの未使用分＝本テンプレートでは関連記事UIを実装していないため移植しない）。
 *
 * @package idworks
 */

.article{max-width:var(--c1-measure);margin:0 auto;}
.article__head{border-bottom:1px solid var(--c-line);padding-bottom:24px;margin-bottom:40px;}
.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:16px;font-size:var(--fs-micro);letter-spacing:.1em;color:var(--c-text-note);}
.article__cat{font-size:var(--fs-micro);letter-spacing:.1em;color:var(--c-text-sub);border:1px solid var(--c-line-dark);padding:1px 8px;background:var(--c-bg);}
.article__title{font-size:var(--c1-fs-h2);font-weight:500;line-height:1.5;letter-spacing:var(--c1-ls-h2);}
.article__body p{margin-bottom:var(--c1-para-gap);}
.article__body ul{margin:0 0 var(--c1-para-gap) 1.4em;font-size:var(--fs-body);line-height:var(--lh-body);}
.article__body a{text-decoration:underline;}
/* 20260925c: ディレクター選択C＝横1行「← 前の記事｜一覧へ戻る｜次の記事 →」（記事タイトルは出さない）。
   20260925b（A＝2段構成）から変更。移動先の記事名はリンクの title 属性で示す（WP側）。
   「一覧へ戻る」は SP でも3つが1行に収まるよう、サイト共通 .btn ではなく小さめの枠線ボタン。 */
.article-nav{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  max-width:var(--c1-measure);margin:64px auto 0;padding-top:24px;border-top:1px solid var(--c-line);
  font-size:var(--fs-caption);
}
.article-nav__link{flex:1;text-decoration:none;color:var(--c-text-sub);white-space:nowrap;}
.article-nav__link--next{text-align:right;}
/* [20261020z] 「一覧へ戻る」も基準ボタン（.btn＝14px・横棒つき・PC360px）に統一。SPは前後リンクと1行に並ぶよう内容幅。 */
.article-nav__back{flex:none;white-space:nowrap;}
@media(max-width:767px){ .article-nav .article-nav__back{min-width:0;width:auto;} }

/* 2026-10-02 施工事例カード（single.php・ACF news_works_buttons）＝非住宅 .ne-works-cards と同じ組み方。
   幅は本文（.article__body）と同じ max-width。本文との間＝article-nav と同じ 64px。カード写真のズームは共通 .card:hover が担当 */
.ne-works-cards{display:grid;gap:var(--sp-4) var(--grid-gap,20px);grid-template-columns:1fr;max-width:var(--c1-measure);margin:64px auto 0;}
@media(min-width:768px){ .ne-works-cards.is-multi{grid-template-columns:1fr 1fr;} }
.ne-works-cards .card__title{font-size:var(--fs-h3);}

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