/* 2026-08-28 ledger#73: .connection-note/.connection-note2 の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 8 本を撤去＝line-height 1.6 / padding 44 が死んでいた） */
/* 2026-08-28 ledger#73: .related-links の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 7 本を撤去＝PC 16px が死んでいた） */
/* ============================================================
   pixel-reset extra.css  ?v=pxr15b-r3  (2026-06-27 テーマ忠実度 retrofit＋2026-06-28 ScrollHint 構造retrofit＝aquos/xperia 基準に揃える)
   ── 器(HTML class語彙)＋CSSは build/aquos-reset/（xperia 系譜・2026-06-26 全5ゲートPASS clean）を verbatim 流用。
      namespace を .main.aquos-reset → .main.pixel-reset へリネームし、節順は wfc（output/pixel-reset/wireframe-content.html）順で配置。
      余白・見出し・色地モデルは aquos-reset/extra.css の §1-B 準拠実装をそのまま採用。
      galaxy-reset/extra.css は §1-B 確立前で 44px節padding／h2.line-title::before左罫／.5pxフォント／generic .point leak の即FAIL逸脱を含むため流用しない。
      正本: refer/theme-conformance-spec.md §1-B（全面色節モデル）／refer/theme-golden-values.md。
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（refer/linxas-sp-0407/css/style.css）は編集しない。
   - スコープは全て `.main.pixel-reset`。
   - トークン（theme-tokens.md / style.css :root 1086-1093）のみ使用:
       --color4 #14355D / --color7 #C8D4E4 / --color9 #224995 / --color10 #EBF0F6 /
       --color11 #7994AA / --color13 #5A7386 / --border #F1F8FF
     ＋承認済み拡張: teal #16AEB1（成功チェック）／自作SVG 3トーン #E2EFFF/#72A2CE/#9DB8E6／限定コーラル #E94F4F（破壊/不安の1点のみ）／
       区切り線 var(--color7)#C8D4E4（§1-B 同色境界の線。#8DB0D0 は濃すぎ＝廃止。正本 refer/spacing-divider-craft-rules.md・2026-06-27 retrofit）。
   - 角丸は 5px 基調（ボタンのみピル）。新色・独自角丸は持ち込まない。font-size は整数pxのみ（.5px禁止＝§4）。
   - 見出しはテーマ正規 <h2 class="line-title"><span>…</span></h2>（span左罫＝テーマ style.css:3442）。::before 発明はしない（§2-1）。
   - CSSパス基準: build/pixel-reset/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
   ============================================================ */

/* ============================================================
   §1-B 全面色節モデルの正本コメント（aquos-reset:20-27 と同）
   ── 白/透明節: テーマ標準 margin:30px auto; padding:0（隣接ギャップ=margin collapse 30px）。
   ── 全面色節（background:var(--color10)）: margin:0（連続色）。節padding・区切り線は各IDで個別指定。
        同じ背景色が隣接する境界だけ border-top:1px solid var(--color7) ＋上下30px。色↔白は色差で区切れるので線なし。
        色/CTA→白 の境界は「色面の padding30（色帯の breathing）＋ 白面の margin30（節間）」の二面構成が正＝二重ではない（refer/spacing-divider-craft-rules.md:49）。margin-top:0 で flush に潰さない。
   ── 25px等の bespoke 節padding 禁止。区切り線色は var(--color7)（#8DB0D0 は濃すぎ＝廃止・正本 refer/spacing-divider-craft-rules.md・2026-06-27 retrofit）。
   ── pixel 節順（2026-08-31 critic r2 手2/手3 の後・W=白 / C=color10）:
        fv(濃紺グラデ) → worry(W) → map=flow(C★) → reasons=reason(W) → why(W)
        → step1=osaifu(C) → step1b=prep(W) → [#cta-mid1 白帯] → step2=account(C) → esim(C) → step3=steps(C)
        → [#cta-mid2 白帯★] → force=models(C★) → trouble=models(W) → erase=safe(C) → gen=models(W) → trust(W)
        → 締めCTA connection(非partbg・W) → faq(W) → related=highsell(W)
      ★=このラウンドの変更。色×色の隣接は step2→esim→step3 の2箇所のみ＝同色が接する側に 1px var(--color7)（#esim / #step3 の border-top）。
        それ以外の境界はすべて白×色＝色差で区切れる＝線なし。
   ============================================================ */

/* ============================================================
   [A] 共通base（泣き別れ抑制・connection-note・section-todo・related・共有部品）
   ============================================================ */
