/* [20260821o] .section__lead の「左揃え・塊は中央」は design-system.css §13 で全c1ページに
   適用したため、20260821n でここに入れたページ内指定は撤去した（重複回避）。 */
/* [20260810n] ヒーローキャッチ＝セクション見出しと同一級数（design-system.css §hero-intro の
   「キャッチ＝.section__title と同一の文字サイズ」＝2026-07-27 ディレクター指示3-1）を B確定級数で回復する。
   共有 design-system.css は .hero-intro__catch を旧C-1ペア（--fs-h2-sm 28 / --fs-h2 32）で固定しており、
   c1-theme.css §7-1 は .section__title だけを --c1-fs-h2（clamp 26〜40）へ移したため、
   PCでキャッチ32 < 見出し40、SPでキャッチ28 > 見出し26 と序列が崩れていた（実測）。
   ★恒久対応は c1-theme.css §7-1 への1行追加（全279ページ＋?v一括バンプ）＝PL/PMへ申し送り。
      本タスクは共有CSS不変の方針のため、該当12ページにページ内で同値を当てる。 */
.c1 .hero-intro__catch{font-size:var(--c1-fs-h2);letter-spacing:var(--c1-ls-h2);}

/* ============================================================================
   [20260810n] B確定トンマナ（design-rules §10）一貫性統一バッチ 適用済み
   ・級数   = --c1-fs-h2 / --c1-fs-h3 / --c1-fs-lead / --c1-fs-label-en（§10-2 L1〜L5）
   ・読み幅 = --c1-measure(720) / --c1-measure-narrow(640)（§10-5）
   ・画像幅 = 1480(--w-content) / 980 / 720 の3種のみ（§10-5）
   ・カードgap = --grid-gap(20px)／カード段組コンテナ = 980px（§10-5）
   ・セクション縦余白 = --sp-6/7/8/--sp-sec-sm の4段のみ（§10-5）
   ※本ブロック内に残る「C-1: SP22 / PC28」等のコメントは旧C-1級数時代の記述。
     現行の正は §10（B確定）＝上記トークン。
   ============================================================================ */
/* ==========================================================
   performance 専用（3層フレーム／土台カード／実測数値／セクション見出し）
   ========================================================== */
/* ============================================================================
   [20260826dj] 級数を §10-2 の段数へ整理（ディレクター指示 2026-08-26）
   ----------------------------------------------------------------------------
   直す前（1440px・共通ヘッダー/フッター/CTAを除いたページ独自コンテンツ）＝**9段**
     28 / 18.72 / 18 / 16 / 15 / 14 / 13 / 12 / 11px  ← §10-2「1ページ5段以内」超過

   ■ 何が余っていたか
   (1) **18.72px と 18px が同じ役割で二重**。
       18.72px = `--c1-fs-h3`。このページは <body class="c1 c1-dense"> なので
       c1-theme.css §9 の密度モード指定 `clamp(16px, 1.3vw, 19px)` が効き、
       1440pxで 1.3vw = 18.72px になっていた。
       18px = `--fs-h3`（固定）。`.faq__q` がこれ。
       ＝**同じ L2 小見出しなのに、ページ内の小見出し群と FAQ 設問で級数が違う**状態。
   (2) **14px（`--fs-body-sm`）は §10-2 の段に無い**（L3=15 と L4=13 の中間サイズ）。
       `.layer__step` / `.spec-card__label` の2箇所だけで使われていた。

   ■ どう直したか
   (1) ページ側の `--c1-fs-h3` 7箇所を **`--fs-h3`（SP16 / 768以上18px 固定）** へ寄せた。
       ＝ design-system.css §FAQ [20260821bj] が `.faq__q` に対して全ページで採った
         「clamp の飛びを固定トークンへ寄せる」判断と**同じ寄せ先**に合わせただけ。
         （同日 .attitude__title / .point-list__title / .base-card__name、
           2026-08-24 の P76 house/contact 3箇所も同じ寄せ方）
       対象= .layer__title / .layer__arrow / .spec-card__value / .measure__arrow
             / .sub-block__title / .mid-title / .kb__name
       ▼の矢印2つ（.layer__arrow / .measure__arrow）は見出しと同級で揃える装飾なので一緒に移した。
   (2) `--fs-body-sm` 2箇所を **`--fs-caption`（13px＝L4）** へ。
       どちらも見出しの上に載る小ラベル＝L4の役割。QA対応3/6 で 11px→14px に上げた
       経緯があるため 11px には戻さない（13px は当時の意図＝「小さすぎる」の解消を保つ）。

   ■ 触っていないもの
   ・**ボタンの文字（14px / 12px）**＝`.btn` `.btn--small` の共通部品。
     design-rules §8（ボタン統合仕様）の管轄で §10-2 の段数とは別カテゴリ。
     共有 design-system.css を触ることになるため対象外とした。
   ・図解SVG内の番号（実効10.1px）＝`--fs-micro`(11px) 指定のSVGを viewBox で縮めた結果。
     文字サイズの指定自体はL5なので段は増えていない。

   ■ 直した後（1440px・同条件）＝**6段 = §10-2 の L1/L1'/L2/L3/L4/L5 そのまま**
     28(L1) / 18(L2) / 16(L1') / 15(L3) / 13(L4) / 11(L5)
     ※L1' と L2' は L1 / L2 の変種として数える（§10-2 の「L1〜L5＝5段」の数え方）。
   ============================================================================ */

