/* 2026-08-28 ledger#73: .connection-note/.connection-note2 の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 7 本を撤去＝line-height 1.6 / padding 44 が死んでいた） */
/* 2026-08-28 ledger#73: .related-links の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 7 本を撤去＝PC 16px が死んでいた） */
/* ============================================================
   android-machine extra.css  ?v=anm06
   ?v=anm03-06: 強調色 color9 一色を qa-item-body/lead/dd/pd 全インライン強調へ拡張・泣り別れ(390/768)を nowrap span 個別補正・
             ブランド語中割れ(電子マネー/リンクサス)補正・FRP/二重消去 概念図2点追加（図解数≥3）・.di 影なし border 図地分離・
             todo-note bg→border(erase→trust 偽 divider 解消)・point-list 枠内下余白36(margin-escape補正)・erase .pi title/body分離・
             maker/trouble dt block化(768 dt orphan 解消)・.pt-t flex内テキストラッパ。harness 390/768/1280 total:0。
   ─ 以下 ?v=anm02 ─
   ?v=anm02 full-fidelity retrofit（aquos/apple-machine/applewatch canon verbatim 適用・theme-porter 2026-06-29）:
     [A] 改行作法違反を全撤去（text-wrap:balance/pretty・word-break:auto-phrase/keep-all・overflow-wrap:anywhere → word-break:break-word のみ）。孤立は <span class="nowrap">/&nbsp;/U+2060 で個別。
     [B] connection.partbg = 白full-bleed/padding30/margin0（shared-component-library §4・aquos:65 verbatim）。blanket #8DB0D0 border-top を撤去し隣接背景で個別判定（var(--color7)）。
     [C] compare-table = th13/td12（th≧td）＋scroll-hint ラッパー（.compare-table-scroll>.cts-inner.swipe-hint）＋head の scroll-hint.js（airpods 再scope verbatim）。
     [D] note 作法（golden §6）= 汎用 .note は 11px/color3/影なし、connection-note(2) は 11px/navy4(#14355D)・白CTA帯上は #fff+border で埋もれ回避。
     [E] line-title を テーマ正規 <span> 構造へ（bespoke ::before は元から無し＝span border-left 2px #8DB0D0/padding-left 7px がテーマ供給）。.nowrap guard 追加。
     [F] line-height 2-tier（見出し/タイトル1.3・本文1.6）。半端値（1.4/1.45/1.5/1.6→見出しは1.3・本文1.7→1.6）全廃。
     [G] 役割別 font 正規化（本文13→12・note12→11・th12→13/td13→12・section lead 14→12）。
     [H] PC タイポ [R] ブロック（@media min-width:751 で本文15・カードタイトル16・補足13・td14 th15。SP不変）。
     [I] 強調色 color9 一色（明地の strong/b/.kw を navy 単一・color4/#333 に割らない＝鉄則16）。
   ─ 以下は ?v=anm01 までの履歴（器=apple-machine 双子・CSS土台=aquos-reset を rescope） ─
   器(HTML part構造/class語彙)＝build/apple-machine/（iPhone初期化HowToの双子）を参照し .main.apple-machine → .main.android-machine へ rescope。
   CSS土台＝build/aquos-reset/extra.css（§1-B clean 実装・airpods-reset系譜）を .main.aquos-reset → .main.android-machine へ rescope。
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（refer/linxas-sp-0407/css/style.css）は編集しない。
   - スコープは全て `.main.android-machine`。
   - トークン（theme-tokens.md / style.css :root 1086-1093）のみ使用:
       --color3 #527694 / --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)（#8DB0D0 は line-title span 罫専用＝節 divider には使わない＝spacing-divider-craft-rules §1）。
   - 角丸は 5px 基調（ボタンのみピル）。新色・独自角丸は持ち込まない。font-size は整数pxのみ。
   - 見出しはテーマ正規 <h2 class="line-title"><span>…</span></h2>（span左罫＝テーマ style.css:3442）。::before 発明はしない。
   - CSSパス基準: build/android-machine/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
   ============================================================ */

/* ============================================================
   §1-B 全面色節モデルの正本コメント（spacing-divider-craft-rules §1）
   ── 白/透明節: テーマ標準 margin:30px auto; padding:0（隣接ギャップ=margin collapse 30px）。
   ── 全面色節（background:var(--color10)）: margin:0（連続色）。節padding・区切り線は各IDで個別指定。
        同じ背景色が隣接する境界だけ border-top:1px solid var(--color7) ＋上下30px。色↔白は色差で区切れるので線なし。
   ── 25px等の bespoke 節padding 禁止。区切り線色は var(--color7)（#8DB0D0 は濃すぎ＝節 divider には使わない）。
   ── 節順(wfc): fv(色) flow3(白) reasons(白) quickref(色※craft-r3) why(白) howto(色)
        → [中間CTA cta-mid1 partbg(白full-bleed帯)] → maker(白・表※craft-r3) trouble(色※craft-r3) erase(色)
        → trust(❌todo・白) related(白) → 締めCTA closing(connection 非partbg) → faq(白)
   ============================================================ */

/* ============================================================
   [A] 共通base（改行作法・強調色統一・connection-note・section-todo・共有部品）
   ============================================================ */
/* anm02 [A]: 改行作法は word-break:break-word のみ（text-wrap:balance/pretty・auto-phrase/keep-all・anywhere は二度と使わない＝鉄則16）。
   孤立語/ブランド語中割れ（電子マネー等）は HTML 側 <span class="nowrap">/&nbsp;/U+2060 で個別に潰す。 */
.main.android-machine.android-machine [class*="part"] p,
.main.android-machine.android-machine .dd, .main.android-machine.android-machine .pd,
.main.android-machine.android-machine .connection-note2,
.main.android-machine.android-machine .related-links a span,
.main.android-machine.android-machine .line-content{ overflow-wrap:break-word; word-break:break-word; }

/* anm02 [F]: 見出し/タイトル tier=line-height 1.3。本文 tier=1.6。 */
.main.android-machine.android-machine h2.line-title,
.main.android-machine.android-machine h2.line-title span,
.main.android-machine.android-machine .line-btitle,
.main.android-machine.android-machine .board-head{ line-height:1.3; word-break:break-word; }
.main.android-machine.android-machine .nowrap{ white-space:nowrap; }/* cloned系の base .nowrap util（class="nowrap" を inert にしない＝aquos:633 相当） */
.main.android-machine.android-machine .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }/* line-title 入れ子 .nowrap が span の罫/padding を二重に出さない guard（aquos:634 と同） */

/* anm02 [I]: 明地の本文インライン強調(strong/b/.kw)は navy(color9) 一色（color4/#333/#9DB8E6 に割らない＝強調色統一・harness I）。
   除外: テーマ .reason .point-num（テーマ cyan 番号・触らない）／濃紺FV .fv-headline/.fv-sub（明色#9DB8E6 が地に対し正）／block表示のカードタイトル(.dt/.pt/.px b 等=display:block＝harnessが除外)。 *//* 2026-08-27: 表以外の部品も担うルール。.compare-table のセレクタだけ canon へ委譲し、残りは維持 */