/* 日本語の折返しはテーマ標準 word-break:break-word のみ（auto-phrase/text-wrap balance/pretty は非テーマ＝撤去・2026-06-27 retrofit）。 */
.main.pixel-reset.pixel-reset [class*="part"] p,
.main.pixel-reset.pixel-reset .acs-d, .main.pixel-reset.pixel-reset .op-d,
.main.pixel-reset.pixel-reset .connection-note2,
.main.pixel-reset.pixel-reset .line-content{ overflow-wrap:break-word; word-break:break-word; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .wi-t, .main.pixel-reset .dd, .main.pixel-reset .point .pd, .main.pixel-reset .compare-table td, .main.pixel-reset .qa-item-body, .main.pixel-reset .note, .main.pixel-reset .acs-path */
.main.pixel-reset.pixel-reset .acs-t, .main.pixel-reset.pixel-reset .op-t,
.main.pixel-reset.pixel-reset .step-ja{ word-break:break-word; }

/* connection-note2（中間CTA） / cta connection-note（締めCTA白地） 共通部品。
   §1-B: 色地の上に置く note/CTA帯は白地(#fff)＋淡罫で埋もれさせない。 */
/* 締めCTA(#cta=.part.connection 非partbg・白地節)の note は白地＋淡罫 */
.main.pixel-reset.pixel-reset .connection .connection-note .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .connection .connection-note2 .kw{ color:var(--color9); font-weight:700; }

/* §1-B: connection.partbg（中間CTA帯）＝白地(#fff)＋上下30 breathing。区切り線は背景色で面ごとに判断(var(--color7))。
   pixel の中間CTAは #cta-mid1（上=prep末尾白→上線/下=account色節先頭濃紺バンド→下線なし）。blanket border-top は廃止。
   2026-06-27 retrofit: aquos-reset:65-67 と同実装（透明地+#8DB0D0 を白地+var(--color7) へ・[[bg-color-drives-divider-and-spacing]]）。 */
.main.pixel-reset.pixel-reset .connection.partbg{ background:#fff !important; border:0 !important; padding-top:30px !important; padding-bottom:30px !important; margin:0 !important; }
.main.pixel-reset.pixel-reset #cta-mid1{ border-top:1px solid var(--color7) !important; }/* 白CTA・上=prep末尾(白)→白×白→上線。下=次節先頭(色節 account・濃紺h2バンド)→色差で区切れる→下線なし */
/* 2026-08-31 critic r2 手2 で追加した2本目の中間CTA帯 #cta-mid2（#step3 の直後）。
   上=step3(色 color10・padding-bottom30)／下=force(色 color10・2026-08-31 色節化) の両方が色地＝白帯の上下とも色差で区切れる＝線なし（base の border:0 のまま）。
   先例: build/galaxy-reset/extra.css:64「cta-reset(色reset と色force の間) は両側色差＝線なし」と同条件。 */

/* connection-title 左右の矢印疑似要素を縮小（泣き別れ時の余白暴れ抑制） */
.main.pixel-reset.pixel-reset .connection .connection-title:before,
.main.pixel-reset.pixel-reset .connection .connection-title:after{ margin:2px 9px 0; width:15px; height:15px; }

/* ============================================================
   [A-1] 01 fv（🔶→.fv-todo プレースホルダ・作り込まない）
   ============================================================ */
.main.pixel-reset.pixel-reset .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
/* FV中央のAndroid/Pixelスマホ本体アイコン。濃紺面 → #9DB8E6（icon-baked-fill-gotcha 準拠・currentColor継承） */
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-device{
  display: block; width: 56px; height: 90px; margin: 0 auto 14px; color: #9DB8E6;
}
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-device svg{ width: 100%; height: 100%; display: block; fill: currentColor; }
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-sub{
  font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px;
}
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-todo-note{
  font-size: 11px; color: #9DB8E6; line-height: 1.6;
  border: 1px dashed rgba(157,184,230,.45); border-radius: 5px; padding: 10px 12px; margin: 4px 0 0;
}
/* [A-1b] 2026-08-31 r8: `.fv-steps` / `.fv-steps-intro` / `.fs-n` / `.fs-tx` / `.fs-ar` の器を **撤去** した。
   理由 = ユーザー決定【案D】（refer/recurring-defect-ledger.md #109-2）で FV の①②③をリード段落の地の文へ戻し、
   これらのセレクタが DOM から消えたため。宣言だけ残すと死にルールになる（_work/qa-runner/shared-dead-rule.mjs・台帳#73）。
   同時に撤去したもの: @media(min-width:751px) の 3列 grid / li / .fs-ar 位置調整（同じ器のPC分岐）。
   借用元は build/xperia-reset/extra.css:957-992（xperia 側は現役なのでそちらを消さないこと）。
   r6/r7 で①②③をカード化した経緯と実測は `_review/fix-instructions.md` の r6/r7/r8 章に残す。ここで復活させない。 */
/* FV 内の最終要素（CTA 直下に置く補足の .fv-sub）は下 margin を殺す＝節の padding-bottom 30px と二重にしない。 */
.main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-todo-inner > *:last-child{ margin-bottom:0; }
@media (min-width: 751px){
  .main.pixel-reset.pixel-reset .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ============================================================
   [A-2] related（✅ テーマ board / 矢印アイコンへ翻訳）※highsell 節内の関連リンク
   ============================================================ */
.main.pixel-reset.pixel-reset .line-btitle{ line-height:1.3; word-break:break-word; }/* 2026-06-27 retrofit: h3見出しを見出しtier lh1.3（テーマ heading群1.3）。base1.6継承→h2(1.3)より緩い階層逆転を是正（aquos-reset:129 と同） */
.main.pixel-reset.pixel-reset .highsell .line-btitle.rel-h4{ margin-top: 20px; }/* 2026-06-27 retrofit: h3上余白=20px（line-content SP golden:3711・旧26はbespokeドリフト） */
.main.pixel-reset.pixel-reset .highsell .board{ padding: 6px 16px; margin-top: 14px; }
.main.pixel-reset.pixel-reset .related-links .todo{
  display: inline; font-size: 11px; line-height: 1.5; padding: 1px 6px; margin: 0 2px;
  border-radius: 4px; color: var(--color13); background: #fff; border:1px solid var(--color7); font-weight: 500; vertical-align: middle;
}

/* ============================================================
   [B] 共有部品（複数sectionで使う最小語彙）
   thisinner幅・note・compare-table・deflist・simple3・point・key-box・acc-steps
   ============================================================ */
/* B-1 thisinner（テーマ素 .thisinner と完全一致＝広画面1080pxまで／SP実効ガター15px=計30px） */
.main.pixel-reset.pixel-reset .worry .thisinner,
.main.pixel-reset.pixel-reset .flow .thisinner,
.main.pixel-reset.pixel-reset .why .thisinner,
.main.pixel-reset.pixel-reset .prep .thisinner,
.main.pixel-reset.pixel-reset .osaifu .thisinner,
.main.pixel-reset.pixel-reset .account .thisinner,
.main.pixel-reset.pixel-reset .esim .thisinner,
.main.pixel-reset.pixel-reset .safe .thisinner,
.main.pixel-reset.pixel-reset .models .thisinner,
.main.pixel-reset.pixel-reset .highsell .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }
@media (max-width:750px){
  /* SP実効ガター: テーマ .thisinner SP は calc(100% - 30px)(style.css:1186-1187)。bespoke節も15px×2=30へ統一 */
  .main.pixel-reset.pixel-reset .worry .thisinner,
  .main.pixel-reset.pixel-reset .flow .thisinner,
  .main.pixel-reset.pixel-reset .why .thisinner,
  .main.pixel-reset.pixel-reset .prep .thisinner,
  .main.pixel-reset.pixel-reset .osaifu .thisinner,
  .main.pixel-reset.pixel-reset .account .thisinner,
  .main.pixel-reset.pixel-reset .esim .thisinner,
  .main.pixel-reset.pixel-reset .safe .thisinner,
  .main.pixel-reset.pixel-reset .models .thisinner,
  .main.pixel-reset.pixel-reset .highsell .thisinner{ width:calc(100% - 30px); }
}
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .worry .thisinner,
  .main.pixel-reset.pixel-reset .flow .thisinner,
  .main.pixel-reset.pixel-reset .why .thisinner,
  .main.pixel-reset.pixel-reset .prep .thisinner,
  .main.pixel-reset.pixel-reset .osaifu .thisinner,
  .main.pixel-reset.pixel-reset .account .thisinner,
  .main.pixel-reset.pixel-reset .esim .thisinner,
  .main.pixel-reset.pixel-reset .safe .thisinner,
  .main.pixel-reset.pixel-reset .models .thisinner,
  .main.pixel-reset.pixel-reset .highsell .thisinner{ max-width:1000px; }
}

/* B-2 note（情報注記・白円infoチップ）。
   2026-06-27 retrofit（aquos-reset:177-195 と同）: 補足は控えめ＝11px・color3・box-shadow廃止。
   背景は背景色で出し分け＝白背景節=透明+border var(--color7)／色背景節=#fff・borderなし・影なし。 */
.main.pixel-reset.pixel-reset .note{ position:relative; margin-top:18px; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.pixel-reset.pixel-reset .note .n-i{ position:absolute; left:13px; top:10px; width:20px; height:20px; background:#fff; border:1px solid var(--color7); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.pixel-reset.pixel-reset .note .n-i svg{ width:100%; height:100%; display:block; }
.main.pixel-reset.pixel-reset .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }/* 2026-06-27 retrofit: 本文中インラインリンクの疑似矢印「›」を削除（テーマ本文リンクは矢印を持たない＝ナビ/一覧リンクのみ矢印） */
.main.pixel-reset.pixel-reset .note strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .note .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .note .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
/* 白背景節(worry/why/prep/reasons/models(trouble,gen)/highsell): 背景なし(透明)＋border var(--color7)・影なし（透明fall-through撲滅＝harness B） */
.main.pixel-reset.pixel-reset .worry .note,
.main.pixel-reset.pixel-reset .why .note,
.main.pixel-reset.pixel-reset .prep .note,
.main.pixel-reset.pixel-reset .reason .note,
.main.pixel-reset.pixel-reset .models .note{ background:transparent; border:1px solid var(--color7); }
/* 色背景節(map/osaifu/account/esim/steps/safe/highsell): 白背景(#fff)・borderなし・影なし */
.main.pixel-reset.pixel-reset .flow .note,
.main.pixel-reset.pixel-reset .osaifu .note,
.main.pixel-reset.pixel-reset .account .note,
.main.pixel-reset.pixel-reset .esim .note,
.main.pixel-reset.pixel-reset .safe .note,
.main.pixel-reset.pixel-reset .highsell .note{ background:#fff; }
/* 2026-08-31 critic r2 手3: #force は色節化したので、#force 内だけ「色地の白カード」側に寄せる（同ファイルの上の規則と同じ作法）。
   #trouble / #gen は白節のまま＝`.models .note` の透明+罫を維持（ID で限定し、他2節に漏らさない）。 */
.main.pixel-reset.pixel-reset #force .acs{ background:#fff; }        /* 白節では var(--border)#F1F8FF。色地(#EBF0F6)では差が 4% しかないため #fff（.account/.esim と同じ扱い） */
.main.pixel-reset.pixel-reset #force .step-fig{ background:#fff; }   /* 色地節の図版枠は白カード＝osaifu/account/esim と同じ（:497 の規則と同作法）。#step3 の step-fig は白い .proc-step カードの中なので対象外 */

/* B-3 compare-table（th navy / zebra / cell破線）。2026-06-27 retrofit: td本文12（line-content SP:3710）・th13＝th>td。line-height統一1.6（body base:71）。auto-phrase撤去→break-word
   2026-07-26 共通化: font-size は build/_shared/components.css の canon（table 12 → PC td14／th 13 → PC15）に委譲＝ここでの再宣言は
   詳細度(0,3,0)で共通 PC tier(0,2,1)より節スコープ版が勝つ経路（ledger#33 同型の「PC据置バグ」）を残すため置かない。地色/角丸/影/幅/罫は節固有として維持（SP computed は不変＝canon と同値）。 */.main.pixel-reset.pixel-reset .compare-table{ width:100%; margin:18px 0 0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table,
.main.pixel-reset .compare-table th,
.main.pixel-reset .compare-table td */
.main.pixel-reset.pixel-reset .compare-table th:first-child{ width:34%; }
/* 2026-08-30 critic r1 上位手④: 2列表(#map)の左列は 34% だと長文ラベルが文字単位で泣き別れる → 46%。
   出典= build/aquos-reset/extra.css:186（同一事象に対する確定fix・「flow左列が34%で長文ラベルが文字単位泣き別れ→46%に拡幅(2列表のみ)」）。
   2026-08-31 r5 手3（critic r4 A-3）: 46% でも「長文列が狭く・リンク列が広い」＝canon の使い分けと逆のままだった
     （実測 @390: 左 165.6px に6行中4行が3行組み＋語中割れ「FRP回|避」「（物|理SIMは抜く」／右 194.4px はリンク1本で常に1行）。
   critic 提案の 66% は実測で右列が壊れる: 右列リンクの最長「バックアップを見る」の実測必要幅 108.0px ＋ td padding 28px = 136px。
     表幅は @375=345px なので右列の下限は 39.4%＝左列の上限は 60.5%。66%/62% はどちらも @375/@390 で「バックアップを見る」が2行に割れた。
   採用値 60%（= 実測で「左列 最大2行・右列 全行1行」を満たす最大値）。@375 左207px/右138px・@390 左216px/右144px・@751 以上は左右とも全行1行。 */
.main.pixel-reset.pixel-reset .flow .compare-table th:first-child{ width:60%; }
/* th=13>td=12（theme-golden §5・th 見出しレベル／td 本文）。2026-07-26 共通化: font-size は _shared canon（SP13→PC15）へ委譲＝
   ここで再宣言すると PC で th<td の逆転（ledger#31）を作る経路が残る。地色/文字色/padding/行間は節固有として維持。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table td:not(:first-child) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table td strong *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table .todo *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table td a */

/* B-3b gen 世代別表は4列＝th幅 first-child のワイド指定を解除しモバイルで均等寄せ
   2026-07-26 共通化: 旧 `.gen .compare-table` は撤去（値は canon と同じ 12px だが詳細度(0,4,0)で
   共通 PC tier(0,2,1)に勝ち、#gen の表だけ PC 12px 据置＝同一ページ内で #map/#trouble(14px) と割れていた実害があった）。
   列幅/セル padding は #gen 固有のコンテキストなので残す。
   2026-08-31 r5 手2（critic r4 A-2 / 台帳#99）: この行は `//` で始まっていた＝2026-08-27 の一括「canon へ委譲」置換が、
   コメント本文中の文字列 `.gen .compare-table` を実ルールと誤認し、既存コメントの `/` と `*` の間へ委譲マーカーを差し込み、
   閉じ側のマーカーを直下行のバッククォート内に落としていた。結果このコメント全体が次のセレクタと連結して不正 prelude になり、
   直下の th:first-child ルールが CSSOM に載っていなかった（実測: CSSOM 内 0 件・computed 122.39px＝canon 34% へフォールバック）。
   実害は #gen の機種名が「Pixel 6 / 6a / 6」＋「Pro」と3行とも割れること。マーカーを除去して復旧。
   再発検出 = node _work/qa-runner/css-syntax-lint.mjs pixel-reset（行頭 // とセレクタ末尾カンマの静的検出・台帳#99）。 */
.main.pixel-reset.pixel-reset .gen .compare-table th:first-child{ width:40%; }/* 2026-08-30: 4列→2列化に伴い左列(世代)を 46%（#map と同値）。
   2026-08-31 r5: 上のパース事故を直して 46% が初めて効いた結果、今度は右列が足りず「eSIM・おサイフとも対応／共｜通」＝1字の孤立行が3行に出た。
   実測の内在幅: 左列 最大 103.3px（Pixel 6 / 6a / 6 Pro）＋td padding 28px = 131.3px ／ 右列 最短行 171.5px＋28 = 199.5px。
   表幅 345px(@375) では 左 38.1%〜42.2% が両立域 → 40% を採用（@375 左138/右207・@390 左144/右216 で左1行・右も孤立行なし）。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .gen .compare-table th,
.main.pixel-reset .gen .compare-table td */

/* B-4 deflist（白カード番号付き定義リスト・step1 / step1b / erase で使用）。
   2026-06-27 retrofit: .di ドロップシャドー廃止（色節は白地で図地分離・白節は color10 で分離）。dt=15px/lh1.3（カードタイトルtier）。dd=12px/lh1.6（本文）。矢印‹›撤去。 */
.main.pixel-reset.pixel-reset .deflist{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.pixel-reset.pixel-reset .di{ background:#fff; border-radius:5px; padding:15px 16px; }
.main.pixel-reset.pixel-reset .prep .di{ background:var(--color10); }/* 白背景節(prep)の.diは color10（白on白回避・影なし） */
.main.pixel-reset.pixel-reset .dt{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.3; }
.main.pixel-reset.pixel-reset .dt .n{ flex:0 0 auto; font-size:12px; font-weight:800; color:#fff; background:var(--color9); border-radius:4px; padding:3px 9px; line-height:1.2; }
/* 2026-08-31 r6 M-5: #step1 の .n は構成案（wireframe-content.html:440/444/448）どおりの語ラベル（Suica / Edy / 他）なので
   連番へは変えない（台帳#100「撤去対象が構成案に在れば移動・調整で解く」）。金型の .n は連番専用で全部 32x20px＝幅が揃うが、
   語ラベルは 50 / 40 / 30px とばらつき、同じ縦並び3枚の .dt-t 開始 x が 125 / 116 / 105px とズレていた（@390 実測）。
   → 最長ラベル（Suica=50px）に min-width を合わせて左端を揃える。#erase の .n は「端末側 / 当社側」で既に同幅（54px）なので対象外。 */
.main.pixel-reset.pixel-reset .osaifu .deflist .dt .n{ min-width:50px; text-align:center; }
.main.pixel-reset.pixel-reset .dd{ font-size:12px; line-height:1.6; color:#333; margin-top:8px; }
.main.pixel-reset.pixel-reset .dd strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .dd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.pixel-reset.pixel-reset .dd .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }

/* B-5 simple3（3ステップ横並び・番号食い込み丸・reason 節末の売却3STEPで使用） */
.main.pixel-reset.pixel-reset .simple3{ display:flex; align-items:stretch; gap:0; margin:24px 0 0; }
.main.pixel-reset.pixel-reset .simple3 .s{ position:relative; flex:1; min-width:0; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 8px 14px; text-align:center; }
.main.pixel-reset.pixel-reset .simple3 .s .n{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); width:38px; height:38px; border-radius:50%; background:var(--color9); color:#fff; font-size:18px; font-weight:800; display:flex; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 6px rgba(18,77,137,.3); }
.main.pixel-reset.pixel-reset .simple3 .s .t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }/* 2026-06-27 retrofit: カードtitle=lh1.3（見出しtier・半端1.45廃止） */
.main.pixel-reset.pixel-reset .simple3 .s .d{ display:block; font-size:11px; color:#5A7386; line-height:1.6; margin-top:4px; }/* 2026-06-27 retrofit: 説明文=lh1.6（本文tier・base継承71・半端1.45廃止） */
.main.pixel-reset.pixel-reset .simple3 .s .d .todo{ display:inline; font-size:10px; background:var(--color10); color:var(--color13); border-radius:4px; padding:0 5px; }
.main.pixel-reset.pixel-reset .simple3 .arrow{ flex:0 0 16px; align-self:center; height:13px; background:url(../images/pixel-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
@media (max-width:750px){
  .main.pixel-reset.pixel-reset .simple3 .s{ padding:22px 4px 12px; }
  .main.pixel-reset.pixel-reset .simple3 .s .t{ font-size:12px; }
  .main.pixel-reset.pixel-reset .simple3 .arrow{ flex-basis:12px; }
}
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .simple3{ max-width:720px; margin-left:auto; margin-right:auto; }
}

/* B-6 h4 集約見出し（reason 節末「売却はかんたん3STEP」用＝line-btitle に統一） */
.main.pixel-reset.pixel-reset .reason .line-btitle.simple3-h4{ margin:20px 0 0; }/* 2026-06-27 retrofit: h3上余白=20px（line-content SP golden:3711・旧26ドリフト） */

/* B-7 point / point.danger（左罫の注意ボックス）＝bespoke。why/step2/step3/force/erase の注意/危険箱に使用 */
.main.pixel-reset.pixel-reset .point{ position:relative; background:#fff; border-radius:5px; padding:15px 16px; margin-top:18px; box-shadow:0 0 5px rgba(18,77,137,.16); border-left:4px solid var(--color9); }
.main.pixel-reset.pixel-reset .point .pt{ display:flex; align-items:baseline; gap:8px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.3; }/* 2026-06-27 retrofit: pointタイトル=lh1.3（見出しtier・1.5廃止） */
.main.pixel-reset.pixel-reset .point .pt .pn{ flex:0 0 auto; font-size:11px; font-weight:700; color:#fff; background:var(--color9); border-radius:4px; padding:2px 8px; line-height:1.4; }
.main.pixel-reset.pixel-reset .point .pd{ font-size:12px; line-height:1.6; color:#333; margin-top:7px; }/* 2026-06-27 retrofit: 説明文body=12（line-content SP:3710）・lh1.6（base継承71） */
.main.pixel-reset.pixel-reset .point .pd strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .point .pd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.pixel-reset.pixel-reset .point .pd .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .point.danger{ border-left-color:#E94F4F; box-shadow:0 0 5px rgba(233,79,79,.2); }
.main.pixel-reset.pixel-reset .point.danger .pt{ color:#E94F4F; }
.main.pixel-reset.pixel-reset .point.danger .pt .pn{ background:#E94F4F; }
/* ★必須(§0-4 / theme-fidelity FAIL是正): 上の bespoke .point 装飾(影/border-left:4px)が、同じ bare class を持つ
   ✅流用 reason カード(.reason .reason-point .point-list .point)へ漏れるのを打ち消す→reason カードのみ装飾解除(テーマ標準=影なし/左罫なし)。
   bespoke note/danger箱(why/account/steps/models/safe の .point/.point.danger)はそのまま。aquos-reset/extra.css:252 相当。 */
.main.pixel-reset.pixel-reset .reason .reason-point .point-list .point{ box-shadow:none; border-left:0; margin-top:0; }
/* 2026-08-31 aquos canon（aquos-reset/extra.css:242）へ統一。旧実装は bespoke `.point{margin-top:18px}`(:263) の漏れを
   **先頭カードだけ** `li:first-child` で戻し、突き抜け分を `padding-bottom:36px` で補っていた。この `li:first-child` は
   メディアクエリの外＝PC(3カラムgrid)でも効くため、**POINT 01 だけ 02/03 より 18px 上にズレていた**
   （実測 @1280 カード上端 [40,58,58]／金型 aquos・galaxy・ipad・airpods・mac は全て [40,40,40]）。
   SP でも先頭のカード間ギャップだけ 38px（他 20px・金型は全て 20）だった。
   → 打ち消しルールに `margin-top:0` を統合（上行）。突き抜けが消えるので padding-bottom の水増しと
     `li:first-child` は不要になったため撤去（死にルールを残さない）。枠内余白はテーマ既定に戻る
     （style.css:6995-6996 `.point-list{padding:18px 15px}` / :6565 PC `40px 30px`）。 */

/* B-8 key-box（淡地カード＋line-btitle見出し・account で使用）。
   ※色地節(account)内に置くため key-box は白カードで地と分離。 */
.main.pixel-reset.pixel-reset .key-box{ background:#fff; border-radius:5px; padding:18px 16px 16px; margin:26px 0 0; box-shadow:0 0 5px rgba(18,77,137,.2); }
.main.pixel-reset.pixel-reset .key-box .line-btitle.kb-t{ margin:0 0 10px; }
.main.pixel-reset.pixel-reset .key-box p{ font-size:12px; line-height:1.6; color:#333; margin:0; }/* 2026-06-27 retrofit: 説明文body=12（line-content SP:3710）・lh1.6（base継承71） */
.main.pixel-reset.pixel-reset .key-box p + p{ margin-top:10px; }/* 2026-08-30: 230字の説明文を2段落へ分割（craft標準レシピ②）。段落間の呼吸＝同ページ .key-box 見出し下 margin(10px) と同値 */
.main.pixel-reset.pixel-reset .key-box p strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .key-box p .kw{ color:var(--color9); font-weight:700; }

/* B-9 acc-steps（操作手順カード＝設定パス付き。step1b/account/esim/force のアコーディオン外手順用）。
   2026-06-27 retrofit: .acs ドロップシャドー廃止。色背景節(account/esim)＝白地#fffで図地分離／白背景節(prep/force)＝color10で分離。
   acs-t=15px/lh1.3（カードタイトル）。acs-d=12px/lh1.6（本文）。acs-path lh1.6。 */
.main.pixel-reset.pixel-reset .acc-steps{ display:flex; flex-direction:column; gap:12px; margin:14px 0 0; }
.main.pixel-reset.pixel-reset .acs{ display:flex; gap:12px; align-items:flex-start; background:#fff; border-radius:5px; padding:14px 15px; }
.main.pixel-reset.pixel-reset .prep .acs,
.main.pixel-reset.pixel-reset .models .acs{ background:var(--border); }/* 白背景節(prep/force)の.acsは var(--border)#F1F8FF（白on白回避・影なし・golden§2.6白地box）。内側 acs-path(color10) とも色差で分離 */
.main.pixel-reset.pixel-reset .acs-n{ flex:0 0 26px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-weight:bold; border-radius:5px; font-size:14px; margin-top:1px; }
.main.pixel-reset.pixel-reset .acs-box{ min-width:0; flex:1; }
/* 2026-08-31 critic r3 手2（A-3 の是正）: `.acs` 14枚が概念アイコン0だった
   （galaxy-reset 9枚に12・xperia-reset 23枚に23＝どちらも全カードに1枚。design-craft 標準レシピ①）。
   reuse: build/galaxy-reset/extra.css:365-377（`.acs-lead` で番号とアイコンを1カラムに縦積み。出典は xperia:880-887）。
   なぜ縦積みか: `.acs` は flex 行（.acs-n 26px + gap12 + .acs-box）。アイコンを行に足すと本文幅が
     26+12+42+12=92px 削れて泣き別れを誘発する。縦積みなら削れるのは 42-26=16px だけで、視線の起点も1つに揃う。
   寸法 42/38px は本ページ既存の概念アイコン tier（`.worry .wi .wic` ＝ PC 42 / SP 38）と同値
     ＝ページ内でアイコン寸法を割らない（新しい tier を作らない）。
   SP tier をここ（基底宣言の直後）に置くのは galaxy r7 の教訓＝後方の @media(max-width:750px) ブロックに書くと
     同特異度でソース順に負けて SP でも 42px のままになる。
   2026-08-31 r5 手1（critic r4 A-1）: 縦積み（.acs-n 26 + gap8 + .acs-ic 42 ＝ lead 72/76px）は本ページには不適だった。
     galaxy の `.acs` は本文が長く（.acs-box 104-182px）lead がカード高を支配しないが、pixel の本文は xperia 並みに短い
     （.acs-box 43.7-139.6px）ため、実測で 14枚中 6枚(@390) / 9枚(@1280) がアイコン列でカード高が決まり、
     本文の右下に死に余白ができていた（galaxy 0/9・xperia 0/23）。
   → 出典を galaxy:365 から xperia:880（`flex:0 0 auto; align-self:flex-start; flex-direction:row`）へ差し替える。
     lead 高が 72/76 → 38/42 になり、カード高は必ず本文が決める。器はどちらも DONE 金型・同じ `.acs-lead` 語彙。 */
.main.pixel-reset.pixel-reset .acs > .acs-lead{ flex:0 0 auto; align-self:flex-start; display:flex; flex-direction:row; align-items:center; gap:8px; }
.main.pixel-reset.pixel-reset .acs > .acs-lead > .acs-n{ margin-top:0; }
.main.pixel-reset.pixel-reset .acs-ic{ display:block; width:42px; height:42px; }
.main.pixel-reset.pixel-reset .acs-ic svg{ width:100%; height:100%; display:block; }
@media (max-width:750px){
  .main.pixel-reset.pixel-reset .acs-ic{ width:38px; height:38px; }
}
.main.pixel-reset.pixel-reset .acs-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }
.main.pixel-reset.pixel-reset .acs-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }
.main.pixel-reset.pixel-reset .acs-d strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .acs-d .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .acs-path{ display:block; font-size:11px; color:#15315A; background:var(--color10); border-radius:5px; padding:7px 10px; margin-top:8px; line-height:1.6; }
.main.pixel-reset.pixel-reset .acs-path b{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .acs-d .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .account .acc-steps,
  .main.pixel-reset.pixel-reset .esim .acc-steps,
  .main.pixel-reset.pixel-reset .models .acc-steps{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}

/* ============================================================
   §1-B 節地色・余白・区切り線（ID個別指定）
   ── 白節: margin:30px auto; padding:0（テーマ標準）。
   ── 色節: background:var(--color10); margin:0。padding/border-top は下記 ID で個別。
   ── 同色隣接境界のみ border-top:1px solid var(--color7) ＋上下30（同色が接する側に線）。色↔白は線なし。
   ── 色/CTA→白 の境界は 色面 padding30 ＋ 白面 margin30 の二面構成（spacing-divider-craft-rules.md:49）。margin-top:0 で潰さない。
   ── pixel 節順（2026-08-31 更新）: fv(濃紺) worry(W) map=flow(C) reasons(W) why(W)
        → step1 osaifu(C) → step1b prep(W) → [#cta-mid1 白帯] → step2 account(C) esim(C) step3 steps(C)
        → [#cta-mid2 白帯] force(C) trouble(W) → erase safe(C) → gen(W) trust(W) → 締めCTA connection(非partbg) → faq(W) related(W)
   ============================================================ */
/* 白節（テーマ標準）— worry/reason/why/prep(step1b)/models(trouble,gen)/highsell/faq は .part{margin:30px auto}(style.css:4521) に委ねる。
   色/CTA→白 の境界は「色面の padding30 ＋ 白面の margin30」の二面構成が正（refer/spacing-divider-craft-rules.md:49）。
   これは二重余白ではないので margin-top:0 で潰さない（2026-08-31 critic r3 手1 で 4宣言を撤去）。 */
/* 2026-08-31 critic r3 手1（A-1 の是正・撤去）:
   #reasons / #step1b / #trouble / #gen の `margin-top:0` 4宣言を撤去した。
   ★なぜ 0px になっていたか＝「色節を増やしたら境界の余白規則を再確認する」を怠った副作用。
     r3 で #map と #force を色節化した際、直後の白節（#reasons / #trouble）へ既存の誤った前提
     （色節直後の白節は margin-top:0 で二重60を回避）をそのまま横展開し、規約が名指しで禁じた形を倍増させた。
   ★正しい規則（refer/spacing-divider-craft-rules.md:49）:
     「色↔白境界 = 色面の padding（色帯の breathing）＋ 白面の margin（節間）。これは別々の面の余白で
       『二重』ではない。margin-top:0 等で潰して flush にしない（trouble の上余白を消した過修正＝NG）」。
     同 :116 も過去の失敗として同じ形を列挙している。
   実測の裏取り: コホート9ページ28境界すべてが @390 30px（@1280 48px）で、0px は pixel だけだった。
   撤去後の白節は theme `.part{margin:30px auto}`（refer/linxas-sp-0407/css/style.css:4521）に委ねる。
   ※色↔白の境界に区切り線は足さない（同規則: 同色境界のみ var(--color7)）。padding+margin の二重も作らない。 */
.main.pixel-reset.pixel-reset .highsell{ margin-top:0; }  /* prev=締めCTA(.connection 非partbg)→ テーマ .connection SP に委ね二重回避 */

/* 色節（全面 color10）。共通=連続色 margin:0。padding/区切り線は各IDで個別。 */
.main.pixel-reset.pixel-reset .flow,
.main.pixel-reset.pixel-reset .osaifu,
.main.pixel-reset.pixel-reset .account,
.main.pixel-reset.pixel-reset .esim,
.main.pixel-reset.pixel-reset .part.steps,
.main.pixel-reset.pixel-reset #force,
.main.pixel-reset.pixel-reset .safe{ background:var(--color10); margin:0; }

/* 2026-08-31 critic r2 手3（白/色の切替頻度 0.389 → 実測 0.632・金型 mac 0.600/ipad 0.563/galaxy 0.500）:
   色節を2つ増やす。選定は「両隣が白＝1節の色化で切替が2つ増える」かつ「節の中の部品が color10 と衝突しない」ことで決めた（描画で確認）。
     #map（早見表）= 冒頭の白面連続4節（worry/map/reasons/why・約2,700px）を割る。中身は compare-table（自前で background:#fff＋角丸＋影＝
       色地でもカードとして立つ。先例 build/galaxy-reset の色節 #why-reset に同じ compare-table）と .note（下で白地に切替）だけ。
     #force（強制初期化）= 新設した白CTA帯 #cta-mid2 と白 #trouble に挟まれた1節。先例 build/galaxy-reset/extra.css:469 `.force{background:var(--color10)}`（同名節）。
   ★不採用にした候補と理由（描画で確認した実測）: #reasons はテーマ `.reason .point-list` が自前で background:var(--color10)（style.css:6565-6568）＝
     色地に置くと枠が消える。#faq は `.faq .qa-item` が同 color10（:7205-7210）。#related は `.part .board` が同 color10（:3722-3728）。
     #trust はテーマ voice が `--voice-background-color: var(--color10)`（:6692-6702）。いずれもテーマ部品の地色を書き換えないと成立しない＝見送り。 */
.main.pixel-reset.pixel-reset #map{ padding:30px 0; }                             /* prev=worry(白)→色差で区切れる＝線なし。next=reasons(白)→線なし。上下30 breathing＋次節の margin30（r3 手1 で mt0 撤去） */
.main.pixel-reset.pixel-reset #force{ padding:30px 0; }                           /* prev=#cta-mid2(白 full-bleed 帯・padding-bottom30)→白×色＝色差→上線なし（galaxy #cta-reset→#force と同型）。next=trouble(白・margin30) */
.main.pixel-reset.pixel-reset #step1{ padding:30px 0; }                           /* prev=why(白)→色差で区切れる＝線なし。上下30 breathing */
.main.pixel-reset.pixel-reset #step2{ padding:30px 0; }                           /* prev=中間CTA partbg(透明帯・padding-bottom30)→色差で区切れる＝線なし。上下30 */
.main.pixel-reset.pixel-reset #esim{ padding:30px 0; border-top:1px solid var(--color7); }   /* prev=step2 account(同色)→区切り線・上下30。線色 var(--color7)（#8DB0D0は濃すぎ廃止・2026-06-27 retrofit） */
.main.pixel-reset.pixel-reset #step3{ padding:30px 0; border-top:1px solid var(--color7); }  /* prev=esim(同色)→区切り線・上下30。next=#cta-mid2(白帯)→色差＝線なし。線色 var(--color7) */
.main.pixel-reset.pixel-reset #erase{ padding:30px 0; }                           /* prev=trouble(白)→色差で区切れる＝線なし。上下30 breathing＋次節 gen の margin30（r3 手1 で mt0 撤去） */

/* ============================================================
   [C] worry（不安提示・吹き出し列）※aquos の .why worry-board 器を .worry に rescope
   ============================================================ */
.main.pixel-reset.pixel-reset .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:20px; }
.main.pixel-reset.pixel-reset .board-head{ margin:0; line-height:1.3; word-break:break-word; }/* 2026-06-27 retrofit: board-head見出しを見出しtier lh1.3（テーマ heading群）。base1.6継承→h2(1.3)より緩い階層逆転を是正 */
.main.pixel-reset.pixel-reset .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; padding:0 0 16px; }
.main.pixel-reset.pixel-reset .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.pixel-reset.pixel-reset .worry .worry-board .wi{ position:relative; width:88%; background:#fff; border-radius:5px; padding:12px 16px 12px 12px; display:flex; align-items:center; gap:11px; font-size:14px; line-height:1.6; color:#333; box-shadow:0 0 10px rgba(18,77,137,.16); }
.main.pixel-reset.pixel-reset .worry .worry-board .wi:after{ content:""; position:absolute; bottom:-5px; left:30px; width:12px; height:12px; background:#fff; transform:rotate(45deg); box-shadow:5px 5px 7px -3px rgba(18,77,137,.12); }
.main.pixel-reset.pixel-reset .worry .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.pixel-reset.pixel-reset .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
.main.pixel-reset.pixel-reset .worry .worry-board .wi .wic{ width:42px; min-width:42px; height:42px; }
.main.pixel-reset.pixel-reset .worry .worry-board .wi .wic svg{ width:100%; height:100%; display:block; }
.main.pixel-reset.pixel-reset .worry .worry-board .wi .wi-t{ min-width:0; }
.main.pixel-reset.pixel-reset .worry .worry-board .wi .wi-t strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .worry .worry-lead{ font-size:12px; line-height:1.6; color:#333; margin:24px 0 0; }/* 2026-06-27 retrofit: lead本文=12px/lh1.6（line-content SP golden:3710・base継承71） */
.main.pixel-reset.pixel-reset .worry .worry-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .worry .worry-lead .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .worry .lead-sum{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .worry .lead-sum strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .worry .lead-sum .kw{ color:var(--color9); font-weight:700; }
@media (max-width:750px){
  .main.pixel-reset.pixel-reset .worry .worry-board{ padding:0; }
  .main.pixel-reset.pixel-reset .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; text-align:center; }
  .main.pixel-reset.pixel-reset .worry .worry-board .wi{ font-size:13px; }
  .main.pixel-reset.pixel-reset .worry .worry-board .wi .wic{ width:38px; min-width:38px; height:38px; }
}
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.pixel-reset.pixel-reset .worry .worry-board .wi{ width:auto; }
  .main.pixel-reset.pixel-reset .worry .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.pixel-reset.pixel-reset .worry .worry-lead{ max-width:780px; }
}

/* lead-sum（章リード強調・wfc の .lead-sum を section リードに翻訳＝テーマ語彙の段落として navy 強調）。
   独自 .lead-sum 帯(coral左罫/淡地)は持ち込まず、章導入の段落として扱う。 */
.main.pixel-reset.pixel-reset .flow .lead-sum,
.main.pixel-reset.pixel-reset .reason .lead-sum,
.main.pixel-reset.pixel-reset .why .lead-sum,
.main.pixel-reset.pixel-reset .osaifu .lead-sum,
.main.pixel-reset.pixel-reset .prep .lead-sum,
.main.pixel-reset.pixel-reset .account .lead-sum,
.main.pixel-reset.pixel-reset .esim .lead-sum,
.main.pixel-reset.pixel-reset .steps .lead-sum,
.main.pixel-reset.pixel-reset .models .lead-sum,
.main.pixel-reset.pixel-reset .safe .lead-sum,
.main.pixel-reset.pixel-reset .trust .voice-body,/* 2026-07-26: #trust の締め段落も同じ本文tier＝新規宣言を作らず既存ルールへ同居させる（重複宣言を増やさない） */
.main.pixel-reset.pixel-reset .faq .lead-sum{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
/* 2026-08-31 r6 M-2: FAQ タブのラベルを単一 flex item に包む器（台帳#97 の処方・写経元 build/before-shipping/extra.css:763）。
   theme の .faq-menu-title は display:flex + justify-content:space-between（refer/linxas-sp-0407/css/style.css:7158-7169）で、
   ラベルを匿名 flex item のまま置くと右端が .arrow の領域へ食い込む（kaitoriten/galaxy で 11-17px の実測あり）。
   ※共通化: `.faq-menu-title .fmt-t` はテーマ部品の作法なので本来 build/_shared/components.css の実体にすべきだが、
     移行は台帳#97 が予定している「走行中ラウンド着地後の横断是正」（beginners/galaxy の同型是正と同時）に回す
     ＝ここで _shared を触ると DONE ページの成果物が一斉に stale になるため（台帳#78/#89 と同じ運用判断）。 */
.main.pixel-reset.pixel-reset .faq .faq-menu-title .fmt-t{ flex:1 1 auto; min-width:0; }
.main.pixel-reset.pixel-reset .flow .lead-sum strong,
.main.pixel-reset.pixel-reset .reason .lead-sum strong,
.main.pixel-reset.pixel-reset .why .lead-sum strong,
.main.pixel-reset.pixel-reset .osaifu .lead-sum strong,
.main.pixel-reset.pixel-reset .prep .lead-sum strong,
.main.pixel-reset.pixel-reset .account .lead-sum strong,
.main.pixel-reset.pixel-reset .esim .lead-sum strong,
.main.pixel-reset.pixel-reset .steps .lead-sum strong,
.main.pixel-reset.pixel-reset .models .lead-sum strong,
.main.pixel-reset.pixel-reset .safe .lead-sum strong,
.main.pixel-reset.pixel-reset .trust .voice-body strong,
.main.pixel-reset.pixel-reset .faq .lead-sum strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset [class*="part"] .lead-sum .kw{ color:var(--color9); font-weight:700; }
/* 2026-08-31 critic r3 手4（A-4 の是正）: PC で `.lead-sum`(1000px) と `*-lead`(780px) が
   同一タイポ（12/1.6/500/#333・PC 15/1.6）のまま縦に連続し、13節で右端が 220px ずれていた。
   金型3本（mac/ipad/galaxy）は「h2 → lead 1本 → 部品」で measure の不一致を持たない。
   → `.lead-sum` を既存の 780px tier（本ファイル各節の `*-lead{max-width:780px}` 群と同値）に入れて
     読み幅を1本に揃える。新しい値は作っていない（780px は既存 tier の値）。 */
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .lead-sum{ max-width:780px; }
}

/* ============================================================
   [D] flow（売却前チェックリスト早見表）＝compare-table＋note
   ============================================================ */
.main.pixel-reset.pixel-reset .flow .quick-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .flow .quick-lead strong{ color:var(--color9); font-weight:700; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .flow .compare-table td.lbl br */
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .flow .quick-lead{ max-width:780px; }
}

/* ============================================================
   [E] reason（選ばれる理由＋売却3STEP）＝reason-point(✅)＋simple3＋note
   ============================================================ */
.main.pixel-reset.pixel-reset .reason .reason-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .reason .reason-lead strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .reason .reason-lead{ max-width:780px; }
}

/* ============================================================
   [F] why（なぜリセットを最後にするか）＝bespoke point/point.danger
   ============================================================ */
.main.pixel-reset.pixel-reset .why .why-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .why .why-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .why .why-lead .kw{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .why .why-lead{ max-width:780px; }
}

/* ============================================================
   [G] osaifu（STEP1 おサイフ残高移行）＝色地part＋deflist＋note
   ============================================================ */
.main.pixel-reset.pixel-reset .osaifu .osaifu-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .osaifu .osaifu-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .osaifu .osaifu-lead .kw{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .osaifu .osaifu-lead{ max-width:780px; }
}

/* ============================================================
   [H] prep（STEP1.5 データバックアップ）＝白地part＋acc-steps＋note
   ============================================================ */
.main.pixel-reset.pixel-reset .prep .prep-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .prep .prep-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .prep .prep-lead .kw{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .prep .prep-lead{ max-width:780px; }
}

/* ============================================================
   [I] account（STEP2 Googleアカウント削除＝FRP回避）＝色地part＋key-box＋acc-steps＋point＋note
   ============================================================ */
.main.pixel-reset.pixel-reset .account .account-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .account .account-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .account .account-lead .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .account .line-btitle.account-h4{ margin:20px 0 6px; }/* 2026-06-27 retrofit: h3上余白=20px（line-content SP golden:3711・旧26ドリフト） */
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .account .account-lead{ max-width:780px; }
}

/* ============================================================
   [J] esim（eSIM削除・物理SIM/SD抜き取り）＝色地part＋acc-steps＋note
   ============================================================ */
.main.pixel-reset.pixel-reset .esim .esim-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .esim .esim-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .esim .esim-lead .kw{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .esim .esim-lead{ max-width:780px; }
}

/* ============================================================
   [K] steps（STEP3 工場出荷リセット・HowTo主役）aquos steps をリネーム移植
   実機スクショ不使用（§9偽装回避）→確定手順図1点を .step-fig 枠で表示。
   ============================================================ */
.main.pixel-reset.pixel-reset .steps .steps-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .steps .steps-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .steps .steps-lead .kw{ color:var(--color9); font-weight:700; }
/* (1) 全体像 3STEP バンド */
.main.pixel-reset.pixel-reset .steps .proc-overview{ display:flex; align-items:stretch; gap:0; margin:24px 0 8px; }
.main.pixel-reset.pixel-reset .steps .ov-step{ position:relative; flex:1; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 6px 12px; text-align:center; }
.main.pixel-reset.pixel-reset .steps .ov-step .ov-num{ position:absolute; left:50%; top:0; transform:translate(-50%,-48%); font-size:25px; font-weight:800; font-style:italic; color:var(--color9); line-height:1; white-space:nowrap; }
.main.pixel-reset.pixel-reset .steps .ov-step .ov-t{ font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; word-break:break-word; }/* 2026-06-27 retrofit: 概観stepタイトル=lh1.3（見出しtier）・auto-phrase/balance撤去→break-word */
.main.pixel-reset.pixel-reset .steps .ov-step .ov-d{ font-size:11px; color:var(--color13); line-height:1.6; margin-top:4px; }/* 2026-06-27 retrofit: 概観step説明文=lh1.6（本文tier・base継承71） */
.main.pixel-reset.pixel-reset .steps .ov-arrow{ flex:0 0 18px; align-self:center; height:14px; background:url(../images/pixel-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }

/* ステッパー外殻＋導入見出し */
.main.pixel-reset.pixel-reset .steps .proc-steps{ position:relative; background:transparent; border:none; border-radius:0; padding:0; margin-top:30px; }/* 2026-06-27 retrofit: ステッパー外殻 上余白=30px（aquos-reset:416・off-scale45廃止） */
.main.pixel-reset.pixel-reset .steps .steps-ttl{ display:table; margin:0 auto 20px; border-radius:5px; background:var(--color9); color:#fff; padding:8px 24px; min-width:260px; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; line-height:1.3; white-space:nowrap; }
.main.pixel-reset.pixel-reset .steps .steps-ttl span{ display:inline; padding:0; border-bottom:none; }
.main.pixel-reset.pixel-reset .steps .steps-ttl em{ font-style:normal; font-size:1.7em; color:#fff; margin:0 2px; }

/* STEP白カード */
.main.pixel-reset.pixel-reset .steps .proc-step{ background:#fff; border-radius:5px; padding:16px; position:relative; }
.main.pixel-reset.pixel-reset .steps .proc-step:not(:last-child){ --bottom:30px; margin-bottom:var(--bottom); }
.main.pixel-reset.pixel-reset .steps .proc-step:not(:last-child):after{ content:""; display:block; position:absolute; left:0; bottom:calc(-1 * var(--bottom)); width:100%; height:var(--bottom); background:url(../images/pixel-reset/icon/step-bottom-margin.svg) center center/auto 46% no-repeat; }
.main.pixel-reset.pixel-reset .steps .proc-step-head{ display:flex; align-items:center; padding-bottom:14px; border-bottom:2px solid var(--color10); }
.main.pixel-reset.pixel-reset .steps details.proc-step:not([open]) > summary.proc-step-head{ padding-bottom:0; border-bottom:none; }
.main.pixel-reset.pixel-reset .steps .proc-step-head .step-number{ white-space:nowrap; font-weight:bold; color:var(--color9); border-radius:4px; background:#fff; border:1px solid var(--color9); padding:4px 9px; margin-right:10px; font-size:13px; line-height:1.2; flex-shrink:0; }
.main.pixel-reset.pixel-reset .steps .proc-step-head .step-ja{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.3; margin:0; word-break:break-word; }/* 2026-06-27 retrofit: STEP見出し=lh1.3（見出しtier）・auto-phrase撤去→break-word */
.main.pixel-reset.pixel-reset .steps .proc-step-head .st-add{ margin-left:auto; flex-shrink:0; position:relative; width:22px; height:22px; border-radius:50%; background:var(--color11); }
.main.pixel-reset.pixel-reset .steps .proc-step-head .st-add:before,
.main.pixel-reset.pixel-reset .steps .proc-step-head .st-add:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; transition:.3s; }
.main.pixel-reset.pixel-reset .steps .proc-step-head .st-add:after{ width:50%; height:2px; }
.main.pixel-reset.pixel-reset .steps .proc-step-head .st-add:before{ width:2px; height:50%; }
.main.pixel-reset.pixel-reset .steps details.proc-step[open] > summary .st-add:before{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.main.pixel-reset.pixel-reset .steps summary.proc-step-head{ cursor:pointer; list-style:none; }
.main.pixel-reset.pixel-reset .steps summary.proc-step-head::-webkit-details-marker{ display:none; }
.main.pixel-reset.pixel-reset .steps .proc-step-body{ margin-top:6px; }

/* 操作1-2-3行 */
.main.pixel-reset.pixel-reset .steps .op{ display:flex; gap:12px; align-items:flex-start; padding:15px 0; }
.main.pixel-reset.pixel-reset .steps .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.pixel-reset.pixel-reset .steps .op-num{ min-width:25px; height:25px; display:flex; align-items:center; justify-content:center; background:var(--color10); color:var(--color9); font-weight:bold; border-radius:5px; font-size:13px; flex-shrink:0; margin-top:1px; }
.main.pixel-reset.pixel-reset .steps .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* 2026-06-27 retrofit: 操作行タイトル=lh1.3（見出しtier・.acs-t/.dtと同役割） */
.main.pixel-reset.pixel-reset .steps .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* 2026-06-27 retrofit: 操作説明body=12（line-content SP:3710） */
.main.pixel-reset.pixel-reset .steps .op-d strong{ color:var(--color9); }
.main.pixel-reset.pixel-reset .steps .op-d .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }

/* step-note */
.main.pixel-reset.pixel-reset .steps .step-note{ position:relative; margin-top:20px; background:var(--color10); border-radius:5px; padding:12px 14px 12px 44px; font-size:12px; line-height:1.3; color:#14355D; font-weight:500; }
.main.pixel-reset.pixel-reset .steps .step-note .note-icon{ position:absolute; left:13px; top:10px; width:20px; height:20px; background:#fff; border:1px solid var(--color7); border-radius:50%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
.main.pixel-reset.pixel-reset .steps .step-note .note-icon svg{ width:100%; height:100%; display:block; }
.main.pixel-reset.pixel-reset .steps .step-note strong{ color:var(--color9); }

/* 確定手順図（自前SVG・Pixel設定画面）= 実機スクショ枠の代替（§9偽装回避） */
/* 2026-08-30 critic r1 上位手③: .steps 専用だった図版枠をページスコープへ拡張（why/step1/step2/esim/force に構成案の画像指示を実装するため）。値は据置＝#step3 の既存図と同一（発明なし）。 */
.main.pixel-reset.pixel-reset .step-fig{ margin:18px 0 0; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:14px; }
.main.pixel-reset.pixel-reset .step-fig svg{ width:100%; max-width:300px; height:auto; display:block; margin:0 auto; border-radius:5px; }
.main.pixel-reset.pixel-reset .step-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; }
/* 色地節（osaifu/account/esim＝全面 color10）の図版枠は白カードで図地分離（safe-fig と同方式・bg-color-drives-divider-and-spacing）。 */
.main.pixel-reset.pixel-reset .osaifu .step-fig,
.main.pixel-reset.pixel-reset .account .step-fig,
.main.pixel-reset.pixel-reset .esim .step-fig{ background:#fff; }

/* ============================================================
   [P] コンテンツ実写（2026-08-31 critic r2 手1）— 3枚とも【既存部品の写経】。新しい枠は作らない。
   P-1 .photo-band（21:9 の全幅帯）: #reasons の flow-store2-pic 用。
       出典= build/apple-machine/extra.css:472-474（原典）／写経実績 build/ipad-reset/extra.css:940-946・
             build/mac-reset・build/galaxy-reset（3姉妹とも同値をページ側に rescope・_shared 未収録のため作法も同じ）。
   P-2 .step-fig.ph-fig img: 既存の図版枠 .step-fig（:493）に <img> を通すだけの追加。値は同枠の svg 規則（:494）と同一。
       素材 flow-step2.jpg は 350×281＝21:9 帯に入れると @1280 で 2.17倍に伸びてボケる（ipad が r2→r3 で踏んだ事象）ため
       max-width:300px の枠側へ。実測拡大率は 4幅とも 0.86 倍以下。
   P-3 .brand-streamer（写真＋グラデ帯タイトルのリンク）: #gen の pixelseries 用。
       出典= refer/linxas-sp-0407/css/style.css:5102-5135（brand-streamer / streamer-pic / streamer-pic::after / streamer-title）＋:5251-5256（SP 値）。
       テーマ CSS は `.brand` 配下スコープなので、テーマCSSは編集せず【値だけ】を .main.pixel-reset .gen へ再 scope（galaxy-reset/extra.css:919-930 と同手順）。
       ★高さはテーマと同じ仕組みで作る: .streamer-pic::after{content:"";padding-top:20%} が比率を決め、写真はグローバル
         .hasbg img（style.css:1163-1172＝absolute/inset0/object-fit:cover/z-index:-1）が敷く。::after を写さないと高さが 0 になり写真が消える。
   ============================================================ */
/* 2026-08-31 _shared 昇格: position/border/border-radius/overflow は _shared（photo-band canon）へ移動 */
.main.pixel-reset.pixel-reset .photo-band{ margin:20px 0 16px; aspect-ratio:21/9; }
/* 2026-08-31 _shared 昇格: .main.pixel-reset .photo-band:after { content; position; inset; background; pointer-events } は build/_shared/components.css（photo-band canon）へ移動＝ここでは複製しない */
/* 2026-08-31 _shared 昇格: width/display は _shared（photo-band canon）へ移動 */
.main.pixel-reset.pixel-reset .photo-band img{ height:100%; object-fit:cover; object-position:left center; }/* left: 960×270 素材の右端の端末を枠外に */
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .photo-band{ max-width:760px; margin-left:auto; margin-right:auto; }/* 金型 apple-machine/extra.css:769 の写経＝PC で帯を 760px に制限し拡大率を抑える */
}
/* 枠は写真に合わせて幅を持たせる（328 = img 300 + .step-fig の padding 14×2）。
   @1280 で実測: 枠を節幅 1000px のままにすると写真の左右に color10 が 350px ずつ残って「空の帯」に見えた（撮影で確認）。
   金型 build/ipad-reset/extra.css:936 の .ipad-photo（width:180px; margin:18px auto 0＝枠が写真を抱く作法）と同じ考え方。 */
.main.pixel-reset.pixel-reset .step-fig.ph-fig{ width:328px; max-width:100%; margin-left:auto; margin-right:auto; }
.main.pixel-reset.pixel-reset .step-fig.ph-fig img{ width:100%; max-width:300px; height:auto; display:block; margin:0 auto; border-radius:5px; }
.main.pixel-reset.pixel-reset .gen .brand-streamer{ display:block; margin:20px 0 0; text-decoration:none; }
.main.pixel-reset.pixel-reset .gen .brand-streamer .streamer-pic{ position:relative; z-index:3; overflow:hidden; border-radius:5px 5px 0 0; }
.main.pixel-reset.pixel-reset .gen .brand-streamer .streamer-pic::after{ display:block; content:""; padding-top:20%; }
.main.pixel-reset.pixel-reset .gen .brand-streamer .streamer-title{
  font-size:12px; color:#fff; background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%);
  padding:8px 10px; text-align:center; font-weight:700; border-radius:0 0 5px 5px; line-height:1.5;
}
.main.pixel-reset.pixel-reset .gen .brand-streamer .streamer-title .iconarrow{ display:inline-flex; width:13px; height:11px; margin-left:4px; vertical-align:0; }
.main.pixel-reset.pixel-reset .gen .brand-streamer .streamer-title .iconarrow svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .gen .brand-streamer .streamer-title{ font-size:16px; }/* style.css:5133 の PC 値 */
}

@media (max-width: 750px){
  .main.pixel-reset.pixel-reset .steps .proc-overview{ margin:24px 0 8px; }
  .main.pixel-reset.pixel-reset .steps .ov-step{ padding:22px 4px 11px; }
  .main.pixel-reset.pixel-reset .steps .ov-step .ov-num{ font-size:22px; }
  .main.pixel-reset.pixel-reset .steps .ov-step .ov-t{ font-size:12px; }
  .main.pixel-reset.pixel-reset .steps .ov-arrow{ flex-basis:14px; }
  .main.pixel-reset.pixel-reset .steps .proc-steps{ padding:0; margin-top:30px; }
  .main.pixel-reset.pixel-reset .steps .steps-ttl{ font-size:16px; min-width:240px; padding:7px 18px; margin-bottom:16px; }
  .main.pixel-reset.pixel-reset .steps .proc-step{ padding:14px 13px; }
  .main.pixel-reset.pixel-reset .steps .proc-step:not(:last-child){ --bottom:26px; }
  .main.pixel-reset.pixel-reset .steps .proc-step-head .step-ja{ font-size:14px; }
  .main.pixel-reset.pixel-reset .steps .op-t{ font-size:14px; }
}
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .steps .steps-lead{ max-width:780px; }
}

/* ============================================================
   [L] models（force / trouble / gen）＝白地part＋acc-steps／compare-table＋point.danger＋line-btitle
   ============================================================ */
.main.pixel-reset.pixel-reset .models .models-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .models .models-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .models .models-lead .kw{ color:var(--color9); font-weight:700; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .models .compare-table td.sym */
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .models .models-lead{ max-width:780px; }
}

/* ============================================================
   [M] safe（データ消去の二重対応＝#erase）色地節。
   safe-fig＋deflist＋point（誠実）＋note。
   ============================================================ */
.main.pixel-reset.pixel-reset .safe .safe-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .safe .safe-lead strong{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .safe .safe-lead .kw{ color:var(--color9); font-weight:700; }
.main.pixel-reset.pixel-reset .safe .safe-lead .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
/* safe-fig: 色地節内なので白カードで分離（2カラム） */
.main.pixel-reset.pixel-reset .safe .safe-fig{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 0; text-align:left; }
.main.pixel-reset.pixel-reset .safe .safe-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
.main.pixel-reset.pixel-reset .safe .safe-fig figcaption{ min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .safe .safe-lead{ max-width:780px; }
  .main.pixel-reset.pixel-reset .safe .deflist{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}

/* ============================================================
   [N] highsell（関連ガイドのみ＝#related）白地節。board>related-links。
   ※pixel は high-sell ポイント列を持たないため related board のみ。
   ============================================================ */
.main.pixel-reset.pixel-reset .highsell .hs-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.pixel-reset.pixel-reset .highsell .hs-lead strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .highsell .hs-lead{ max-width:780px; }
}

/* ============================================================
   [O] cta-band（白域内の独立中間CTA帯）＝connection.partbg
   ── #cta-mid1 は .part.connection.partbg。共通 .connection.partbg ルール（透明地＋border-top #8DB0D0＋上下30）で処理。
   ============================================================ */
.main.pixel-reset.pixel-reset .cta-band .titlegroup{ text-align:center; }

/* ============================================================
   [P] 締めCTA connection（#cta）申込前準備 preplist→ deflist 翻訳・CTAボタン群。
   ★2026-06-27 retrofit 重大訂正: テーマ .connection(非partbg) は【白/透明地・上下 var(--color7) 罫】の節（style.css:5323-5328）＝濃紺面ではない。
   旧実装は濃紺面前提で prep-h4/cta-sub を白文字＝白地に白文字で不可視（harness F は ratio≈1 を隠し文字扱いで除外したため未検出だが実害）。
   白地節として: 見出し=navy(color4)・本文=#333・.di カードは color10 で図地分離（白on白の埋もれ撲滅・harness B）。 */
.main.pixel-reset.pixel-reset .connection .line-btitle.prep-h4{ margin:20px 0 0; }/* 2026-06-27 retrofit: 白地節→テーマ標準の navy 見出し(line-btitle 既定 color4＋#6ACBFF/var(--color9) 二重下線)。白文字/#8DB0D0上書きは撤去 */
.main.pixel-reset.pixel-reset .connection .cta-deflist{ display:flex; flex-direction:column; gap:12px; margin:18px 0 0; }
.main.pixel-reset.pixel-reset .connection .cta-deflist .di{ background:var(--color10); border-radius:5px; padding:13px 15px; text-align:left; }/* 2026-06-27 retrofit: 白地節の白カードは埋もれ→color10で図地分離（影なし） */
.main.pixel-reset.pixel-reset .connection .cta-deflist .dt{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.3; }
/* .cta-deflist .dt .n は canon（_shared/components.css:82 `.main .dt .n`）へ委譲＝ページ側に複製を持たない（_INDEX §2 CSS共通化）。
   2026-08-31 r7（scrutiny r2 N-7）: ここには width:22px/height:22px/display:flex/line-height:1 の固定寸法があり、同一ページ内で
   .dt .n の高さが **20.4px（#step1・#erase 5個＝canon の padding:3px 9px + line-height:1.2）と 22px（#cta 4個）の2系統**に割れていた。
   金型 xperia/galaxy/ipad の .dt .n は 20.4px のみ。canon 以外の宣言（flex:0 0 auto / font-size:12 / font-weight:800 / #fff /
   var(--color9) / border-radius:4px）は _shared:82 と完全に同値だったので、rule ごと削除して canon に一本化した。 */
.main.pixel-reset.pixel-reset .connection .cta-deflist .dd{ font-size:12px; line-height:1.6; color:#333; margin-top:6px; }
.main.pixel-reset.pixel-reset .connection .cta-deflist .dd .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
.main.pixel-reset.pixel-reset .connection .cta-links{ display:flex; flex-direction:column; gap:10px; margin:18px auto 0; max-width:520px; }
.main.pixel-reset.pixel-reset .connection .cta-links .button{ margin:0; }
.main.pixel-reset.pixel-reset .connection .cta-links .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; margin-left:4px; }/* 2026-06-27 retrofit: 白地節→白bg+罫（旧rgba白は濃紺前提） */
.main.pixel-reset.pixel-reset .connection .cta-sub{ font-size:12px; line-height:1.6; color:#333; margin:14px auto 0; max-width:600px; text-align:center; }/* 2026-06-27 retrofit: 白地節→本文#333（旧#fffは白地に白文字で不可視） */
.main.pixel-reset.pixel-reset .connection .cta-sub a{ color:var(--color9); font-weight:700; text-decoration:underline; }/* 2026-06-27 retrofit: 白地節→リンクnavy（旧#fff不可視） */
.main.pixel-reset.pixel-reset .connection .cta-sub .todo{ display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .connection .cta-deflist{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .main.pixel-reset.pixel-reset .connection .cta-links{ flex-direction:row; }
  .main.pixel-reset.pixel-reset .connection .cta-links .button{ flex:1; }
}

/* ============================================================
   [Q] 375/390px 折返し（テーマ標準 word-break:break-word のみ・text-wrap撤去 2026-06-27 retrofit）
   ============================================================ */
.main.pixel-reset.pixel-reset .line-title span,
.main.pixel-reset.pixel-reset .steps .steps-ttl,
.main.pixel-reset.pixel-reset .connection .connection-title,
.main.pixel-reset.pixel-reset .steps .ov-d,
.main.pixel-reset.pixel-reset .fv-todo .fv-headline{ word-break:break-word; }

/* 2026-06-27 retrofit（aquos-reset:568-571）: h2 line-title span を全節 1.3 に統一。
   テーマ base .line-title span=1.3(3444) が正だが、.reason 専用SP上書き(.reason .line-title span SP=1.4・6932-6935)が
   #reasons だけ 1.4 に割る→同役割で 1.3/1.4 混在。pixel スコープで 1.3 へ是正（harness が1.4をflagするのは正）。 */
.main.pixel-reset.pixel-reset .reason .line-title span{ line-height:1.3; }
@media (max-width:750px){
  .main.pixel-reset.pixel-reset .reason .line-title span{ line-height:1.3; }
}

/* ============================================================
   [R] PC(デスクトップ)タイポ調整 ── @media(min-width:751px) のみ＝SP(390px)は一切不変。
   2026-06-27 retrofit（aquos-reset:585-630 を pixel の実class へ）: テーマは本文を SP12px→PC~15px に拡大する設計
   （body=clamp(15px,…,16px) style.css:1130 / .line-content・.reason point p =PC15px）。bespoke節を PCで拡大せず
   12px↔15.45px(.line-content) に割れ＋1000px幅で間延びするのを是正。正値はテーマPC実測に接地:
   本文=15px / カードタイトル=16px / 補足・note=13px / board-head=20px / 表セル td14・th15。
   ============================================================ */
@media (min-width:751px){
  /* 本文/リード/説明文/カード本文 → 15px */
  .main.pixel-reset.pixel-reset .dd,
  .main.pixel-reset.pixel-reset .acs-d,
  .main.pixel-reset.pixel-reset .point .pd,
  .main.pixel-reset.pixel-reset .steps .op-d,
  .main.pixel-reset.pixel-reset .key-box p,
  .main.pixel-reset.pixel-reset .worry .worry-lead,
  .main.pixel-reset.pixel-reset .worry .lead-sum,
  .main.pixel-reset.pixel-reset .worry .worry-board .wi,
  .main.pixel-reset.pixel-reset [class*="part"] .lead-sum,
  .main.pixel-reset.pixel-reset .flow .quick-lead,
  .main.pixel-reset.pixel-reset .reason .reason-lead,
  .main.pixel-reset.pixel-reset .why .why-lead,
  .main.pixel-reset.pixel-reset .osaifu .osaifu-lead,
  .main.pixel-reset.pixel-reset .prep .prep-lead,
  .main.pixel-reset.pixel-reset .account .account-lead,
  .main.pixel-reset.pixel-reset .esim .esim-lead,
  .main.pixel-reset.pixel-reset .steps .steps-lead,
  .main.pixel-reset.pixel-reset .models .models-lead,
  .main.pixel-reset.pixel-reset .safe .safe-lead,
  .main.pixel-reset.pixel-reset .highsell .hs-lead,
  .main.pixel-reset.pixel-reset .trust .voice-body,/* 2026-07-26: #trust 締め段落も PC15px（本文tier）＝ledger#33 型の「PC据置」を作らない */
  .main.pixel-reset.pixel-reset .connection .cta-deflist .dd,
  .main.pixel-reset.pixel-reset .connection .cta-sub{ font-size:15px; }
  /* カードタイトル → 16px（本文15+1pxで階層は太字+navyで担保） */
  .main.pixel-reset.pixel-reset .dt,
  .main.pixel-reset.pixel-reset .acs-t,
  .main.pixel-reset.pixel-reset .steps .op-t,
  .main.pixel-reset.pixel-reset .point .pt,
  .main.pixel-reset.pixel-reset .simple3 .s .t,
  .main.pixel-reset.pixel-reset .steps .ov-step .ov-t,
  .main.pixel-reset.pixel-reset .connection .cta-deflist .dt{ font-size:16px; }
  /* 補足/キャプション/note → 13px（控えめ拡大・本文との段差を保つ） */
  .main.pixel-reset.pixel-reset .note,
  .main.pixel-reset.pixel-reset .simple3 .s .d,
  .main.pixel-reset.pixel-reset .steps .ov-step .ov-d,
  .main.pixel-reset.pixel-reset .acs-path,
  .main.pixel-reset.pixel-reset .step-fig figcaption,
  .main.pixel-reset.pixel-reset .steps .step-note,
  .main.pixel-reset.pixel-reset .safe .safe-fig figcaption{ font-size:13px; }/* 2026-08-28 ledger#73 修復: 閉じルール（connection-note 複製）撤去で宙に浮いたセレクタ列を独立させた */
  /* 板見出し → 20px / 比較表セル td14・th15 */
  .main.pixel-reset.pixel-reset .worry .worry-board .board-head{ font-size:20px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table th */
  /* 2026-07-26 共通化: PC拡大は build/_shared/components.css の PC tier（.main .compare-table td=14 //* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: th=15）が単一実体。
     節スコープの再宣言（旧 `.gen .compare-table */` = SP側 12px 据置の対症療法）は撤去＝
     詳細度で共通 tier に勝つ経路そのものを消して「PC据置バグ」(ledger#33 同型)を構造的に断つ。 */
}

/* ============================================================
   pxr04 retrofit（完了ゲート: 強調色 V-1・泣り別れ・.nowrap util・footer NAP）2026-06-27
   ============================================================ */
/* 強調色 V-1: 明地 inline strong/b は color9 一色。元ルール(acs-path b/各 *-lead strong/lead-sum strong/wi-t strong)を color4→color9 に source-fix 済み。block化カードタイトル(.acs-t/.op-t/.dt/.px b)は color4 据置。 */
/* 旧pixel に欠落していた本文強調の color9（aquos:45 と同）＝line-content/qa-item-body の inline strong（#333継承）を color9 へ。 */
.main.pixel-reset.pixel-reset .line-content strong, .main.pixel-reset.pixel-reset .qa-item-body strong{ color:var(--color9); font-weight:700; }
/* 泣り別れ/語中割れ補正の .nowrap 実体（旧pixel に欠落＝class="nowrap" が無効だった）＋line-title 入れ子 guard。auto-phrase/text-wrap は使わない。 */
.main.pixel-reset.pixel-reset .nowrap{ white-space:nowrap; }
.main.pixel-reset.pixel-reset .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }

/* ============================================================
   pxr05: ScrollHint（金型 airpods-reset/extra.css:796-800,838-850 を verbatim・xperia:248-271/aquos:637-657 を .main.pixel-reset へ再scope）。
   表を .compare-table-scroll>.cts-inner.swipe-hint で包み、is-scrollable 時に scroll-hint.js が横スクロールヒントを表示。
   表margin は wrapper(margin-top:18px)へ移譲し table 側は0。flow は2列＝SP収まる(min-width不要)。2026-08-30: trouble は .tr-list カード化、gen は2列化で min-width:480px を撤去＝現状 build 内に横スクロール必須の表は無い（ラッパーは ScrollHint 用に維持）。 2026-06-28
   ============================================================ */.main.pixel-reset.pixel-reset .compare-table-scroll{ margin-top:18px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb */
.main.pixel-reset.pixel-reset .compare-table-scroll .compare-table{ margin:0; }
/* 2026-08-30 critic r1 上位手④: #gen を4列→2列に畳んだため min-width:480px を撤去（SP390で横スクロール不要＝スクロールしないと読めない列が消えた）。
   旧4列は 20セル中14が「対応」「共通」で情報量が1bit しかなく、横スクロールのコストに見合っていなかった。 */
@keyframes scroll-hint-appear{ 0%{ transform:translateX(40px); opacity:0; } 10%{ opacity:1; } 50%,100%{ transform:translateX(-40px); opacity:0; } }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-shadow-wrap */.main.pixel-reset.pixel-reset .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.pixel-reset.pixel-reset .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon */.main.pixel-reset.pixel-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.pixel-reset.pixel-reset .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon:before */.main.pixel-reset.pixel-reset .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){
  .main.pixel-reset.pixel-reset .compare-table-scroll .compare-table{ min-width:0; width:100%; }
  /* 2026-08-30: 上の min-width 撤去に伴い PC 側の打消しも不要になった（SP から min-width:0）。/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.pixel-reset .compare-table-scroll .scroll-hint-icon-wrap */
}

/* ============================================================
   [T-proof]（2026-09-01 台帳#122 是正）── #trust「安心してお任せいただくための、リンクサスの運営情報」
   捏造実績数値（旧 dp-stats 81,000件/3,900機種/4.4）＋属性・日付つきレビュー3枚を全撤去し、
   検証可能な事実のみの proof-cert＋trust-grid へ置換（手本= build/applewatch-reset/extra.css:687-691,868-874）。
   trust-grid／.tc／.tl／.tn-s／.trust-note は _shared/components.css:208-219 の実体をそのまま使用（複製しない）。
   proof-cert／.pc-i／.pc-t／.tl-ic は _shared 未収録（dp-stats/dp-cred 同様に他ページとの値ドリフト未検証のため
   sc25 時点では昇格対象外＝components.css:7 参照）＝applewatch-reset と同値を .main.pixel-reset へ rescope。
   ============================================================ */
.main.pixel-reset.pixel-reset .why-extra .proof-cert{ display:flex; align-items:flex-start; gap:12px; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:15px 16px; margin:22px 0 0; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.pixel-reset.pixel-reset .why-extra .proof-cert .pc-i{ flex:0 0 36px; width:36px; height:36px; }
.main.pixel-reset.pixel-reset .why-extra .proof-cert .pc-i svg{ width:100%; height:100%; display:block; }
.main.pixel-reset.pixel-reset .why-extra .proof-cert .pc-t{ font-size:12px; line-height:1.6; color:#333; }
.main.pixel-reset.pixel-reset .why-extra .proof-cert .pc-t b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:3px; }
.main.pixel-reset.pixel-reset .why-extra.trust .trust-grid{ margin:14px 0 0; }
.main.pixel-reset.pixel-reset .why-extra.trust .tc .tl .tl-ic{ flex:0 0 auto; width:40px; height:40px; margin-right:3px; }
.main.pixel-reset.pixel-reset .why-extra.trust .tc .tl .tl-ic svg{ width:100%; height:100%; display:block; }

@media (min-width:751px){
  .main.pixel-reset.pixel-reset .why-extra .proof-cert .pc-t{ font-size:15px; }
  .main.pixel-reset.pixel-reset .why-extra .proof-cert .pc-t b{ font-size:16px; }
  .main.pixel-reset.pixel-reset .why-extra.trust .tc .tl .tl-ic{ width:48px; height:48px; }
}

/* 2026-07-26 共通化: closing CTA の「上罫＋呼吸」はページ固有ではなくサイト共通の振る舞い＝
   build/_shared/components.css の派生クラス `.main .connection.divided`（border-top:1px var(--color7) ＋ padding-top:30px !important）へ移設し、
   ここにあった複製2ルール（旧 `#cta{border-top}` 2026-06-30 横展開 ＋ `#cta{padding-top:30px !important}` 2026-07-26）は撤去。
   HTML 側で `<section class="part connection divided" id="cta">` を付与。罫と呼吸を1クラスに溶接＝「罫だけ横展開して呼吸を入れ忘れる」再発を構造的に断つ（ledger#26⑤）。 */

/* ============================================================
   [R2] 2026-08-30 — design-quality-critic r1（63・HARD-CAP発動）への対応
   ── 上位手①: #trouble の2列表 → .tr-list > .tc アイコンカード6枚
   ── 上位手②の代替: 「お約束」band は構成案に該当ブロックが無いため作らず、
      構成案にある #erase（データ消去の二重対応）へ canon ✓バッジ付き .di-ic を載せた
   ── 上位手③: 構成案の画像指示（why/step1/step2/esim/force）を figure.step-fig で実装
      ＋ 語彙横展開の figure（prep-fig / gen-fig）
   値は既存 DONE 姉妹（ipad-reset/extra.css:741-750・mac-reset/extra.css:510-519）と
   同ページ既存部品（safe-fig）から取り、新しい数値・色を発明していない。
   ============================================================ */

/* ---- .tr-list / .tc（症状カード）: build/ipad-reset/extra.css:741-750 ＝ mac-reset:510-519 と同値 verbatim。
        pixel の当該節は class="part models" id="trouble" なので #trouble スコープで当てる。 ---- */
.main.pixel-reset.pixel-reset #trouble .tr-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.pixel-reset.pixel-reset #trouble .tc{ border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.pixel-reset.pixel-reset #trouble .tc .tc-head{ display:flex; align-items:center; gap:11px; background:var(--color10); padding:11px 14px; border-bottom:1px solid var(--color7); }
.main.pixel-reset.pixel-reset #trouble .tc .tc-ic{ flex:0 0 48px; width:48px; height:48px; }
.main.pixel-reset.pixel-reset #trouble .tc .tc-ic svg{ width:100%; height:100%; display:block; }
.main.pixel-reset.pixel-reset #trouble .tc .tc-q{ min-width:0; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.pixel-reset.pixel-reset #trouble .tc .tc-body{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; }
.main.pixel-reset.pixel-reset #trouble .tc .tc-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.pixel-reset.pixel-reset #trouble .tc .tc-body strong{ color:var(--color9); }

/* ---- prep-fig / gen-fig: 同ページ既存 .safe .safe-fig（74px アイコン＋説明）と同一の寸法族。
        白節に置くので地色は color10（safe-fig は色地節なので白）＝bg-color-drives-divider-and-spacing。 ---- */
.main.pixel-reset.pixel-reset .prep .prep-fig,
.main.pixel-reset.pixel-reset .gen .gen-fig{ display:flex; align-items:center; gap:11px; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 0; text-align:left; }
.main.pixel-reset.pixel-reset .prep .prep-fig svg,
.main.pixel-reset.pixel-reset .gen .gen-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
.main.pixel-reset.pixel-reset .prep .prep-fig figcaption,
.main.pixel-reset.pixel-reset .gen .gen-fig figcaption{ min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }

/* ---- .di-ic（deflist カードの概念アイコン。#erase の2枚は canon ✓バッジを内包／#step1 の3枚は素） ---- */
.main.pixel-reset.pixel-reset .dt .di-ic{ flex:0 0 40px; width:40px; height:40px; }
.main.pixel-reset.pixel-reset .dt .di-ic svg{ width:100%; height:100%; display:block; }

@media (min-width:751px){
  /* 本文/カード本文 → 15px（ledger#33 型の「PC据置」を作らない） */
  .main.pixel-reset.pixel-reset #trouble .tc .tc-body{ font-size:15px; }
  /* prep-fig / gen-fig の figcaption は「補足/キャプション」tier＝SP/PC とも 13px（同ページ .safe-fig figcaption と同値）。ここでは 15px に上げない。 */
  /* カードタイトル → 16px（ipad-reset/extra.css:878 の .tc-q と同値） */
  .main.pixel-reset.pixel-reset #trouble .tc .tc-q{ font-size:16px; }
  /* 症状カードは2列（ipad:760 / mac:528 と同値） */
  .main.pixel-reset.pixel-reset #trouble .tr-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}

/* ---- [R2] 概念アイコンの土台円は「縁なし」＝コホート canon（2026-08-31 r6 M-1 で撤去）----
   r2〜r5 は「白カードの上では白円が地に溶ける」として .wic / .di-ic / .acs-ic / .safe-fig に
   stroke:var(--color7) を当て、さらに .dp-stat-ic / .dp-cred-ic の svg には stroke を直接焼き込んでいた（計29個）。
   撤去の根拠（描画実測・svg の circle:first-child の computed stroke を全数カウント）:
     galaxy 0/36 ・ mac 0/26 ・ ipad 0/23 ・ aquos 0/5 ・ apple-machine 0/20 ＝ **金型5本すべて 0**。
     xperia だけ 30/54 だが、その xperia でも .dp-stat-ic 0/3 ・ .dp-cred-ic 0/1 ・ .safe-fig 0/1 は縁なし
     ＝ pixel の29個はコホートで単独。memory `majority-vote-is-not-canon-check-wireframe-first` が
     「縁なしが金型 canon・縁ありは非 reset クラスタのドリフト」と名指しで結論済み。
   根拠にしていた build/_shared/components.css:230 は `.fig-flow.on-white .ff-ic` 専用のセレクタで、
   .wic / .acs-ic / .dp-stat-ic / .safe-fig は含まない＝流用の誤りだった。
   台帳#78 も「白カードの中の白い土台円はコホート全体の正常形（一般則にすると金型が全滅する）」と実測で結論している。
   撤去後の可読性は実測で確認済み（白地/color10地/#F1F8FF地のいずれでも、図は内側の navy 3トーンの塗りが担う）。
   → 罫を足すルールは持たない。宣言と描画が食い違う状態（r5 まではコメントが「.dp-stat-ic には当てない」と書いて
     いるのに svg 側に焼き込まれていた）を残さないため、CSS も HTML の焼き込みも同時に落としている。 */
@media (min-width:751px){
  /* 2026-09-06 再ゲート r1: #trust 運営情報 4 枚が PC で 3+1 の孤児行（_shared:261 の PC 3 列がそのまま効いていた）。
     金型 airpods-reset extra.css:682（2×2）＋:844（max-width 860 中央）と同値＝コンテキスト差分（枚数由来）。galaxy/ipad/mac 09-06 と同処置。 */
  .main.pixel-reset.pixel-reset .why-extra.trust .trust-grid{ grid-template-columns:1fr 1fr; max-width:860px; margin-left:auto; margin-right:auto; }
}


/* ==== WP統合(port_page.py 自動追加) ==== */
.main.pixel-reset{ background:#fff; }
/* 自前FVがあるためテーマ自動FV(page-bg)とタイトル帯(.pages)を隠す。無スコープだが mu-plugin の is_page() ゲートでこのページのみ読込 */
.page-bg.bg-photo, .pages{ display:none !important; }