/* C-1: 二層ラベル（.c1-label__en＝accent英字）の直下に置く和文層。L5=11px */
/* [20260826dk] **通し番号は .c1-label の「中」に置く**（=c1-theme.css §1 の二層ラベルの
   和文層 .c1-label__jp と同じ位置。級数も --c1-fs-label と --fs-micro はどちらも11pxで同値）。
   ★ここが外に出ていたことが、ディレクター指摘「赤英字ラベルがフェードインで
     『04 / 数値の見方』に被る」の**原因**だった:
     design-system.css §11 [20260821ak] の一体フェードインは
       `.c1-label.reveal + :is(h1,h2,h3,h4)` という**隣接**セレクタで見出しを拾う。
     通し番号 <span class="sec-index"> が label と h2 のあいだに挟まっていたため
     セレクタが外れ、**ラベルだけが translateY(40px) から動き、通し番号と見出しは静止**。
     結果、開始フレームでラベルが通し番号に **34px 重なっていた**（1440px実測）。
     サブブロック頭（通し番号なし＝label の直後が h3）は隣接が成立していたため
     一体で動き、被りも起きていなかった＝症状がセクション頭だけに出ていた理由。
   ・中に入れると label の直後が h2 になり、ak の3点セット（赤英字＋通し番号＋見出し＋リード）が
     **ズレずに一体で**立ち上がる。共有CSSは触っていない（R09）。
   ・余白は変更前と同値を厳密に維持: 英字↓通し番号 6px ／ 通し番号↓見出し 16px。
     マージンの相殺に依存しないよう、子の下マージンを0にして親側で16pxを持つ。 */
/* [20260826dp] ディレクター指示（2026-08-26）「やっぱり元に戻して下さい」＝
   **dl（15px）／dm（home.html方式の装飾数字44〜72px・英字の上・章名削除）／do（11px復帰）の
   一連の試行をすべて差し戻し、20260826dk の状態に戻した**（章名も復元）。
   ＝この一連（dl→dm→do→dp）でページの見た目は dk 時点と同じに戻っている。
   唯一残す変更＝**FAQ の番号なし**（20260826dn のディレクター明示指示「よくあるご質問に番号は要りません」）。
   ----------------------------------------------------------------------------
   ＝最終形: 赤英字16px → 通し番号11px「01 / 性能の土台」 → h2 28px（＝dk と同じ）
   ・級数は `--fs-micro`（11px＝L5）／色は `--c-text-note`（#888）＝**dl以前の値そのまま**。
     dl で #666 に濃くしたのは 15px にしたときのコントラスト確保が理由だったため、11pxに戻すのと同時に #888 へ戻した。
   ・**章名も復元した**（「01」→「01 / 性能の土台」）。dm で落としたが本指示で元に戻す。
     ⚠️これにより docs/19 P82 が**再燃**する＝03「性能の教科書」と04「数値の見方」は
       章名が h2 と完全に同一で、同じ語が2回並ぶ。11pxで小さいため dl 以前は問題視されていなかった状態に戻る。
     ⚠️FAQ（旧06「不安から探す」）は 20260826dn の指示で**番号ごと無し**のため章名も復元していない。
   ・**位置は `.c1-label` の「中」を維持**（20260826dk の修正を壊さない）。
     「場所を戻す」＝**英字の下**（dm で英字の上に置いていたのを戻す）という意味で、
     label の外に出す意味ではない。外に出すと design-system.css §11 [20260821ak] の一体フェードインから
     外れ、ラベルだけが translateY(40px) から動いて通し番号に 34px 重なる不具合（dk の指摘）が再発する。
   ・余白は dk と同値: 英字↓通し番号 6px ／ 通し番号↓見出し 16px（相殺に依存せず親側で16pxを持つ）。 */