.main.android-machine.android-machine .line-content strong,
.main.android-machine.android-machine .line-content b,
.main.android-machine.android-machine .flow-lead strong,
.main.android-machine.android-machine .flow-lead b,
.main.android-machine.android-machine .qr-lead strong,
.main.android-machine.android-machine .qr-lead b,
.main.android-machine.android-machine .lead-why strong,
.main.android-machine.android-machine .lead-why b,
.main.android-machine.android-machine .lead-why .kw,
.main.android-machine.android-machine .why-lead strong,
.main.android-machine.android-machine .why-lead b,
.main.android-machine.android-machine .why-lead .kw,
.main.android-machine.android-machine .howto-lead strong,
.main.android-machine.android-machine .howto-lead b,
.main.android-machine.android-machine .maker-lead strong,
.main.android-machine.android-machine .maker-lead b,
.main.android-machine.android-machine .maker-micro strong,
.main.android-machine.android-machine .maker-micro b,
.main.android-machine.android-machine .trouble-lead strong,
.main.android-machine.android-machine .trouble-lead b,
.main.android-machine.android-machine .erase-lead strong,
.main.android-machine.android-machine .erase-lead b,
.main.android-machine.android-machine .erase-lead .kw,
.main.android-machine.android-machine .dd strong,
.main.android-machine.android-machine .dd b,
.main.android-machine.android-machine .dd .kw,
.main.android-machine.android-machine .point .pd strong,
.main.android-machine.android-machine .point .pd b,
.main.android-machine.android-machine .point .pd .kw,
.main.android-machine.android-machine .wi-t strong,
.main.android-machine.android-machine .micro strong,
.main.android-machine.android-machine .micro b,
.main.android-machine.android-machine .note strong,
.main.android-machine.android-machine .note .kw,
.main.android-machine.android-machine .connection .connection-note strong,
.main.android-machine.android-machine .connection .connection-note b,
.main.android-machine.android-machine .connection .connection-note .kw,
.main.android-machine.android-machine .connection .connection-note2 strong,
.main.android-machine.android-machine .connection .connection-note2 b,
.main.android-machine.android-machine .connection .connection-note2 .kw{ color:var(--color9); font-weight:700; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .line-content strong, .main.android-machine .line-content b,
.main.android-machine .flow-lead strong, .main.android-machine .flow-lead b,
.main.android-machine .qr-lead strong, .main.android-machine .qr-lead b,
.main.android-machine .lead-why strong, .main.android-machine .lead-why b, .main.android-machine .lead-why .kw,
.main.android-machine .why-lead strong, .main.android-machine .why-lead b, .main.android-machine .why-lead .kw,
.main.android-machine .howto-lead strong, .main.android-machine .howto-lead b,
.main.android-machine .maker-lead strong, .main.android-machine .maker-lead b,
.main.android-machine .maker-micro strong, .main.android-machine .maker-micro b,
.main.android-machine .trouble-lead strong, .main.android-machine .trouble-lead b,
.main.android-machine .erase-lead strong, .main.android-machine .erase-lead b, .main.android-machine .erase-lead .kw,
.main.android-machine .dd strong, .main.android-machine .dd b,
.main.android-machine .dd .kw,
.main.android-machine .point .pd strong, .main.android-machine .point .pd b, .main.android-machine .point .pd .kw,
.main.android-machine .wi-t strong,
.main.android-machine .compare-table td strong, .main.android-machine .compare-table td b,
.main.android-machine .micro strong, .main.android-machine .micro b,
.main.android-machine .note strong, .main.android-machine .note .kw,
.main.android-machine .connection .connection-note strong, .main.android-machine .connection .connection-note b, .main.android-machine .connection .connection-note .kw,
.main.android-machine .connection .connection-note2 strong, .main.android-machine .connection .connection-note2 b, .main.android-machine .connection .connection-note2 .kw */
/* anm02 [I]: テーマ faq 回答 .qa-item-body のインライン強調(.kw/b/strong)を color9 一色（テーマ既定 #333＝リンクに見えず・強調色割れ）。a は下線で別作法 */
.main.android-machine.android-machine .qa-item-body .kw,
.main.android-machine.android-machine .qa-item-body b,
.main.android-machine.android-machine .qa-item-body strong{ color:var(--color9); font-weight:700; }
.main.android-machine.android-machine .qa-item-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* connection-note2（中間CTA） / cta connection-note（締めCTA白地） 共通部品。
   anm02 [D]: 11px/navy4(#14355D)。白full-bleed CTA帯(白)上の白note→border付与で埋もれ回避（aquos/applewatch作法）。 */
/* 締めCTA(#closing=.part.connection 非partbg・白地節)の note は白地＋淡罫 */
.main.android-machine.android-machine .connection .connection-note .todo,
.main.android-machine.android-machine .connection .connection-note2 .todo{ display:inline; font-size:11px; background:var(--color10); border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; font-weight:500; }
.main.android-machine.android-machine .connection .connection-note a,
.main.android-machine.android-machine .connection .connection-note2 a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* anm02 [B]: 中間CTA帯 connection.partbg（6本）= 白full-bleed・padding30・margin0
   （shared-component-library §4 build canon・aquos:65 / apple-machine:113 verbatim）。
   区切り線は実隣接の背景色で個別判定（spacing-divider-craft-rules §1）。背景はテーマ素 .connection(白) を !important で固定。 */
.main.android-machine.android-machine .connection.partbg{ background:#fff !important; border:0 !important; padding-top:30px !important; padding-bottom:30px !important; margin:0 !important; }
.main.android-machine.android-machine #cta-mid1{ border-top:1px solid var(--color7) !important; }/* 白full-bleed CTA・上=howto(色節 color10)の白content? いや上=howto色節→色×白＝色差→上線なし。下=maker白→色差→下線なし → 線なし。下記で再判定 */

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

/* section-todo（❌ #trust 非出力プレースホルダ・中身は作らない） */
.main.android-machine.android-machine .section-todo{ margin:30px auto; }
.main.android-machine.android-machine .section-todo .thisinner{ width:calc(100% - 40px); max-width:1080px; margin:0 auto; }
@media (max-width:750px){ .main.android-machine.android-machine .section-todo .thisinner{ width:calc(100% - 30px); } }
/* anm02 [A]: 背景を var(--border)(#F1F8FF・near-white)に＝topEdge(#trust) が color10 と判定されず erase(色)→trust の偽 色×色 divider を消す。dashed border で図地分離は保つ（apple-machine #FAFCFF と同思想）。 */
.main.android-machine.android-machine .todo-note{ border:1px dashed var(--color7); border-radius:5px; background:var(--border); color:var(--color13); font-size:12px; line-height:1.6; padding:16px 18px; text-align:left; }
.main.android-machine.android-machine .todo-note b{ color:var(--color4); }

/* ============================================================
   [A-1] fv（🔶→.fv-todo プレースホルダ・作り込まない）
   ============================================================ */
.main.android-machine.android-machine .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
/* FV中央のAndroidスマホ本体アイコン。濃紺面 → #9DB8E6（icon-baked-fill-gotcha 準拠・currentColor継承） */
.main.android-machine.android-machine .topbanner.fv-todo .fv-device{
  display: block; width: 56px; height: 90px; margin: 0 auto 14px; color: #9DB8E6;
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-device svg{ width: 100%; height: 100%; display: block; fill: currentColor; }
.main.android-machine.android-machine .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.android-machine.android-machine .topbanner.fv-todo .fv-sub{
  font-size: 12px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px;/* FV説明文body=12（golden 本文12統一） */
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.android-machine.android-machine .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}
/* FVの3結論バッジ（古物商/データ消去/査定無料）＝半透明カード3列 */
.main.android-machine.android-machine .topbanner.fv-todo .fv-badges{
  display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 4px 0 0;
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-badge{
  background: rgba(255,255,255,.07); border: 1px solid rgba(157,184,230,.30); border-radius: 5px; padding: 12px 8px; text-align: center;
}
.main.android-machine.android-machine .topbanner.fv-todo .fv-badge .fb-t{ display:block; font-size: 12px; font-weight: 700; color: #9DB8E6; line-height: 1.3; }
.main.android-machine.android-machine .topbanner.fv-todo .fv-badge .fb-d{ display:block; font-size: 11px; color: #CFE0F4; line-height: 1.6; margin-top: 4px; }
.main.android-machine.android-machine .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: 14px 0 0;
}
@media (min-width: 751px){
  .main.android-machine.android-machine .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ============================================================
   [A-2] related（✅ テーマ board / 矢印アイコンへ翻訳）
   ============================================================ */
.main.android-machine.android-machine .related-links a span .kw{ color:var(--color9); font-weight:700; }
.main.android-machine.android-machine .related .board{ padding: 6px 16px; margin-top: 14px; }
.main.android-machine.android-machine .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・promise
   ============================================================ */
/* B-1 thisinner（テーマ素 .thisinner と完全一致＝広画面1080pxまで／SP実効ガター15px=計30px） */
.main.android-machine.android-machine .flow3 .thisinner,
.main.android-machine.android-machine .quickref .thisinner,
.main.android-machine.android-machine .why .thisinner,
.main.android-machine.android-machine .howto .thisinner,
.main.android-machine.android-machine .maker .thisinner,
.main.android-machine.android-machine .trouble .thisinner,
.main.android-machine.android-machine .erase .thisinner,
.main.android-machine.android-machine .related .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.android-machine.android-machine .flow3 .thisinner,
  .main.android-machine.android-machine .quickref .thisinner,
  .main.android-machine.android-machine .why .thisinner,
  .main.android-machine.android-machine .howto .thisinner,
  .main.android-machine.android-machine .maker .thisinner,
  .main.android-machine.android-machine .trouble .thisinner,
  .main.android-machine.android-machine .erase .thisinner,
  .main.android-machine.android-machine .related .thisinner{ width:calc(100% - 30px); }
}
@media (min-width:751px){
  .main.android-machine.android-machine .flow3 .thisinner,
  .main.android-machine.android-machine .quickref .thisinner,
  .main.android-machine.android-machine .why .thisinner,
  .main.android-machine.android-machine .howto .thisinner,
  .main.android-machine.android-machine .maker .thisinner,
  .main.android-machine.android-machine .trouble .thisinner,
  .main.android-machine.android-machine .erase .thisinner,
  .main.android-machine.android-machine .related .thisinner{ max-width:1000px; }
}

/* B-2 note（情報注記・白円infoチップ）。anm02 [D][G]: 11px/color3/影なし（golden §6）。
   白地節は border、色地節は #fff で図地分離（影は付けない＝補足は控えめ）。 */
.main.android-machine.android-machine .note{ position:relative; margin-top:18px; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.6; color:var(--color3); font-weight:500; }
.main.android-machine.android-machine .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.android-machine.android-machine .note .n-i svg{ width:13px; height:13px; display:block; }
.main.android-machine.android-machine .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.android-machine.android-machine .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; }
/* 白地節(flow3/why/maker) 上の note→透明地+border で図地分離（golden 白節 note 作法・影なし）
   2026-09-07 craft-r3: #quickref / #trouble を色地節へ移したので、この群から外して下の色地群へ移動（.maker .note は据置＝maker に note 実体はないが白節群の記述を保つ） */
.main.android-machine.android-machine .flow3 .note,
.main.android-machine.android-machine .why .note,
.main.android-machine.android-machine .maker .note{ background:transparent; border:1px solid var(--color7); }
/* 色地節(quickref/howto/trouble/erase)上の白note（border不要・#fff で図地分離・影なし） */
.main.android-machine.android-machine .quickref .note,
.main.android-machine.android-machine .howto .note,
.main.android-machine.android-machine .trouble .note,
.main.android-machine.android-machine .erase .note{ background:#fff; }

/* B-3 compare-table（th navy / zebra / cell破線）。anm02 [C][G]: th13/td12（th≧td）。 */.main.android-machine.android-machine .compare-table{ width:100%; margin:0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table,
.main.android-machine .compare-table th,
.main.android-machine .compare-table td */
.main.android-machine.android-machine .compare-table col.c-no{ width:13%; }
.main.android-machine.android-machine .compare-table col.c-why{ width:30%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table th *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td:not(:first-child) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td.no *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td strong *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td b *//* anm02 [I]: 表セル内インライン強調も color9 一色（rule16） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table .todo *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td a */

/* B-3b compare-table-scroll（テーマ ScrollHint・airpods:796-851 を再scope verbatim）。
   内=overflow-x:auto スクローラ(.cts-inner.swipe-hint)に min-width 表を入れ、ScrollHint が is-scrollable 時にヒント表示。 */.main.android-machine.android-machine .compare-table-scroll{ margin-top:18px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .compare-table */
/* quickref=3列（順/やること/なぜ）→ 390で溢れるため min-width。howto内 details の2列表は溢れないが作法統一で min-width 控えめ。 */
.main.android-machine.android-machine .quickref .compare-table-scroll .compare-table{ min-width:440px; }
/* 2026-09-07 craft-r3: #maker も3列（メーカー/階層パス/注意）＝quickref と同作法で横スクロール。
   min-width は quickref(440) より広い 520px＝行頭 th の最長ラベル「その他（OPPO／Xiaomi／arrows 等）」(実測 nowrap 解除で2行=136px)
   ＋階層パス列の最長「「設定」→「システム」→「リセット オプション」→「すべてのデータを消去（出荷時リセット）」」を2〜3行で収める幅。 */
/* 2026-09-07 craft-r4（critic r2 減点1＝SP静止時に3列目「注意」が画面端に 54px だけ露出し1文字改行に見える）:
   露出の切断点を「2列目の末尾」に一致させる。SP の表スクローラの可視幅 = .thisinner の実効幅
   = 390 − 30（SP ガター 15px×2＝extra.css:234／テーマ style.css:1186-1187）= 360px。
   ⇒ 1列目136 + 2列目224 = 360 ちょうどで切れる ⇒ 3列目は「見えない/全部見える」の二択になり、細い露出が消える。
   min-width は canon 既存値 560px（出典 build/corporate/extra.css:106 `.compare .compare-table{min-width:560px}`／
   build/guide-broken/extra.css:825 wide5）を採用＝新値を作らない。col 内訳は 560 − 136(c-mk) − 200(c-cau) = 224(階層パス)。
   c-cau=200px は旧184px より広く、「Samsungアカウント」(11字×12px=132px + canon セル padding 28px=160px) を1行で収める。 */
.main.android-machine.android-machine .maker .compare-table-scroll .compare-table{ min-width:560px; }
.main.android-machine.android-machine .maker .compare-table-scroll .compare-table col.c-mk{ width:136px; }
.main.android-machine.android-machine .maker .compare-table-scroll .compare-table col.c-cau{ width:200px; }
/* canon `tbody th[scope=row]` は white-space:nowrap（components.css:188＝#quickref の1桁数字用）。
   メーカー名＋括弧は折り返す必要があるのでこの表だけ normal に戻し、glyph は数字と同じ 22/24 tier のまま行内に置く。 */
.main.android-machine.android-machine .maker .compare-table tbody th[scope="row"]{ white-space:normal; }
/* 2026-09-07 craft-r4: #trouble も同じ理由（症状の長文行見出し）で nowrap を戻す。2列表なので min-width は置かない
   ＝金型 build/aquos-reset/index.html:881 の症状表と同じ扱い（aquos/extra.css:606 の記述「2列表は SP に収まるため min-width 指定なし」）。
   c-sym=42% は 360px 幅で 151px＝canon セル padding 28px を引いた 123px に 22px glyph＋10字/行が乗る実効幅。 */
.main.android-machine.android-machine .trouble .compare-table tbody th[scope="row"]{ white-space:normal; }
.main.android-machine.android-machine .trouble .compare-table col.c-sym{ width:42%; }
.main.android-machine.android-machine .quickref .compare-table-scroll .compare-table col.c-no{ width:46px; }/* 2026-09-07 craft-r1: 列幅は据置（68px に広げると3列目が圧迫され泣き別れが出た＝harness I_craft 実測）。アイコンは数字の上へ積む＝下記 */
.main.android-machine.android-machine .howto .compare-table-scroll .compare-table{ min-width:420px; }
/* ScrollHint オーバーレイ（テーマ style.css:10164-10271 再scope・素材=テーマ pointer.svg/pointer1.svg） */
@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.android-machine .compare-table-scroll .scroll-hint-shadow-wrap */.main.android-machine.android-machine .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.android-machine.android-machine .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon */.main.android-machine.android-machine .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.android-machine.android-machine .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon:before */.main.android-machine.android-machine .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){
  .main.android-machine.android-machine .compare-table-scroll .compare-table{ min-width:0; width:100%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table-scroll .scroll-hint-icon-wrap */
}

/* B-4 deflist（白カード番号付き定義リスト・howto / maker / trouble で使用）。anm02 [F][G]: dt 1.3／dd 12px/1.6/影なし。 */
.main.android-machine.android-machine .deflist{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
/* anm02 [D]: .di は補足カード＝影なし（harness D）。図地分離は背景色で:
   howto(色節 color10)では #fff カード／maker・trouble(白節)では透明地+1px border で分離（白on白の埋もれ回避）。 */
.main.android-machine.android-machine .di{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:15px 16px; }
/* 2026-09-07 craft-r3: #trouble を色地節へ移したので、色地節群（howto と同じ）＝白カード・枠線なしで図地分離
   （spacing-divider-craft-rules §2.6「色地節(color10)の中の box は #fff で分離」）。
   2026-09-07 craft-r4: `.trouble .di` は表化で deflist ごと消えたため撤去（死にセレクタを残さない）。#howto のみ残す。 */
.main.android-machine.android-machine .howto .di{ background:#fff; border:0; box-shadow:none; }
.main.android-machine.android-machine .dt{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.3; }
.main.android-machine.android-machine .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-09-07 craft-r2（scrutiny C-4）: maker/trouble の .dt は block を撤去して基底の flex（:295）に戻す。
   概念アイコン .wic を姉妹 canon の 38/42px tier に上げたため、block の inline 配置では円が行ボックスを潰す。
   旧 block の目的（nowrap span が別 flex item に散る＝768 orphan）は galaxy-reset/extra.css:684 の作法どおり
   本文全体を単一 flex item `.dt-t` に包むことで解決する（HTML 側で .dt-t を追加済み・文言不変）。 */
/* 2026-09-07 craft-r3: `.maker .dt` は表化で deflist ごと消えたため撤去（死にセレクタを残さない）。 */
/* 2026-09-07 craft-r4: `.trouble .dt` は表化で消えたため撤去（死にセレクタを残さない）。 */
.main.android-machine.android-machine .dd{ font-size:12px; line-height:1.6; color:#333; margin-top:8px; }
.main.android-machine.android-machine .dd strong{ color:var(--color9); }
.main.android-machine.android-machine .dd b{ color:var(--color9); }/* anm02 [I]: 明地インライン強調は color9 一色（rule16） */
.main.android-machine.android-machine .dd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.android-machine.android-machine .dd a[rel="nofollow"]:after{ content:""; margin:0; }
.main.android-machine.android-machine .dd .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; }
.main.android-machine.android-machine .dd .sub{ display:block; font-size:12px; color:var(--color13); line-height:1.6; margin-top:6px; }
/* 2026-09-07 craft-r3: `.maker .deflist` は表化で消えたため撤去（死にセレクタを残さない）。
   2026-09-07 craft-r4: `.trouble .deflist`（PC 2列グリッド）も表化で消えたため撤去＝空になった @media ブロックごと削除。 */

/* B-4b 早見表 details（おサイフ各社）＝deflist .dd 内の折りたたみ。テーマJS非依存（ネイティブdetails） */
.main.android-machine.android-machine .dd details.more{ margin-top:10px; }
.main.android-machine.android-machine .dd details.more > summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:var(--color9); padding:2px 0; user-select:none; }
.main.android-machine.android-machine .dd details.more > summary::-webkit-details-marker{ display:none; }
.main.android-machine.android-machine .dd details.more > summary:before{ content:"＋"; font-weight:800; }
.main.android-machine.android-machine .dd details.more[open] > summary:before{ content:"−"; }
.main.android-machine.android-machine .dd details.more .compare-table-scroll{ margin-top:10px; }
.main.android-machine.android-machine .dd details.more .micro{ display:block; font-size:11px; color:var(--color13); line-height:1.6; margin-top:8px; }

/* B-5 simple3（3ステップ横並び・番号食い込み丸・flow3 で使用）。anm02 [F]: .t 1.3。 */
.main.android-machine.android-machine .simple3{ display:flex; align-items:stretch; gap:0; margin:24px 0 0; }
.main.android-machine.android-machine .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.android-machine.android-machine .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.android-machine.android-machine .simple3 .s .t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }
.main.android-machine.android-machine .simple3 .s .d{ display:block; font-size:11px; color:#5A7386; line-height:1.6; margin-top:4px; }
.main.android-machine.android-machine .simple3 .s .d .todo{ display:inline; font-size:10px; background:var(--color10); border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 5px; }
.main.android-machine.android-machine .simple3 .arrow{ flex:0 0 16px; align-self:center; height:13px; background:url(../images/android-machine/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
@media (max-width:750px){
  .main.android-machine.android-machine .simple3 .s{ padding:22px 4px 12px; }
  .main.android-machine.android-machine .simple3 .s .t{ font-size:12px; }
  .main.android-machine.android-machine .simple3 .arrow{ flex-basis:12px; }
}
@media (min-width:751px){
  .main.android-machine.android-machine .simple3{ max-width:720px; margin-left:auto; margin-right:auto; }
}

/* B-7 point / point.danger（左罫の注意ボックス）＝bespoke。why/erase の重要・危険箱に使用。
   anm02 [F][G]: .pt 1.3／.pd 12px/1.6。 */
.main.android-machine.android-machine .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.android-machine.android-machine .point .pt{ display:flex; align-items:baseline; gap:8px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.3; }
.main.android-machine.android-machine .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.android-machine.android-machine .point .pt .pt-t{ min-width:0; }/* anm03: flex内テキストラッパ（バッジ隣の本文を1 flex item に＝nowrap span 個別補正時の orphan 再計測を回避） */
.main.android-machine.android-machine .point .pd{ font-size:12px; line-height:1.6; color:#333; margin-top:7px; }
.main.android-machine.android-machine .point .pd strong{ color:var(--color9); }
.main.android-machine.android-machine .point .pd b{ color:var(--color9); }/* anm02 [I]: 明地インライン強調は color9 一色（rule16） */
.main.android-machine.android-machine .point .pd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.android-machine.android-machine .point .pd a[rel="nofollow"]{ font-weight:bold; }
.main.android-machine.android-machine .point .pd .todo{ display:inline; font-size:11px; background:var(--color10); border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; }
.main.android-machine.android-machine .point .pd .sub{ display:block; font-size:12px; color:var(--color13); line-height:1.6; margin-top:6px; }
.main.android-machine.android-machine .point.danger{ border-left-color:#E94F4F; box-shadow:0 0 5px rgba(233,79,79,.2); }
.main.android-machine.android-machine .point.danger .pt{ color:#E94F4F; }
.main.android-machine.android-machine .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 カードのみ装飾解除（テーマ標準=影なし/左罫なし）。 */
.main.android-machine.android-machine .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}`(:340) の漏れを
   **先頭カードだけ** `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`）。 */

/* ============================================================
   [C] why（不安提示→お約束/解説）＝worry-board 器を .why に rescope（白地節）
   anm02 [F]: board-head/wi-t は 1.3・本文行は 1.6。
   ============================================================ */
.main.android-machine.android-machine .why .worry-board{ position:relative; background:transparent; padding:0; margin-top:20px; }
.main.android-machine.android-machine .why .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; padding:0 0 16px; margin:0; line-height:1.3; }
.main.android-machine.android-machine .why .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.android-machine.android-machine .why .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.android-machine.android-machine .why .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.android-machine.android-machine .why .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.android-machine.android-machine .why .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
.main.android-machine.android-machine .why .worry-board .wi .wic{ width:42px; min-width:42px; height:42px; }
.main.android-machine.android-machine .why .worry-board .wi .wic svg{ width:100%; height:100%; display:block; }
.main.android-machine.android-machine .why .worry-board .wi .wi-t{ min-width:0; }
.main.android-machine.android-machine .why .worry-board .wi .wi-t strong{ color:var(--color9); }/* anm02 [I]: 明地インライン強調は color9 一色（rule16） */
.main.android-machine.android-machine .why .lead-why{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .why .lead-why strong{ color:var(--color9); font-weight:700; }/* anm02 [I]: 明地インライン強調 color9 一色 */
.main.android-machine.android-machine .why .why-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .why .why-lead strong{ color:var(--color9); font-weight:700; }/* anm02 [I]: 明地インライン強調 color9 一色 */
/* anm02 craft: FRP概念図（白地節→白カード＋1px罫で図地分離・影なし＝補足図） */
.main.android-machine.android-machine .why .why-fig{ margin:24px 0 0; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:16px 14px 14px; }
.main.android-machine.android-machine .why .why-fig svg{ width:100%; max-width:320px; height:auto; display:block; margin:0 auto; }
.main.android-machine.android-machine .why .why-fig figcaption{ margin:10px auto 0; max-width:320px; font-size:11px; line-height:1.6; color:var(--color13); text-align:center; }
@media (max-width:750px){
  .main.android-machine.android-machine .why .worry-board .board-head{ font-size:16px; padding:0 0 14px; }
  .main.android-machine.android-machine .why .worry-board .wi{ font-size:13px; }
  .main.android-machine.android-machine .why .worry-board .wi .wic{ width:38px; min-width:38px; height:38px; }
}
@media (min-width:751px){
  .main.android-machine.android-machine .why .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.android-machine.android-machine .why .worry-board .wi{ width:auto; }
  .main.android-machine.android-machine .why .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.android-machine.android-machine .why .lead-why,
  .main.android-machine.android-machine .why .why-lead{ max-width:780px; }
  /* anm02 [H]: PC 本文拡大 */
  .main.android-machine.android-machine .why .lead-why,
  .main.android-machine.android-machine .why .why-lead,
  .main.android-machine.android-machine .why .worry-board .wi{ font-size:15px; }
  .main.android-machine.android-machine .why .worry-board .wi{ font-size:16px; }
}

/* ============================================================
   [D] flow3（初期化〜買取 3STEP早見表）＝simple3＋note。白地節。
   ============================================================ */
.main.android-machine.android-machine .flow3 .flow-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .flow3 .flow-lead strong{ color:var(--color9); font-weight:700; }/* anm02 [I]: 明地インライン強調 color9 一色 */
@media (min-width:751px){
  .main.android-machine.android-machine .flow3 .flow-lead{ max-width:780px; font-size:15px; }
}

/* ============================================================
   [E] quickref（やること順番早見表）＝compare-table＋note。色地節（2026-09-07 craft-r3 で白→色）。
   ============================================================ */
.main.android-machine.android-machine .quickref .qr-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .quickref .qr-lead strong{ color:var(--color9); font-weight:700; }
.main.android-machine.android-machine .quickref .qr-lead b{ color:var(--color9); }/* anm02 [I]: 明地インライン強調は color9 一色（rule16） */
@media (min-width:751px){
  .main.android-machine.android-machine .quickref .qr-lead{ max-width:780px; font-size:15px; }
}

/* ============================================================
   [F] howto（Android初期化 手順4STEP）＝deflist＋note。色地節（color10）。
   ============================================================ */
.main.android-machine.android-machine .howto .howto-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .howto .howto-lead strong{ color:var(--color9); font-weight:700; }/* anm02 [I]: 明地インライン強調 color9 一色 */
.main.android-machine.android-machine .howto .howto-lead b{ color:var(--color9); }
.main.android-machine.android-machine .howto .howto-lead a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (min-width:751px){
  .main.android-machine.android-machine .howto .howto-lead{ max-width:780px; font-size:15px; }
}

/* ============================================================
   [G] maker（メーカー別の注意）＝deflist＋末尾 connection.partbg(ch-nudge)。白地節。
   ============================================================ */
.main.android-machine.android-machine .maker .maker-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .maker .maker-lead strong{ color:var(--color9); font-weight:700; }/* anm02 [I]: 明地インライン強調 color9 一色 */
.main.android-machine.android-machine .maker .maker-micro{ font-size:12px; line-height:1.6; color:var(--color13); margin:14px 0 0; }
.main.android-machine.android-machine .maker .maker-micro b{ color:var(--color9); }/* anm02 [I]: 明地インライン強調 color9 一色 */
@media (min-width:751px){
  .main.android-machine.android-machine .maker .maker-lead{ max-width:780px; font-size:15px; }
}

/* ============================================================
   [H] trouble（つまずきポイント）＝deflist＋末尾 connection.partbg。色地節（2026-09-07 craft-r3 で白→色）。
   ============================================================ */
.main.android-machine.android-machine .trouble .trouble-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .trouble .trouble-lead strong{ color:var(--color9); font-weight:700; }
@media (min-width:751px){
  .main.android-machine.android-machine .trouble .trouble-lead{ max-width:780px; font-size:15px; }
}

/* ============================================================
   [I] erase（データ消去の安心）＝point＋promise（左上隅navy帯＋teal .ck）。色地節（color10）。
   ============================================================ */
.main.android-machine.android-machine .erase .erase-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.android-machine.android-machine .erase .erase-lead strong{ color:var(--color9); font-weight:700; }
/* erase-fig: 色地節内なので白カードで分離（2カラム） */
.main.android-machine.android-machine .erase .erase-fig{ background:#fff; border:1px solid var(--color7); border-radius:5px; padding:16px 14px 14px; margin:20px 0 0; }
.main.android-machine.android-machine .erase .erase-fig svg{ width:100%; max-width:280px; height:auto; display:block; margin:0 auto; }
.main.android-machine.android-machine .erase .erase-fig figcaption{ max-width:300px; margin:10px auto 0; font-size:11px; color:var(--color13); line-height:1.6; text-align:center; }
.main.android-machine.android-machine .erase .promise{ position:relative; background:#fff; border-radius:5px; padding:60px 18px 20px; margin:26px 0 0; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.android-machine.android-machine .erase .promise .pm-t{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; padding:6px 20px; line-height:1.3; }
.main.android-machine.android-machine .erase .pl{ display:flex; flex-direction:column; gap:14px; }
.main.android-machine.android-machine .erase .pi{ position:relative; background:var(--color10); border-radius:5px; padding:15px 16px 15px 50px; }
.main.android-machine.android-machine .erase .pi .ck{ position:absolute; left:13px; top:15px; width:26px; height:26px; border-radius:50%; background:#16AEB1; display:flex; align-items:center; justify-content:center; }
.main.android-machine.android-machine .erase .pi .ck svg{ width:14px; height:14px; display:block; }
.main.android-machine.android-machine .erase .pi .px{ font-size:12px; line-height:1.6; color:#333; }
.main.android-machine.android-machine .erase .pi .px b{ display:block; font-size:14px; color:var(--color4); line-height:1.3; margin-bottom:3px; }
.main.android-machine.android-machine .erase .pi .px .pd{ display:block; font-size:12px; line-height:1.6; color:#333; }/* anm02 [I]: title(b)/body(.pd) 分離（harness title/body未分離） */
@media (max-width:750px){
  .main.android-machine.android-machine .erase .promise{ padding:58px 12px 16px; }
  .main.android-machine.android-machine .erase .promise .pm-t{ font-size:14px; padding:6px 16px; }
}
@media (min-width:751px){
  .main.android-machine.android-machine .erase .erase-lead{ max-width:780px; font-size:15px; }
  .main.android-machine.android-machine .erase .pl{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .main.android-machine.android-machine .erase .pi .px,
  .main.android-machine.android-machine .erase .pi .px .pd{ font-size:15px; }
  .main.android-machine.android-machine .erase .pi .px b{ font-size:16px; }
}

/* ============================================================
   [K] related（関連ガイド）＝board>related-links。白地節。
   ============================================================ */
.main.android-machine.android-machine .related .related-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
@media (min-width:751px){
  .main.android-machine.android-machine .related .related-lead{ max-width:780px; font-size:15px; }
}

/* anm02 [H]: PC タイポ [R]＝SP固定の deflist/point/compare-table を PC幅で拡大（SP<751 不変） */
@media (min-width:751px){
  .main.android-machine.android-machine .dd,
  .main.android-machine.android-machine .point .pd,
  .main.android-machine.android-machine .maker .maker-micro{ font-size:15px; }
  .main.android-machine.android-machine .dt{ font-size:16px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.android-machine .compare-table th */
  .main.android-machine.android-machine .note{ font-size:13px; }/* 2026-08-29 ledger#74: 閉じを失っていたセレクタ行を復元 */
}

/* ============================================================
   §1-B 節地色・余白・区切り線（ID個別指定）
   ── 白節: margin:30px auto; padding:0（テーマ標準・.part{margin:30px auto} style.css:4521 に委ねる）。
   ── 色節: background:var(--color10); margin:0。padding/border-top は下記 ID で個別。
   ── color/CTA→white 直後の白節のみ margin-top:0（前帯/前色節の padding-bottom30 が breathing）。
   ============================================================ */
.main.android-machine.android-machine #maker{ margin-top:0; }      /* prev=中間CTA cta-mid1 partbg（白full-bleed帯・padding-bottom30） */
.main.android-machine.android-machine #trust{ margin-top:0; }       /* prev=erase(色・padding-bottom30) */

/* 色節（全面 color10）。共通=連続色 margin:0。padding/区切り線は各IDで個別。
   2026-09-07 craft-r3（critic r1 減点3「後半3節が白地カード連続・色面が2節のみ」）: 色節を 2→4 に増やして交互に組み替えた。
   実配置（上から）= fv(濃紺) / topnav / flow3(白) / reasons(白※テーマ .point-list が var(--color10) パネルを内包＝style.css:6565-6568) /
   quickref(色) / why(白) / howto(色) / cta-mid1(白full-bleed帯) / maker(白・表) / trouble(色) / erase(色※間に trouble 末尾の白帯) /
   related(白) / cta(締めCTA帯・自己border-top) / faq(白)。＝同一地色の content 節が3連続する箇所なし。
   ※親指示は #reasons を色節にする案だったが、テーマ .reason は `.reason-point .point-list{background:var(--color10)}` ＋
     `.point{background:#FFF}`（style.css:6565-6589）で**部品自身が色パネル＋白カード**を持つため、節を color10 にすると
     パネルが地と同化して部品内の図地分離が壊れる（§2.6）。同じ「白3連続を割る」効果を、部品構造に手を入れずに得られる
     #quickref（表＝白セル部品なので色地でも図地が立つ）を色節にした。 */
.main.android-machine.android-machine .quickref,
.main.android-machine.android-machine .howto,
.main.android-machine.android-machine .trouble,
.main.android-machine.android-machine .erase{ background:var(--color10); margin:0; }
.main.android-machine.android-machine #quickref{ padding:30px 0; }  /* prev=reasons(白)→色差で区切れる＝線なし。下30＋次の白節(#why) margin30＝既存の quickref→howto 境界と同値 */
.main.android-machine.android-machine #trouble{ padding:30px 0; }   /* prev=maker 末尾の白full-bleed CTA帯→白×色＝色差で区切れる＝線なし。下は節末尾CTA帯の flush 規則（:527）が受ける */
.main.android-machine.android-machine #howto{ padding:30px 0; }     /* prev=quickref(色)→色×色だが howto 先頭は濃紺h2バンドで自己区切り… ではなく間に白節 #why が入る＝色差で線なし */
.main.android-machine.android-machine #erase{ padding:30px 0; }     /* prev=trouble(白)→色差で区切れる＝線なし。下30=次の白節(#trust)が margin-top:0 で受ける */

/* anm02 [B]: cta-mid1（howto色節 と maker白節 の間の白full-bleed帯）の divider 個別判定。
   上=howto(色 color10)→色×白＝色差→上線なし。下=maker(白)→白×白だが maker 先頭は濃紺h2バンドで自己区切り→下線なし。＝線なし。 */
.main.android-machine.android-machine #cta-mid1{ border-top:0 !important; }

/* 2026-06-29 CTA帯flush(harness D_spacing「CTA帯末尾の節」検出・user指摘「CTAセクション区切り線/節上下余白の不備が毎回多い」): 節末尾 full-bleed connection.partbg の親節は下余白(padding/margin)を相殺してflush＝帯padding30+次節padding30=60px breathing(金型airpods steps型)。相殺しないと節のmargin/padding30(48)が帯下に二重で乗り90px+の過剰余白。 */
.main.android-machine.android-machine section.part:has(> .connection.partbg:last-child){ padding-bottom:0 !important; margin-bottom:0 !important; }

/* 2026-06-30 節内CTA帯の上余白(台帳#5・user指摘「本文の下に余白なく区切り線とくっつく」): .thisinner末尾の本文に full-bleed CTA帯が密着＝breathing無し。金型airpods同様 content→帯30px。 */
.main.android-machine.android-machine .thisinner + .connection.partbg{ margin-top:30px !important; }

.main.android-machine.android-machine #cta{ border-top:1px solid var(--color7); }/* 2026-06-30 user-flag cross-page (applewatch): closing CTA (connection non-partbg) follows white related/gen -> white-on-white, CTA top is not a navy band -> needs divider. aquos/xperia prev=color section so none. */
/* 2026-07-26 横断是正: 上の border-top 横展開(06-30)で「呼吸」だけ入れ忘れ＝帯先頭が線に密着(実測 gap 1px<16・ledger#26⑤ D_spacing)。
   gold = build/airpods-reset/extra.css:885 `#cta{ padding-top:30px !important }` verbatim（padding-bottom は 0 のまま＝gold 実測 padBottom:0）。同型6頁へ同値で横展開。 */
.main.android-machine.android-machine #cta{ padding-top:30px !important; }
/* 2026-07-01 PC fix(applewatch同型bug): 節content用の広thisinner(clamp)が節内ネストの .connection.partbg .thisinner.narrow を広げCTA(linktouch)が480pxに肥大→ narrow は常に750へ固定(金型linktouch355) */
.main.android-machine.android-machine .connection .thisinner.narrow{ max-width: 750px; }
/* 2026-08-28 ledger#72 検出器（PC figcaption 13）が捕捉: SP11→PC13 の役割別拡大が一部 figcaption に届いていなかった（canon _shared figcaption PC13・ledger#33） */
@media (min-width:751px){
  .main.android-machine.android-machine .why .why-fig figcaption, .main.android-machine.android-machine .erase .erase-fig figcaption{ font-size:13px; }/* 特異度を元ルール(0,3,1)以上に */
}
@media (min-width:751px){
  /* 2026-08-29 cross-page 1280 drift（note 13px×13ページ vs 11px×2）: PC 補足13 が本ページの一部 .note に届いていなかった（ledger#33/#73） */
  .main.android-machine.android-machine section .note{ font-size:13px; }
}
/* 2026-08-29 gate r7 F-1 で入れた `#trouble{border-top:1px solid var(--color7)}` は 2026-09-07 craft-r3 で撤去。
   理由: #trouble を色節（color10）にしたため、上に接する面（#maker 末尾の白 full-bleed CTA帯）と色差が付く＝
   spacing-divider-craft-rules「色↔白は線なし」に該当（線を残すと色差＋線の二重区切りになる）。 */

/* ============================================================================
   [C-craft-r1] 2026-09-07 design-craft r1（ledger#37 HARD-CAP 解除・親統括指示）
   何のため: 本ページは #why / #erase の 2 節だけに概念アイコンがあり、残る
   #reasons / #quickref / #howto / #maker / #trouble / #related の**カード・リスト・表が素の文字**だった
   （craft-density-inventory: svg 15 / baseline airpods-reset 69 = 22%）。
   方針: **新しいアイコン語彙は作らない**。既出の白円＋navy3トーン「塗り」語彙（.wic / .ci-ic）を
   姉妹ページ（build/guide-android-notes・build/galaxy-reset・build/xperia-reset）から verbatim コピーし、
   受け皿（寸法）だけをこのページの実測に合わせる。線画・独自色・別フォントは持ち込まない。
   外周円の地色は**面で出し分け**（既存作法と同じ）: 白カード上 = #EBF0F6 ／ var(--color10) の表セル上 = #fff。
   ============================================================================ */

/* ---- (1) #reasons reason-point の概念アイコン（大 tier）＝ build/guide-android-notes/extra.css:1000,1013-1015,1026-1028 と同値 ---- */
.main.android-machine.android-machine .reason .reason-point .point-list .point .ci-ic{ display:block; width:38px; height:38px; margin:0 0 10px; }
@media (min-width:751px){
  .main.android-machine.android-machine .reason .reason-point .point-list .point .ci-ic{ width:42px; height:42px; margin-left:auto; margin-right:auto; }
}

/* ---- (2) 小 tier（22/24px）の受け皿 = build/guide-android-notes/extra.css:1108-1119（[C10]）と同値 ----
   寸法の根拠: 行頭セル/カードタイトルの行ボックス（canon components.css:188 = 13px×1.5 = 19.5px、
   PC は :259 で 16px 相当）に収まる 22px（SP）／24px（PC）。本ページ .dt .n チップ（extra.css:296 = 12px/800/padding 3px 9px
   ＝実効高 21.6px）と同じ高さ帯。 */
/* 2026-09-07 craft-r6: #quickref の行頭 glyph は「やること」セルの太字題の行頭へ移した（順列 th は番号のみ＝2段積み解消）ので、
   同じ小 tier の受け皿を td 直下にも与える（inline 22/24・margin-right 6px＝gan:1107-1112 `.line-content > .wic` と同値）。 */
.main.android-machine.android-machine .compare-table tbody th[scope="row"] > .wic,
.main.android-machine.android-machine .compare-table tbody td > .wic{
  display:inline-block; flex:0 0 auto; width:22px; min-width:22px; height:22px; vertical-align:-5px;
}
/* 2026-09-07 craft-r2（scrutiny C-4）: カードの概念アイコンは姉妹 canon の大 tier に統一＝SP38 / PC42
   （出典: build/galaxy-reset/extra.css:327-340 `.prep .di .dt > .wic`／build/guide-android-notes/extra.css:1058-1061
     `.deflist .di .dt > .wic`。#why の worry-board .wic も同ページ :377/:392 で 42/38＝ページ内単一 tier に揃う）。
   小 tier（22/24）は行内に収める必要のある表の行頭セル（#quickref）だけに残す（出典 gan:1107-1112）。 */
.main.android-machine.android-machine .dt > .wic,
.main.android-machine.android-machine .point .pt > .wic{
  display:block; flex:0 0 auto; width:38px; min-width:38px; height:38px;
}
/* 2026-09-07 統括レビュー: .related-links a b > .wic（関連リンク題のアイコン）は撤去＝.related-links は共通部品（_shared 単一実体）で、
   ページ側で題にアイコンを足すと他ページと見た目が割れる（#related カード化不採用の裁定と同じ理由）。#related の視覚アンカーは photo-band が担う。 */
.main.android-machine.android-machine .compare-table tbody th[scope="row"] > .wic svg,
.main.android-machine.android-machine .compare-table tbody td > .wic svg,
.main.android-machine.android-machine .dt > .wic svg,
.main.android-machine.android-machine .point .pt > .wic svg{ width:100%; height:100%; display:block; }
/* 横の間隔: flex の器（.dt = extra.css:295 gap:10px）は gap が持つので margin を足さない。
   inline 文脈（表セル・display:block の .trouble .dt・related のタイトル）だけ 6px を足す。 */
.main.android-machine.android-machine .compare-table tbody th[scope="row"] > .wic,
.main.android-machine.android-machine .compare-table tbody td > .wic{ margin-right:6px; }
/* 2026-09-07 craft-r2: `.trouble .dt` は flex に戻したので margin は不要（gap:10px が持つ）＝旧 inline 用の 6px を撤去 */
/* .point .pt は align-items:baseline（extra.css:341）なので、円が文字のベースラインに沈まないよう中央に置く */
.main.android-machine.android-machine .point .pt > .wic{ align-self:center; }
@media (min-width:751px){
  .main.android-machine.android-machine .compare-table tbody th[scope="row"] > .wic,
  .main.android-machine.android-machine .compare-table tbody td > .wic{ width:24px; min-width:24px; height:24px; vertical-align:-6px; }
  /* PC 42px＝galaxy-reset:337-339／guide-android-notes:1060-1061 と同値（ページ内 tier は #why の :392 と一致） */
  .main.android-machine.android-machine .dt > .wic,
  .main.android-machine.android-machine .point .pt > .wic{ width:42px; min-width:42px; height:42px; }
}

/* ---- (3) .dd-list ＝ 200字超の説明文を「結論1文＋スキャン単位」に割ったときの箇条書き（レシピ②）----
   値は本ページの .dd（extra.css の deflist canon components.css:88-96 = 12px/1.7）に揃え、行頭ドットだけ足す器。
   出典の作法 = build/guide-android-notes/extra.css:200-191（.worry-list の ::before ドット）と同形・色はトークン内。 */
.main.android-machine.android-machine .dd-list{ list-style:none; margin:8px 0 0; padding:0; }
.main.android-machine.android-machine .dd-list > li{ position:relative; padding-left:14px; font-size:12px; line-height:1.6; color:#333; }/* 2026-09-07 harness C_font: 本文 tier は 1.6（テーマ style.css:71） */
.main.android-machine.android-machine .dd-list > li + li{ margin-top:6px; }
.main.android-machine.android-machine .dd-list > li:before{ content:""; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--color9); }
.main.android-machine.android-machine .dd-list > li b,
.main.android-machine.android-machine .dd-list > li strong{ color:var(--color9); font-weight:700; }
.main.android-machine.android-machine .dd-list > li a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* .di 内で dd → dd-list → dd（details 内包）と続くときの縦リズム（.di padding は extra.css:293 の 15px 16px） */
.main.android-machine.android-machine .di > .dd-list + .dd{ margin-top:8px; }
@media (min-width:751px){
  .main.android-machine.android-machine .dd-list > li{ font-size:15px; }/* PC 本文 15px（_INDEX §3 PCタイポ・本ページ :498 の .dd/.pd と同値） */
}

/* ---- (4) .cn-list ＝ 締めCTA（#cta）の長文 note を条件リストへ割った器 ----
   見た目は canon .connection .connection-note（build/_shared/components.css:75 = max-width600/白/1px color7/角丸5/
   12px 14px/#14355D/11px/1.6、PC は :256 で 13px）と同値。共通部品の複製ではなく「並べる器」だけを置く。 */
.main.android-machine.android-machine .connection .cn-list{
  list-style:none; max-width:600px; margin:10px auto 0; padding:12px 14px; background:#fff;
  border:1px solid var(--color7); border-radius:5px; text-align:left;
}
.main.android-machine.android-machine .connection .cn-list > li{ position:relative; padding-left:14px; font-size:11px; line-height:1.6; color:#14355D; font-weight:500; }
.main.android-machine.android-machine .connection .cn-list > li + li{ margin-top:6px; }
.main.android-machine.android-machine .connection .cn-list > li:before{ content:""; position:absolute; left:0; top:.6em; width:6px; height:6px; border-radius:50%; background:var(--color9); }
.main.android-machine.android-machine .connection .cn-list > li strong,
.main.android-machine.android-machine .connection .cn-list > li b,
.main.android-machine.android-machine .connection .cn-list > li .kw{ color:var(--color9); font-weight:700; }
.main.android-machine.android-machine .connection .cn-list > li a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (min-width:751px){
  .main.android-machine.android-machine .connection .cn-list > li{ font-size:13px; }
}

/* ---- (5) photo-band（テーマ実写真の帯）のコンテキスト差分だけ ----
   器の実体は canon build/_shared/components.css:303-310（枠 var(--color7)＋navy .08 薄膜・複製しない）。
   比率・余白・PC 最大幅は金型 build/airpods-reset/extra.css:769,772,774 と同値。 */
.main.android-machine.android-machine .photo-band{ margin:16px 0 24px; aspect-ratio:21/9; }/* 2026-09-07 harness D_spacing: 図版直下は 24px（隣接 margin と collapse させて確保） */
.main.android-machine.android-machine .photo-band img{ height:100%; object-fit:cover; object-position:center; }
@media (min-width:751px){
  .main.android-machine.android-machine .photo-band{ max-width:760px; margin-left:auto; margin-right:auto; }
}

/* ---- (6) 2026-09-07 craft-r6: 旧 craft-r1 の「順」列 glyph 縦積み（padding:11px 8px ＋ .no > .wic{display:block}）は撤去 ----
   撤去理由（ユーザー目視指摘）: 行頭セルが「アイコン↓番号」の2段になり、順番の数字が読み取りにくく行高も不自然に伸びていた。
   ⇒ 順列は番号のみ（canon `tbody th[scope="row"]` の padding:11px 14px / text-align:left に戻す＝ページ側の上書きを持たない）。
   glyph 6枚は撤去せず「やること」セルの太字題の行頭へ移設（受け皿は上記 (2) の `tbody td > .wic`）＝svg 密度は不変。 */

/* ---- (7) 2026-09-07 craft-r1 追補: flex の .dt 直下テキスト包み（.pt-t と同型・galaxy-reset:684 の .dt-t） ----
   アイコンを配って .dt の可用幅が減ったため、括弧グループを .nowrap で結ぶ必要が出た。
   .nowrap を flex 直下に裸置きすると gap:10px で逆に切り離されるので、テキストを1枚の flex item に包む。 */
.main.android-machine.android-machine .dt > .dt-t{ min-width:0; }

/* ============================================================================
   [C-craft-r2] 2026-09-07 design-craft r2（visual-scrutiny-anm-r1 の統括仕分け）
   ============================================================================ */

/* ---- (8) M-2: 概念図 svg の PC 寸法 ----
   SP 320/280 のまま PC 1000px の箱に置いていたため図が 1/3 で沈んでいた。
   PC 値は金型の同型（概念図 svg）＝build/airpods-reset/extra.css:850 / build/galaxy-reset/extra.css:712
   `.steps .step-fig svg{ max-width:380px }` と同値。新しい値は作らず、ページ内2図（why/erase）を同一 tier に揃える。 */
@media (min-width:751px){
  .main.android-machine.android-machine .why .why-fig svg,
  .main.android-machine.android-machine .erase .erase-fig svg{ max-width:380px; }
  .main.android-machine.android-machine .why .why-fig figcaption,
  .main.android-machine.android-machine .erase .erase-fig figcaption{ max-width:380px; }
}

/* ---- (9) M-5: #quickref 3列表の PC 列幅 ----
   canon components.css:262 が PC で `min-width:0; width:100%` にするため、3列表が節幅（1000px）まで伸びて
   「やること」列に約 400px の空白ができていた。セル内容の実測に接地して2点だけ与える:
   ・表の PC 最大幅 760px＝本ページの PC 図版最大幅（extra.css:629 .photo-band）と同値＝ページ内で新値を作らない。
   ・col.c-why = 230px＝「なぜ必要か」列の最長文「契約情報・データ残存防止」12字 × PC td 14px（canon:256）＝168px
     ＋ canon セル padding 14px×2 ＝ 196px を 1行で収める幅（太字 strong ぶんの伸びを見て 230px）。
   残り（760 − 46 − 230 = 484px）が「やること」列＝最長文「LINE引き継ぎ設定／電子マネー残高の移行」（19字×14px＝266px）を
   1行で収めたうえで空白が過大にならない。SP（<751）は横スクロール表のまま一切触らない。 */
/* 2026-09-07 craft-r6（ユーザー目視指摘＝部品幅≠器幅の浮き）: PC の max-width:760px＋中央寄せを撤去。
   1000px の白カード（.thisinner）の中で表だけ 760px＝左右 120px の白余白ができ、同ページの他2表（#maker/#trouble＝
   craft-r4/r5 で器の全幅）と作法が割れていた。⇒ 表は器の全幅に戻し、「やること」列の空白は colgroup の PC 幅で吸収する
   （#maker r5 の `col.c-cau{width:55%}`（:838）と同じ作法＝px 固定をやめて比率で情報量に合わせる）。 */
@media (min-width:751px){
  /* 38%＝2列の内容実測比で余白を分配した値（1280 実測・PC td 14px）: 「やること」列の最長内容 268.8px＋canon セル padding 28px＝297px、
     「なぜ必要か」列の最長内容 168.0px＋28px＝196px ⇒ 297:196 ≒ 60:40。順列 46px を除いた 954px をこの比で割ると
     574 / 380（=1000 の 38%）。旧 230px 固定では「なぜ」列に余白が回らず「やること」列だけが 654px で空いていた。 */
  .main.android-machine.android-machine .quickref .compare-table-scroll .compare-table col.c-why{ width:38%; }
}

/* ---- (10) M-7: 締めCTA（#cta）の白箱を 2段 → 1箱 ----
   canon `.main .connection .connection-note`（build/_shared/components.css:75）はタグ非依存のクラス選択子なので
   p → div へ替えても箱の見た目（max-width600/白/1px color7/角丸5/12px 14px 12px 44px/#14355D/11px/1.6）は不変。
   ページ側に置くのは「中に入れた要素の素の余白を消す」文脈差分だけ（共通部品の複製ではない）。
   .cn-list は箱の見た目（background/border/padding/max-width/margin auto）を外して**リストだけ**にする。 */
/* padding:0 が必須＝テーマ側の素の p に padding 5px/10px が乗っており（実測 paddingTop:5px・firstLine x が +10px）、
   これを消さないと canon `.cn-i{top:10px}`（components.css:76）に対して第1行が 5px 下がりアイコンが中央から外れる（harness I_craft 実測 Δ-5.0px）。 */
.main.android-machine.android-machine .connection .connection-note > p{ margin:0; padding:0; font-size:inherit; line-height:inherit; color:inherit; font-weight:inherit; }
.main.android-machine.android-machine .connection .connection-note > .cn-list{
  max-width:none; margin:8px 0 0; padding:0; background:none; border:0; border-radius:0;
}

/* ============================================================================
   [C-craft-r3] 2026-09-07 design-craft r3（critic r1 75.0 → 上位5手のうち PC 仕上げ3点）
   ============================================================================ */

/* ---- (11) critic r1 減点8: PC のカード本文 measure が約950px（1行が長すぎて読み返しが起きる）----
   金型 build/airpods-reset/extra.css:379,430,510,550,578,628 が PC の本文段落に一律 `max-width:780px` を与えている
   （本ページも .qr-lead/.maker-lead/.trouble-lead 等のリード文には既に同値 780px を適用済み＝:439,:454,:470 他）。
   同じ tier をカード本文（.pd＝point 説明／.dd・.dd-list＝deflist 説明）にも広げるだけ＝新しい値は作らない。
   SP（<751）は 390 幅でそもそも measure が短いので触らない。 */
@media (min-width:751px){
  .main.android-machine.android-machine .point .pd,
  .main.android-machine.android-machine .di .dd,
  .main.android-machine.android-machine .di .dd-list{ max-width:780px; }
}

/* ---- (12) 2026-09-07 craft-r6: 旧 craft-r3 の `why-fig/erase-fig{max-width:760px}` 中央寄せは撤去 ----
   撤去理由（ユーザー目視指摘・#quickref の表と同型の「部品幅≠器幅の浮き」）: 箱（白カード）を 760px に絞ると
   1000px の器の中で箱自体が浮き、上下の節（worry-board / .di カード＝器の全幅）と幅が揃わなかった。
   ⇒ 箱は器の全幅（max-width なし）。図（svg 380px = (8)）とキャプションは箱の中で中央寄せのまま
   （作法の出典 build/aquos-reset/extra.css の why-fig＝箱は width 100%・svg 側に max-width＋margin auto）。 */

/* ---- (12b) #maker 3列表の PC 幅（craft-r2 (9) の #quickref と同じ処置）----
   canon components.css:262 が PC で表を節幅（実測 1000px）まで伸ばすため、追加した3列表も「階層パス」列に
   約 300px の空白ができる（1280 実測）。#quickref と同値 max-width:760px＋注意列 230px を与える＝ページ内で新値を作らない。 */
/* 2026-09-07 craft-r4（critic r2 減点6＝PC で表が外箱の中で 760px に絞られ左右 120px が空く／Galaxy 行が
   2行しかない階層パス列に対し行高 165px で上部が空く）: PC は max-width を外して表を箱幅いっぱいにし、
   px 固定の col を比率へ切り替えて3列の情報量比に合わせる（メーカー22% / 階層パス43% / 注意35%）。
   ＝列がテキスト量に比例するので各行の折り返し数が揃い、行高の不均衡が解消する。SP（<751）の px 指定は上記のまま不変。 */
@media (min-width:751px){
  .main.android-machine.android-machine .maker .compare-table-scroll .compare-table{ max-width:none; margin-left:0; margin-right:0; }
  .main.android-machine.android-machine .maker .compare-table-scroll .compare-table col.c-cau{ width:35%; }
  /* 1列目は canon `.compare-table th:first-child{width:34%}`（build/_shared/components.css:139）が
     fixed レイアウトで col.c-mk より優先されるため実効 34%（1280 実測 340px）。canon を上書きすると
     ページ間 drift になるので据え置き＝実効比 34/31/35。狙いの「行高不均衡」は解消済み（1280 実測 行高 165px → 最大118px・最小94px）。 */
}

/* ---- (13) critic r1 減点5: #howto の details トリガが罫も面もない素の1行＝押せる要素に見えない ----
   面の作法は aquos-reset の details/summary canon（build/aquos-reset/extra.css:402,405,409-416
   `.steps details.proc-step > summary.proc-step-head`＝カード面＋flex＋右端 22px 丸チップ ± ＋ list-style:none）を写す。
   本ページの details は deflist カード（#howto の .di は #fff）の中にあるので、面は §2.6 の図地反転で var(--color10)。
   ± の文字（:319-320 の content "＋"/"−"）は既存のまま維持し、丸チップの器だけ aquos の st-add と同値（22px・50%・var(--color11)・白字）にする。 */
.main.android-machine.android-machine .dd details.more > summary{
  display:flex; align-items:center; justify-content:flex-start; gap:8px; width:100%; box-sizing:border-box;
  background:var(--color10); border-radius:5px; padding:9px 12px;
}
.main.android-machine.android-machine .dd details.more > summary:before{
  flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:var(--color11); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:12px; line-height:1;
}
@media (min-width:751px){
  .main.android-machine.android-machine .dd details.more > summary{ font-size:15px; }/* PC 本文 15px（_INDEX §3・本ページ :498 群と同値） */
}

/* ============================================================================
   [C-craft-r4] 2026-09-07 design-craft r4（critic r2 84.5 → 上位5手）
   ============================================================================ */

/* ---- (14) critic r2 減点3: #flow3 の3ステップカードに概念アイコンを1枚ずつ（svg 密度・レシピ①）----
   受け皿は本ページ既存の .wic tier をそのまま使う（新しい寸法を作らない）:
   SP 38px = #why worry-board の SP tier（extra.css :408）／PC 42px = .dt/.point .pt の PC tier（:622）。
   .simple3 .s は text-align:center・上端に絶対配置の番号丸（:340）があるので、glyph は block+auto で番号の下に積む
   （#quickref の行頭 glyph を数字の上に積む :672 と同じ「積む」作法）。 */
.main.android-machine.android-machine .simple3 .s > .wic{ display:block; width:38px; height:38px; margin:0 auto 6px; }
.main.android-machine.android-machine .simple3 .s > .wic svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
  .main.android-machine.android-machine .simple3 .s > .wic{ width:42px; height:42px; }
}

/* ---- (15) critic r2 減点5: #trouble の2列 compare-table 内に移した .dd-list の縦リズム ----
   旧 .di カードでは「.dd（段落）→ .dd-list」の順で 8px（:628 margin）だったが、移設先は td 直下。
   canon `.compare-table td`（components.css:141）の line-height 1.7 に合わせ、箇条の前だけ 8px を保つ
   （新しい値は作らず :628 と同値。td 内の最後の要素なので下マージンは付けない）。 */
.main.android-machine.android-machine .trouble .compare-table td > .dd-list{ margin:8px 0 0; }

/* ============================================================================
   [C-craft-r5] 2026-09-07 design-craft r5（critic r3 88.75 → 上位手1・2）
   ============================================================================ */

/* ---- (16) 上位手1: SP #maker の行空隙（390 で不可視の3列目「注意」が行高を決め、可視2列の下に 60px 前後の空白）----
   HTML 側で注意セルを ul.dd-list（:635-646 の既存受け皿）の箇条にした分の縦リズム。
   td 直下＝前に段落が無いので (15) の #trouble と違い上マージンは 0（新値ではなく 0 に落とすだけ）。 */
.main.android-machine.android-machine .maker .compare-table td > .dd-list{ margin:0; }
@media (max-width:750px){
  /* 注意列 200 → 360px。360px＝SP の表スクローラ可視幅（390 − ガター15×2＝:282 と同じ実測値）。
     ここが上限である理由: 360 を超えると「最右までスクロールしても注意列の左端が切れる」（410px で左 50px 欠け＝実測）。
     ⇒ 1画面目=メーカー+階層パス（136+224=360 でぴったり切れる＝craft-r4 の切断点は不変）／2画面目=注意列ちょうど、の2画面送りになる。
     表全体 min-width は 136+224+360=720px。
     効果（390 実測・可視2列の内容高との差）: Galaxy 86.5→47.0 / AQUOS 84.1→44.6 / Pixel 45.8→26.6
     （うち 25.4px は canon セル padding＝行高が可視2列で決まっている状態の下限値。Xperia/その他は 25.4 で不変）。 */
  .main.android-machine.android-machine .maker .compare-table-scroll .compare-table{ min-width:720px; }
  .main.android-machine.android-machine .maker .compare-table-scroll .compare-table col.c-cau{ width:360px; }
  /* ---- 上位手2: SP #trouble の症状列 42%（151px）だと症状文が3〜4行に割れ、対処セルが 12px×20字×最長 346px の壁になる ----
     症状列を 180px 固定（nowrap 塊「Googleアカウント／のパスワードが分からない」が2行で収まる実効幅）＋
     表 min-width は #quickref と同値の 440px（:276）＝SP で隠れる量も同じ 80px（440−360）。ページ内で新値を作らず
     「同じページの表の見せ方」を揃える（460px なら対処セルは 20px 縮むが隠れる量が 100px に増えるので採らない）。
     対処列は 208.8 → 260px。効果（390 実測）: 症状セル 80.5→41.5（2行）／対処セル最長 346.4→268.5。 */
  .main.android-machine.android-machine .trouble .compare-table{ min-width:440px; }
  .main.android-machine.android-machine .trouble .compare-table col.c-sym{ width:180px; }
}
@media (min-width:751px){
  /* critic r3 手5: PC の症状列は 42%（1280 実測 420px＝短い症状文に対し広すぎ）→ 300px 前後へ。
     1280 実測: 症状 300 / 対処 700・行高 156.6/108.8/108.8/156.6（症状セルは全行 43.5=2行）。 */
  .main.android-machine.android-machine .trouble .compare-table col.c-sym{ width:300px; }
  /* #maker の注意列 35% → 55%。注意セルを箇条にしたぶん PC でも行数が増える（1280 実測 350px で 126px=5行→
     行高 149px・可視2列との差 106px）ので、1〜2行しか使っていなかった階層パス列（514px）から幅を移す。
     1280 実測（55%）: 列 136/314/550・行高 101/94.4/101/94.4/94.4＝r4 時点の 118/94 より均一で、差も 56/23/53/23/23。 */
  .main.android-machine.android-machine .maker .compare-table-scroll .compare-table col.c-cau{ width:55%; }
}


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