.sec-index{font-size:var(--fs-micro);letter-spacing:.18em;color:var(--c-text-note);text-align:center;display:block;margin-top:6px;margin-bottom:0;}
.c1-label{margin-bottom:6px;}
.c1-label:has(.sec-index){margin-bottom:16px;}

/* 3層フレーム（法令 最低ライン → 長期優良=標準 → 土地ごと最適化） */
.layers{max-width:var(--c1-measure);margin:0 auto;display:grid;gap:14px;}
.layer{border:1px solid var(--c-line);background:var(--c-bg);padding:20px 18px;position:relative;}
.layer--base{border:2px solid var(--c-text);background:var(--c-bg-sub);}
/* 20260810d QA対応3（級数指定）: layer__step 11px→（当時14px）／layer__title を1段上げ。
   級数を上げたぶん、直下の余白も6→8px・8→10pxへ微増して詰まりを防ぐ。
   [20260826dj] layer__step は §10-2 に無い14pxだったため --fs-caption(13px) へ。
   layer__title は --fs-h3(18px)。「22px」は旧C-1級数時代の記述＝実測でその値になったことはない。 */
.layer__step{font-size:var(--fs-caption);letter-spacing:.12em;color:var(--c-text-sub);display:block;margin-bottom:8px;}
.layer__title{font-size:var(--fs-h3);font-weight:500;letter-spacing:var(--ls-2);line-height:1.7;margin-bottom:10px;}
.layer__text{font-size:var(--fs-caption);color:var(--c-text-sub);}
.layer__arrow{text-align:center;color:var(--c-line-dark);font-size:var(--fs-h3);line-height:1;}
.layer__text{line-height:1.9;}

/* 性能の土台カード */
.spec-grid{max-width:980px;margin:40px auto 0;display:grid;gap:var(--grid-gap);grid-template-columns:1fr;}
@media(min-width:768px){.spec-grid{grid-template-columns:repeat(2,1fr);gap:var(--grid-gap);}}   /* 20260810d QA対応6: gap 16→32px */
/* 20260810d QA対応6: 「担保している水準の一覧」「断熱・気密の目安」＝カテゴリ名・項目見出しが小さく、
   ボックス間のgapも狭いという指摘。gap 16→32px（PC）／カテゴリ名を拡大／項目値を1段上げ／
   カード内パディングも級数に合わせて拡張。
   [20260826dj] カテゴリ名 .spec-card__label は §10-2 に無い14pxだったため --fs-caption(13px) へ
   （11pxには戻さない＝当時の「小さすぎる」の解消は保つ）。項目値 .spec-card__value は --fs-h3(18px)。 */
.spec-card{border:1px solid var(--c-line);background:var(--c-bg);padding:24px 22px;}
.spec-card__label{font-size:var(--fs-caption);letter-spacing:.1em;color:var(--c-text-sub);border-bottom:1px solid var(--c-line);padding-bottom:10px;margin-bottom:14px;display:block;}
.spec-card__value{font-size:var(--fs-h3);font-weight:400;line-height:1.8;}
.spec-card__note{font-size:var(--fs-caption);color:var(--c-text-sub);margin-top:8px;line-height:1.9;}

/* ダミー数値プレースホルダ（実測差替待ち） */
.dummy{
  display:inline-block;font-weight:400;letter-spacing:.04em;
  background:#efefef;border:1px dashed var(--c-line-dark);
  padding:0 8px;border-radius:2px;color:#444;
}

/* 実測 2回測定の図 */
.measure{max-width:var(--c1-measure);margin:0 auto;display:grid;gap:14px;}
@media(min-width:768px){.measure{grid-template-columns:1fr auto 1fr;align-items:center;}}
.measure__step{border:1px solid var(--c-text);background:var(--c-bg);padding:18px 16px;text-align:center;}
.measure__when{font-family:var(--ff-en);font-size:var(--fs-micro);letter-spacing:.18em;color:var(--c-text-note);display:block;margin-bottom:8px;}
.measure__what{font-size:var(--fs-body);font-weight:400;}
.measure__arrow{text-align:center;color:var(--c-line-dark);font-size:var(--fs-h3);}

/* [20260821bn] ディレクター指示「この文字サイズ（--c1-fs-lead）を本文に使用しない」（全ページ）。
   clamp(15px,1.35vw,19px) は PC1280で17.3px／1440で19px となり、本文15pxより大きく出ていた。 */
.spec-lead{max-width:var(--c1-measure);margin:0 auto 48px;text-align:left;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text-sub);}
.spec-lead p + p{margin-top:1.4em;}

/* ===== 用語ツールチップ（2026-07-17 ディレクター指示）=====
   ホバー/フォーカスでフロート表示。SP=タップでトグル（.is-open）。
   説明文の正本 = contents/performance.md「用語ツールチップ」表 */
.term{
  position:relative;
  border-bottom:1px dotted var(--c-text-sub,#888);
  cursor:help;
  -webkit-tap-highlight-color:transparent;
}
.term::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;bottom:calc(100% + 8px);
  transform:translateX(-50%) translateY(4px);
  width:max-content;max-width:min(260px,72vw);
  background:#2b2b2b;color:#fff;
  font-size:var(--fs-micro);font-weight:normal;line-height:1.7;letter-spacing:.02em;
  text-align:left;padding:9px 12px;border-radius:3px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  z-index:60;white-space:normal;
}
.term::before{
  content:"";
  position:absolute;left:50%;bottom:calc(100% + 3px);
  transform:translateX(-50%);
  border:5px solid transparent;border-top-color:#2b2b2b;border-bottom:none;
  opacity:0;visibility:hidden;transition:opacity .18s ease;z-index:60;
}
@media(hover:hover){
  .term:hover::after,.term:hover::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
}
.term:focus-visible::after,.term:focus-visible::before,
.term.is-open::after,.term.is-open::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.term:focus-visible{outline:1px dotted var(--c-text);outline-offset:2px;}
/* 2026-07-18修正: 非表示ツールチップ(visibility:hidden)もscrollWidthに算入され、
   右端付近の用語で768px帯に横はみ出し(+27px)を作るため、mainのcontain:paintで
   はみ出しをスクロール領域に算入させない（右端付近のツールチップは端でクリップ＝許容） */
main{contain:paint;}
/* 画面端対策：カード内などでは左右いっぱいに寄せない */
.spec-card .term::after{max-width:min(240px,68vw);}
/* ==========================================================
   20260808b 「性能の教科書」再構成で追加した部品
   ========================================================== */
/* 節内サブブロック（旧セクションの見出し＋本文を節の下に収める） */
.sub-block{margin-top:var(--sp-7);}
.sub-block:first-child{margin-top:0;}
/* 20260810d QA対応4: EARTHQUAKE／MEASUREMENT の直前に余白がない。
   両ブロックは「同一セクション内の2つ目の .section__inner の先頭」に置かれているため
   .sub-block:first-child{margin-top:0} が効いて前ブロックと密着していた（実測 0px）。
   同一セクション内で inner が続く場合だけ --sp-sec-sm（PC108/SP64px）を確保する。 */
.section__inner + .section__inner .sub-block:first-child{margin-top:var(--sp-sec-sm);}
/* 20260810d QA対応3（級数指定）+ 対応7（h3はすべて中央揃え）:
   sub-block__title 18px→24px・中央揃え。直上の二層ラベル（左揃え指定）も中央へ揃える
   （本ページ内のみの上書き＝c1-theme の .c1-label--left は他ページで不変）。 */
.sub-block__title{font-size:var(--fs-h3);font-weight:500;letter-spacing:var(--ls-2);line-height:1.8;margin-bottom:22px;text-align:center;}
.sub-block .c1-label--left{text-align:center;}
.mid-title{font-size:var(--fs-h3);font-weight:500;letter-spacing:var(--ls-2);text-align:center;margin:var(--sp-6) 0 20px;}   /* 20260810d QA対応6: 項目見出しを sub-block__title と同段へ。[20260826dj] 実装は --fs-h3(18px)。
      ※「18→24px」は旧C-1級数時代の記述で、clamp 時代も実測は18.72pxだった＝24pxになったことはない */

/* --- A型図解（用語図鑑型・インラインSVGのたたき台） --- */
.afig{max-width:980px;margin:52px auto 0;}
.afig__svg{display:block;width:100%;height:auto;}
.afig__svg--sp{display:none;}
.afig__svg polygon,.afig__svg rect.dt{stroke:#3a3a3a;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.afig__svg line.ln2,.afig__svg line.ln3{stroke:#3a3a3a;stroke-width:1;vector-effect:non-scaling-stroke;}
.afig__svg .airtight{fill:none;stroke:var(--c1-diagram-accent,#c0392b);stroke-width:1.6;vector-effect:non-scaling-stroke;} /* 図解専用の赤（2026-08-09 方針: 赤=図解のみ） */
.afig__svg .lead{fill:none;stroke:#5a5a5a;stroke-width:.9;vector-effect:non-scaling-stroke;}
.afig__svg .lead--dash{stroke-dasharray:3 3;}
.afig__svg .badge{fill:#1a1a1a;stroke:none;}
.afig__svg .badge-n{fill:#fff;font-family:var(--ff-en);font-size:var(--fs-micro);font-weight:500;text-anchor:middle;dominant-baseline:central;}
.afig__svg .cal-t{fill:var(--c-text);font-size:var(--fs-micro);letter-spacing:.06em;dominant-baseline:central;} /* L5=11px に合わせ級数を増やさない */
.afig__svg .dt-cap{fill:var(--c-text-note);font-size:var(--fs-micro);letter-spacing:.08em;}
/* [20261016q] 正式版の図（ディレクター作成・illustration/performance/performance.svg）。
   絵は <image> で読み込むため、上の .afig__svg 系（たたき台の作図用）の線の指定は効かない。
   ラベルの座標系＝支給見本の画素（viewBox 幅1730）。PC幅980pxで語句≒14px。 */
.afig__art{display:block;width:100%;height:auto;}
.afig__art--sp{display:none;}
.afig__art .badge{fill:#1a1a1a;stroke:none;}
.afig__art .badge-n{fill:#fff;font-family:var(--ff-en);font-size:30px;font-weight:500;text-anchor:middle;dominant-baseline:central;}
.afig__art .badge-n--sp{font-size:44px;}
.afig__art .cal-t{fill:var(--c-text);font-size:26px;font-weight:500;letter-spacing:.04em;dominant-baseline:central;}
.afig__art .lead{fill:none;stroke:#1a1a1a;stroke-width:1;vector-effect:non-scaling-stroke;}
.afig__art .dot{fill:#1a1a1a;}
@media(max-width:767px){
  .afig__art--pc{display:none;}
  .afig__art--sp{display:block;}
}
.afig__cap{max-width:var(--c1-measure);margin:20px auto 0;font-size:var(--fs-caption);color:var(--c-text-sub);line-height:1.9;}
.afig__note{max-width:var(--c1-measure);margin:6px auto 0;font-size:var(--fs-micro);color:var(--c-text-note);line-height:1.9;}
@media(max-width:767px){
  .afig{margin-top:36px;}
  .afig__svg--pc{display:none;}
  .afig__svg--sp{display:block;}
}

/* --- 番号対応の用語グリッド（①〜⑥） --- */
.kb{max-width:980px;margin:44px auto 0;display:grid;gap:1px;background:var(--c-line);grid-template-columns:1fr;}
@media(min-width:768px){.kb{grid-template-columns:repeat(2,1fr);}}
.kb__item{background:var(--c-bg);padding:22px 20px 20px;}
.kb__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.kb__n{
  flex:0 0 auto;width:36px;height:36px;background:#1a1a1a;color:#fff;
  font-family:var(--ff-en);font-size:22px;font-weight:500;line-height:36px;text-align:center;
} /* [20261016r] ディレクター指示：一覧の番号を大きくして強調（旧 18px角・--fs-micro） */
.kb__name{font-size:var(--fs-h3);font-weight:500;letter-spacing:var(--ls-2);}
.kb__sub{font-size:var(--fs-micro);color:var(--c-text-note);letter-spacing:.08em;}
.kb__rows{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;}
.kb__rows dt{font-size:var(--fs-micro);color:var(--c-text-note);letter-spacing:.08em;line-height:1.9;white-space:nowrap;}
.kb__rows dd{margin:0;font-size:var(--fs-caption);line-height:1.9;color:var(--c-text-sub);}

/* --- 用語集（ツールチップ21語の本文昇格） --- */
/* 20260810d QA対応5: 「数値の見方」＝段落間の余白がなく文字ばかりで読みにくい、という指摘。
   ①用語ごとにドット罫線で区切る ②dt/dd の上下余白を確保（詰まりの解消）
   ③群名 .tb__gname を 11px→15px（--fs-body）へ拡大＋群間のgapも拡張。 */
.tb{max-width:980px;margin:40px auto 0;display:grid;gap:40px;grid-template-columns:1fr;}
@media(min-width:768px){.tb{grid-template-columns:repeat(2,1fr);gap:52px 40px;}}
.tb__gname{font-size:var(--fs-body);letter-spacing:.16em;color:var(--c-text-label);border-bottom:1px solid var(--c-line);padding-bottom:12px;margin-bottom:6px;}
.tb__list{margin:0;}
.tb__list dt{font-size:var(--fs-body);font-weight:500;letter-spacing:var(--ls-2);line-height:1.8;padding-top:16px;}
.tb__list dd{margin:6px 0 0;padding-bottom:16px;border-bottom:1px dotted var(--c-line);font-size:var(--fs-caption);color:var(--c-text-sub);line-height:1.95;}
.tb__list dd:last-child{border-bottom:none;padding-bottom:0;}

/* --- ⑤要点3つの先出し --- */
.points{max-width:var(--c1-measure);margin:0 auto 44px;display:grid;gap:1px;background:var(--c-line);grid-template-columns:1fr;}
@media(min-width:768px){.points{grid-template-columns:repeat(3,1fr);}}
.points__item{background:var(--c-bg);padding:24px 22px;}
.points__h{font-size:var(--fs-caption);letter-spacing:.1em;color:var(--c-text-sub);margin-bottom:10px;}
.points__t{font-size:var(--fs-body);line-height:1.9;}
/* [20261020u] ディレクター指示「3列の票の幅が狭く文字も小さい。担保している水準の一覧の票の横幅と揃えて」
   ＝PCは .spec-grid と同じ幅（最大980px・内容幅94%）に。.points は720pxの読み幅の箱の中にあるため、
   左右へ等しくはみ出させて中央に置く。文字は項目名13px（.spec-card__label と同じ）・本文15px・余白も .spec-card にそろえた。 */
@media(min-width:768px){
  .points{width:min(980px,94vw);max-width:none;margin-left:calc((100% - min(980px,94vw)) / 2);margin-right:0;}
}
/* [20261020u] ディレクター指摘「カタログ値ではなく、実測を」のリードと下の文の幅の差が目立つ。
   リードは全ページ共通で「文字の長さぶんの塊を中央」に置くため、文が短くなって左端がずれた。
   この節だけ、下の文（.c1-prose--narrow＝640px）と同じ幅の箱にして左端をそろえる。 */
body.c1 #measure .section__lead{width:100%;max-width:var(--c1-measure-narrow);}

/* [20261027e] FAQ（.worry）のページ内リンクの飛び先。固定ヘッダー（.gnav＝sticky）に見出しが隠れないよう scroll-margin-top を付ける */
#foundation,#spec-levels,#insulation-airtight{scroll-margin-top:calc(var(--gnav-h,56px) + 24px);}

/* --- ⑥不安の言語化リスト --- */
.worry{max-width:var(--c1-measure);margin:0 auto 28px;list-style:none;padding:0;border-top:1px solid var(--c-line);}
.worry__item{border-bottom:1px solid var(--c-line);}
.worry__item a{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:16px 2px;text-decoration:none;color:var(--c-text);
}
.worry__q{font-size:var(--fs-body);line-height:1.9;}
.worry__to{flex:0 0 auto;font-size:var(--fs-micro);letter-spacing:.08em;color:var(--c-text-note);}
/* 遷移先ラベルはaccentにしない＝1画面のaccent点数を1〜3に保つ（design-rules §9-3）。
   本節のaccentは二層ラベル英字1点のみ。 */
.worry__item a:hover .worry__q{opacity:.7;}
@media(max-width:767px){
  .worry__item a{flex-direction:column;gap:6px;}
}

/* ==========================================================
   20260810d QA対応2: 01〜06 の各セクション間に挟む細長い写真帯（ワンクッション）
   ・幅100%（フルブリード）× 高さ clamp(160px,22vh,280px)・object-fit:cover
   ・装飾目的のため alt=""（読み上げ対象外）／loading="lazy"
   ========================================================== */
.perf-band{width:100%;height:clamp(160px,22vh,280px);overflow:hidden;background:var(--c-bg-sub);}
.perf-band__img{display:block;width:100%;height:100%;object-fit:cover;}

/* 段落ち対策（QA performance-03「す。」複数カ所）: SPで最終行が2字になる。文言は不変。
   方針（2026-08-19ディレクター指示）＝**段落ちの箇所だけを直す**。
   それ以外の行は従来どおり幅いっぱいまで文字を詰める。
   - `word-break:auto-phrase`／`text-wrap:balance` は不使用（全行の改行位置が動くため）。
   - 採用＝`text-wrap-style:pretty`。最終行だけを調整し、他行は素と同一に保つ。
   実測（SP390・素→pretty。判定基準＝最終行3文字以上ならOK）:
     用語解説の本文4件「…実施していま／す。」「…示す指標／す。」等 → いずれも「ます。」「です。」の3字へ
     .faq__a「…設計していま／す。」                              → 「ます。」の3字へ
     .spec-card__note「…差し替え掲／載。」                        → 「掲載。」の3字へ
   併せて .term（本文中のインライン用語マーカー）に white-space:nowrap を指定。
   本文の折り返しが用語の内側に落ちて「外壁通／気工法」「維持／管理対策等級」「N／値計算」
   「一次エネルギー消費／量等級」のように**専門用語が途中で割れていた**（SP390実測）。
   最長の用語「一次エネルギー消費量等級」でも約170pxで、最も狭い欄（353px）に収まるため
   はみ出しは起きない。
   .section__title は対象外＝段落ちのない見出しまで「、」で改行して1行目が短くなるため
   （house.html で実測・2026-08-19の方針）。 */
/* [20261029b] SP（767px以下）では pretty を使わない＝iPhone の Safari は段落全体の行をそろえようとして全行が短くなり、文章が左に寄って見えるため（ディレクター選択＝案B）。 */
@media(min-width:768px){
.section p,.section li,.section dd,.section dt,
.section h3,.section h4,.section figcaption,
.spec-card__note,.faq__q,.faq__a{text-wrap-style:pretty;}
}
.term{white-space:nowrap;}
/* 段落ちの語だけを一体で送るためのユーティリティ。適用箇所は本文中の <span class="nowrap"> を参照。 */
.nowrap{white-space:nowrap;}