/* 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 が唯一の実体（ページ側の複製 11 本を撤去＝PC 16px が死んでいた） */
/* ============================================================
   apple-machine extra.css  ?v=asm23（金型）
   ?v=asm23 full-fidelity retrofit（aquos/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; で個別。
     [B] ov-num 白チップ撤去（bg transparent・padding0・italic800・color9・SP22px＝shared-component-library §2）。
     [C] note 作法（golden §6）= 汎用 .note/step-note/cheat-note は 11px/color3/影なし、connection-note(2) は 11px/navy4(#14355D)・白CTA帯上は #fff+border で埋もれ回避。
     [D] connection.partbg = 白full-bleed/padding30/margin0（shared-component-library §4・aquos:65 verbatim）。6本それぞれ隣接背景で divider 個別判定。
     [E] line-title を テーマ正規 <span> 構造へ（bespoke ::before 縦棒撤去・span border-left 2px #8DB0D0/padding-left 7px がテーマ供給）。
     [F] line-height 2-tier（見出し/タイトル1.3・本文1.6）。半端値（1.4/1.45/1.5/1.55/1.7/1.75）全廃。
     [G] 役割別 font 正規化（off-scale 12.5 → 整数 golden）。
     [H] PC タイポ [R] ブロック（本文12→15・カードタイトル→16・補足→13・SP不変）。
   ─ 以下は ?v=asm22 までの履歴 ─
   apple-machine extra.css  ?v=asm22（金型）
   ?v=asm22 gold-sync（ipad-reset Fix r4 と同時是正・_theme-pattern-spec 正規基準）:
     P2-03 steps-ttl radius:30px→5px（§A 角丸トークンのみ・発明部品撤去）／P2-03/P2-04 proc-steps margin-top 44→45px・SP 34→45px（D段スナップ）／
     P2-04 sim-note 白円チップ 19→21px/left11→13/top11→14・本体 padding-left 40→44（§A(1)正規寸法へ一系統化）／
     P2-07 proc-step padding 18→16px（§B-3 board内白カード素16）／P2-12 eSIMタグ cyan#3EA9E2→navy枠ピル（トークン外色排除）。
     ※これらは ipad-reset と verbatim 共有する部品＝クラスタ parity 維持のため両ページ同時更新。構造・他の値は不変。
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（css/style.css）は編集しない。
   ?v=asm2: cheat / worry / why / devices / trouble / safety の6 design-craft確定版CSSを集約統合
            （各 _craft/<sec>/variant-1.html <style> をそのまま移植・改変なし／背景画像URLのみ
             ../../../../ → ../../ へ階層修正＝このファイル build/apple-machine/ 直下基準）。
   トークン（theme-tokens.md / css/style.css :root 1085-1092）のみ使用:
     --color9 #224995 / --color4 #14355D / --color10 #EBF0F6 / --color7 #C8D4E4
     本文 #333 / サブ #5A7386 / 角丸5px / ボタン=ピル999px / Noto Sans JP（body継承）
   ＋承認済み拡張（_design-grammar §1-1b / §6 DNA-11）: 差し色 teal#16AEB1・cyan#1497B1・#2E52A7・グラデ135deg／
     自作SVG専用3トーン #E2EFFF/#72A2CE/#224995（DNA-11作風）／限定コーラル#E94F4F・ピンク#F41782。
     ※asm20: 完了チェックの緑#09AE2Aは teal#16AEB1 へ統一済み（✓意味色の一本化）。
   器の出典:
     fv-todo / section-todo = build/corporate/extra.css:45-108,718-743（同型流用）
     #iphone（.iphone …）   = build/apple-machine/_craft/iphone/variant-F2.html <style>（確定版・改変なし／
                              背景画像URLのみ ../../../../ → ../../ へ階層修正＝extra.css(build/apple-machine/)基準）
     related board/tag      = テーマ board / tag 語彙へ翻訳（theme-tokens）
   CSSパス基準: このファイルは build/apple-machine/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
   ?v=asm3: trouble状況チップを白アイコンSVGへ統一。
   ?v=asm4: シニアQA — sim-table整列バグ修正／日本語orphan(泣き別れ)防止／余白リズム調整／
            connection補足文の作り込み／[要確認]で現行サイト未掲載のものは表現変更or削除。
   ?v=asm8: bespoke視覚層の一括ブラッシュアップ（§10参考デザイン層を実装値で適用・文言/構造順は不変）:
     [0] 自作SVG全描き直し→DNA-11作風（白円＋塗り3トーン #E2EFFF/#72A2CE/#224995・線アイコン全廃）
         = devices .dev-icon×3（summaryへ移設 ref:R-20）／safety .concept-fig（teal#16AEB1チェック1点・asm20統一）
     [1] sim-table → ref:R-19（楽天SIM/eSIM対比）: DNA-11イラスト＋タグ＋リードの同型反復＋hairline罫
         ＋eSIM注意をnote箱化 ref:R-21
     [2] cheat → ref:R-07（kaitorisatei flow大番号）: navy大円56px＋白STEP数字＋縦コネクタ貫通。
         時間ピル・「ここが最重要」食い込み維持（most-tag=ページ唯一のコーラル#E94F4F）
     [3] worry → ref:R-08（brandrevalue不安解決）: 不安1項目1帯→転換ブロック（白地+navy太枠+上向き三角）
         →同形お約束4カードの1:1対応
     [4] iphone中間CTA → ref:R-01/R-02: 3チャネル等価カード（電話/LINE=linktouch維持・宅配=navyピル）
         ＋上辺に濃紺#14355D確定事実バッジ →※asm9で撤去（§10-A）
     [5] 仕上げ磨き: related行チェブロン ref:R-22／カードスタックgap統一14px・疎密リズム ref:R-24
   ?v=asm9: _BUILD-DIRECTIVES §10 A〜D 反映（コピー/構造順不変）:
     [A] iphone中間CTA＝テーマ connection verbatim へ復帰（asm8 cta3 関連CSSを全削除＝CTAはbespokeしない）
     [B] reason-point流の差し色（_design-grammar §1-1b・テーマ正規色のみ）を全bespokeセクションに最低1点:
         teal #16AEB1（✓・バッジ）／cyan #1497B1（番号・英字＝.point-num css:6593と同値）／
         グラデ linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%)（.top-title:after css:6554と同値・見せ場2点のみ
         ＝cheat STEP2大円・safety「2回目」バッジ）。navy一色塗りFAIL対策
     [C] cheat＝DNA-11ミニアイコン付き縦タイムライン化（.ft-ico）／trouble＝症状ヘッダー帯→対処ボディの2層カード
         （ref:R-12×DNA-7。.br-head=淡地帯・.br-body=白）。worryはasm8 worry-board済み＝差し色のみ
     [D] 手順スクショ8枚の出典コメントは index.html 側に付記（実iOS画面・目視確認済み）
   ?v=asm10: ユーザー実レビュー12点反映（§10-micro M-01〜M-09=部品級の正本・コピー不変／例外=cheat-sum再組版）:
     [1] 差し色の再配分（§1-1b改定=バラまきFAIL）: グラデ2点維持（cheat STEP2円/safety「2回目」バッジ）。
         ソリッドteal=✓記号（安心/完了の意味）のみ＝worry pi-check＋iphone sc-check。
         機械配布を撤回→navy階調へ: cheat/iphone steps-ttl em・iphone step-number・sim-t下線・why順番円・
         devices dev-n・trouble bi（→イラスト化）・safety sp-num・related tag・cheat ftime文字
     [2] -sum帯6本を M-01 で再設計（単層「左罫+淡地箱」全廃）: cheat=型A+結論ラベル+番号フローチップ（再組版）／
         iphone=型A番号散らし（STEP|3アウトライン）／why・safety=型B山括弧アイブロウ+二層地+短罫／
         devices・trouble=型A POINTラベル+hairline
     [3] note類=M-02（淡#F1F8FF地+アイコンの納め+小字+リンク行末›）: step-note/cheat-note/sim-note/
         connection-note2（中間CTA5本+close=中央集約・ピンク/ベタ太字依存をやめ静かなnavy強調）
     [4] worry詰め=M-08/M-09: 写真導入（M-06枠）・？丸→DNA-11ミニイラスト・✓丸を1行目に整列・
         転換ブロック=三角接合精度+inset白/hairline+PROMISE eyebrow＝5層化
     [5] 写真2点=M-06（linxas実素材のみ・淡navyオーバーレイ rgba(34,73,149,.08)）: worry冒頭手元写真＋SIM取り出し写真
     [6] trouble=M-08+DNA-11: 症状チップ→白円+塗り3トーンのミニイラスト6種（ピン/鍵/ひび/電源/箱/南京錠）＋
         br-head下hairline
     [8] related line-btitle 上余白28px（§7-3 大段）
     [10] リンク行=M-04: bespoke本文リンクに行末›を統一（troubleはコピー内に›あり=二重付与しない）
     [11] cheat時間ピル=M-07字組み（目安小+数字ジャンプ+分小・白地枠チップ）
   ============================================================ */

/* ============================================================
   asm11: sumバンド全廃（ユーザー指摘「実在しないUI＝AI感」「コンテンツの流れ分断」）
   → テーマ実在イディオム＝h2直下の文章リード（.line-content）に統一。
   .sum-lead = 冒頭の結論文だけ太字navyで立てる最小限の差（人間の組み方）。
   asm23 [G]: font-size:14px を撤去＝lead はテーマ .main .line-content(SP12px) 継承（14px は間延び＝golden逸脱・harness C）。
   強調は strong を navy(color9) で立てる（block強調はカードタイトル扱いでないため color9 一色）。 */
.main.apple-machine.apple-machine .sum-lead strong{ color:var(--color9); font-weight:700; }
/* asm11: テキスト最強強調＝テーマ正規ピンク #F41782（発注者署名・損失/決め手ワードにピンポイント） */
.main.apple-machine.apple-machine .hl{ color:var(--color9); font-weight:700; white-space:nowrap; }/* asm23 [C]: 強調色 color9 一色化（pink #F41782 撤去＝明地強調は navy 単一・鉄則16）。white-space:nowrap=強調語の分断禁止 */
/* asm11: trouble=attention attentionblue（テーマ実在UI reuse: index.html:1021/css:4230-4356）。item-pic内はDNA-11インラインSVG */
.main.apple-machine.apple-machine .trouble .attention .item-pic svg{ width:100%; height:auto; display:block; }
.main.apple-machine.apple-machine .trouble .attention{ margin-top:6px; }

/* ============================================================
   M-02 connection-note2 / close connection-note 共通部品 asm10
   （淡#F1F8FF地＋DNA-11ミニinfoアイコンの納め＋小字＋静かなnavy強調＝中央集約）
   ============================================================ */

/* ============================================================
   asm23 [D]: connection.partbg（中間CTA帯・6本）= 白full-bleed・padding30・margin0
   （shared-component-library §4 build canon・aquos:65 / applewatch:103 verbatim）。
   区切り線は実隣接の背景色で個別判定（spacing-divider-craft-rules §1）:
   全6本は各節の最終子（白full-bleed ストライプ）。背景はテーマ素 .connection(白) を !important で固定。
   - worry/why/devices/trouble/safety（節=白）: 上=節の白content→白×白 blend→border-top。下=次節（白h2バンド or 色節）→色差→下線なし。
   - iphone（節=color10）: 上=色10 content→色×白=色差→上線なし。下=devices白→色差→下線なし。＝線なし。
   旧 .<sec> .connection{ margin-top:45px }（off-scale リードイン）は撤去＝partbg margin:0 で節から区切る。 */
.main.apple-machine.apple-machine .connection.partbg{ background:#fff !important; border:0 !important; padding-top:30px !important; padding-bottom:30px !important; margin:0 !important; }
.main.apple-machine.apple-machine .worry .connection.partbg,
.main.apple-machine.apple-machine .why .connection.partbg,
.main.apple-machine.apple-machine .devices .connection.partbg,
.main.apple-machine.apple-machine .trouble .connection.partbg,
.main.apple-machine.apple-machine .safety .connection.partbg{ border-top:1px solid var(--color7) !important; }/* 白full-bleed CTA・上=節の白content→白×白→上線。下=次節→色差→下線なし */
/* iphone（color10 節）の partbg は線なし（上=色×白・下=色差） */

/* ============================================================
   ?v=asm5-7: 画像パス（v1構造は不変・挿入のみ／正本=_BUILD-DIRECTIVES_2026-06-12.md §5）
   手順スクショ8枚のみ実画像（消去フロー6枚=既存ライブ https://linx-as.co.jp/apple-machine/ ／
   探す2枚=linx-as.jp /pedia/iphone_search）。文言は一切引用していない（画像のみ）。
   コンセプト図(safety)=navy自前SVG／カテゴリ(devices)=navyラインアイコンSVG。
   ストック/写真素材は不使用（asm6でAdobeStock・BACKUP写真・cat-*を撤去）。
   ============================================================ */
/* 手順1: スクショ2枚並び */
.main.apple-machine.apple-machine .iphone .shot-row{ display:flex; gap:10px; margin:18px 0 0; }
.main.apple-machine.apple-machine .iphone .shot-row .shot{ flex:1; margin:0; min-width:0; }
.main.apple-machine.apple-machine .iphone .shot img{ width:100%; height:auto; display:block; border:1px solid var(--color7); border-radius:5px; background:#fff; }
.main.apple-machine.apple-machine .iphone .shot figcaption{ font-size:11px; color:var(--color13); text-align:center; margin-top:6px; line-height:1.6; }/* asm23 [F]: caption 本文tier 1.6 */
/* 手順3: 6枚横スワイプ（DNA-9 ranking-list作法・端を見切れさせ続きを示唆） */
.main.apple-machine.apple-machine .iphone .shot-strip{ display:flex; gap:10px; overflow-x:auto; margin:18px 0 0; padding-bottom:8px; -webkit-overflow-scrolling:touch; }
.main.apple-machine.apple-machine .iphone .shot-strip .shot{ position:relative; flex:0 0 138px; margin:0; }
.main.apple-machine.apple-machine .iphone .shot-strip .shot-n{ position:absolute; left:0; top:0; z-index:2; width:22px; height:22px; display:flex; align-items:center; justify-content:center; background:var(--color9); color:#fff; font-size:12px; font-weight:bold; border-radius:5px 0 5px 0; }
.main.apple-machine.apple-machine .iphone .shot-hint{ font-size:11px; color:var(--color13); text-align:right; margin-top:6px; }
/* devices: DNA-11イラストアイコン（asm8・ref:R-20）= summary行右に白円イラスト。
   白円が読めるよう dev-item の淡地 #EBF0F6 上に直置き（枠箱なし＝正典 flow-block と同じ置き方） */
.main.apple-machine.apple-machine .devices .dev-body{ display:flow-root; }
/* asm20: アイコンを右端→左の番号隣へ移動（視線の散りを解消）。番号→アイコン→タイトルの左クラスタ、右は＋/−のみ。
   margin-left:auto を撤去し flex order で並べ替え（HTML不変） */
.main.apple-machine.apple-machine .devices .dev-icon{ flex:0 0 40px; width:40px; height:40px; margin-left:0; order:1; }
.main.apple-machine.apple-machine .devices .dev-icon svg{ width:100%; height:100%; display:block; }
.main.apple-machine.apple-machine .devices .dev-item summary .dev-t{ order:2; }
/* safety: DNA-11概念図（asm8描き直し）。淡navy地＋角丸5px＝画像セット統一枠（白円が淡地に浮かぶ） */
.main.apple-machine.apple-machine .safety .concept-fig{ margin:22px 0 0; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:20px 14px; }
.main.apple-machine.apple-machine .safety .concept-fig svg{ width:100%; max-width:320px; height:auto; display:block; margin:0 auto; }
/* asm18: 図キャプション＝erase-boardの1回目/2回目ピルと同語彙（反復原則で下のボードへ橋渡し）。左右円の直下に各ラベル */
.main.apple-machine.apple-machine .safety .concept-fig figcaption{ display:flex; width:100%; max-width:320px; margin:10px auto 0; font-size:11px; line-height:1.6; }/* asm23 [G]: figcaption 要素を caption tier 11px へ（visible ラベルは .cfc が12px override） */
.main.apple-machine.apple-machine .safety .concept-fig .cfc{ width:50%; text-align:center; font-size:12px; font-weight:700; color:var(--color4); line-height:1.3; }/* asm23 [F]: ラベルtier 1.3 */
.main.apple-machine.apple-machine .safety .concept-fig .cfc .cfc-n{ display:block; width:-moz-max-content; width:max-content; margin:0 auto 4px; background:var(--color9); color:#fff; font-size:10px; font-weight:bold; border-radius:5px; padding:2px 10px; line-height:1.3; }/* asm23 [F]: バッジtier 1.3 */
.main.apple-machine.apple-machine .safety .concept-fig .cfc.c2 .cfc-n{ background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); }

/* asm23 [A]: 改行作法は word-break:break-word のみ（text-wrap:balance/pretty・auto-phrase/keep-all・anywhere は二度と使わない＝鉄則16）。
   孤立語/ブランド語中割れ（Apple Pay等）は HTML 側 <span class="nowrap">/&nbsp; で個別に潰す。 */
.main.apple-machine.apple-machine [class*="part"] p,
.main.apple-machine.apple-machine .op-d, .main.apple-machine.apple-machine .ba, .main.apple-machine.apple-machine .sc-a,
.main.apple-machine.apple-machine .sim-d, .main.apple-machine.apple-machine .connection-note2,
.main.apple-machine.apple-machine .proc-micro, .main.apple-machine.apple-machine .lead-sum,
.main.apple-machine.apple-machine .line-content{ overflow-wrap:break-word; word-break:break-word; }

/* asm23 [F]: 見出し/タイトル tier=line-height 1.3（半端値 1.4/1.5 を撤去）。本文 tier=1.6。 */
.main.apple-machine.apple-machine h2.line-title span,
.main.apple-machine.apple-machine .line-btitle,
.main.apple-machine.apple-machine .board-head{ line-height:1.3; word-break:break-word; }

/* asm23 [C]: 明地の本文インライン強調(strong/b)は navy(color9) 一色（color4/#333/color13 に割らない＝強調色統一・harness I）。
   除外: テーマ .reason .point-num（テーマ cyan 番号・触らない）／濃紺FV .fv-headline/.fv-sub（明色#9DB8E6 が地に対し正）／block表示のカードタイトル(.px b/.dt 等=display:block＝harnessが除外)。 */
.main.apple-machine.apple-machine .line-content strong, .main.apple-machine.apple-machine .line-content b,
.main.apple-machine.apple-machine .op-d strong, .main.apple-machine.apple-machine .op-d b,
.main.apple-machine.apple-machine .sim-d strong, .main.apple-machine.apple-machine .sim-d b,
.main.apple-machine.apple-machine .proc-micro strong, .main.apple-machine.apple-machine .proc-micro b,
.main.apple-machine.apple-machine .why-micro strong, .main.apple-machine.apple-machine .why-micro b,
.main.apple-machine.apple-machine .devices-micro strong, .main.apple-machine.apple-machine .devices-micro b,
.main.apple-machine.apple-machine .sc-a strong, .main.apple-machine.apple-machine .sc-a b,
.main.apple-machine.apple-machine .ed strong, .main.apple-machine.apple-machine .ed b,
.main.apple-machine.apple-machine .sp-d strong, .main.apple-machine.apple-machine .sp-d b,
.main.apple-machine.apple-machine .dev-intro strong, .main.apple-machine.apple-machine .dev-intro b,
.main.apple-machine.apple-machine .dev-sub strong, .main.apple-machine.apple-machine .dev-sub b,
.main.apple-machine.apple-machine .pi .px .pd strong, .main.apple-machine.apple-machine .pi .px .pd b,
.main.apple-machine.apple-machine .worry-lead strong, .main.apple-machine.apple-machine .worry-lead b,
.main.apple-machine.apple-machine .quick-lead strong, .main.apple-machine.apple-machine .quick-lead b,
.main.apple-machine.apple-machine .step-note strong, .main.apple-machine.apple-machine .step-note b,
.main.apple-machine.apple-machine .cheat-note strong, .main.apple-machine.apple-machine .cheat-note b,
.main.apple-machine.apple-machine .sim-note strong, .main.apple-machine.apple-machine .sim-note b,
.main.apple-machine.apple-machine .connection .connection-note strong, .main.apple-machine.apple-machine .connection .connection-note b,
.main.apple-machine.apple-machine .trouble .attention p strong, .main.apple-machine.apple-machine .trouble .attention p b,
.main.apple-machine.apple-machine .trouble .attention .ba strong, .main.apple-machine.apple-machine .trouble .attention .ba b{ color:var(--color9); font-weight:700; }

/* ============================================================
   01 fv（🔶→.fv-todo プレースホルダ・作り込まない）
   出典: build/corporate/extra.css:45-108
   ============================================================ */
.main.apple-machine.apple-machine .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-sub{
  font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px;
}
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.apple-machine.apple-machine .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}
.main.apple-machine.apple-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: 4px 0 0;
}

/* ============================================================
   ❌ プレースホルダ枠（section-todo）
   出典: build/corporate/extra.css:718-743 / store-purchase index.html
   asm2以降の残存 section-todo は voices のみ（❌-データ：★口コミ実データ確定待ち）。
   cheat/worry/why/devices/trouble/safety は design-craft確定版へ置換済み（section-todo消滅）。
   ============================================================ */
.main.apple-machine.apple-machine .section-todo{ margin: 30px auto; }
.main.apple-machine.apple-machine .section-todo .thisinner{
  border: 1px dashed #C8D4E4; border-radius: 5px; background: #FAFCFF; padding: 18px 16px;
}
.main.apple-machine.apple-machine .section-todo .todo-note{
  font-size: 12px; font-weight: 700; color: #5A7386; line-height: 1.6; margin: 0;/* asm23 [G]: off-scale 12.5→12 */
}
.main.apple-machine.apple-machine .section-todo .todo-note small{
  display: block; font-size: 11px; font-weight: 500; color: #7994AA; margin-top: 6px; line-height: 1.6;
}

/* ============================================================
   11 related（✅ テーマ board / tag 語彙へ翻訳）
   ============================================================ */
/* asm8 ref:R-22 チェブロン誘導（rakuten 入口カードの淡円`>`→navy翻訳）: 行右端に淡#EBF0F6円＋
   テーマ純正 select.svg（navyシェブロン）を-90deg回転＝「タップで詳細へ」の記号。CSSのみ・markup不変 */
.main.apple-machine.apple-machine .related .line-btitle{ margin-top: 20px; }/* asm23 [D-spacing]: h3 上余白 28→20px（golden .line-content 20px・h3上≤20 / harness D） */
/* asm17 §6: related再編＝タグピルUI廃止（.related-tags系ルール削除・全リンクをrelated-links行UIに統一）。
   headlessなboard（board-head→h3.line-btitleへ置換済）はテーマの上60px余白が不要＝詰める。
   淡#EBF0F6 board上ではチェブロン淡円が同化するため白円へ */
.main.apple-machine.apple-machine .related .board{ padding: 6px 16px; margin-top: 14px; }
.main.apple-machine.apple-machine .related .related-micro{
  font-size: 11px; color: #5A7386; line-height: 1.6; margin-top: 12px;
}
.main.apple-machine.apple-machine .related .todo{
  display: inline-block; font-size: 10px; line-height: 1.5; padding: 1px 6px; margin: 0 2px;
  border-radius: 4px; color: #5A7386; background: #EAEFF6; font-weight: 500; vertical-align: middle;
}

/* ============================================================
   06 iphone（手順ステッパー・主役）
   = build/apple-machine/_craft/iphone/variant-F2.html <style> 確定版を統合（改変なし）
   背景画像URLのみ ../../../../ → ../../ に階層修正（extra.css基準）
   ============================================================ */


/* --- (1) 全体像 3STEP バンド（破線ヒーロー置換）= DNA-3 食い込み番号＋テーマ矢印 ----------------------- */
.main.apple-machine.apple-machine .iphone .proc-overview{ display:flex; align-items:stretch; gap:0; margin:30px 0 8px; }
.main.apple-machine.apple-machine .iphone .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; } /* asm19: 淡地上＝罫撤去 */
.main.apple-machine.apple-machine .iphone .ov-step .ov-num{ position:absolute; left:50%; top:0; transform:translate(-50%,-48%); font-size:22px; font-weight:800; font-style:italic; color:var(--color9); line-height:1; white-space:nowrap; }/* asm23 [B]: 白チップ撤去（background:#fff/padding:0 6px 削除）＝canon ov-num=bg transparent・padding0・italic800・color9・SP22px（shared-component-library §2・mac macL9 と同） */
.main.apple-machine.apple-machine .iphone .ov-step .ov-t{ font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .iphone .ov-step .ov-d{ font-size:11px; color:var(--color13); line-height:1.6; margin-top:4px; }/* asm23 [F][G]: 本文tier 1.6・10px→11px（最小本文）・color11(装飾)→color13（本文系・AA確保） */
.main.apple-machine.apple-machine .iphone .ov-arrow{ flex:0 0 18px; align-self:center; height:14px; background:url(../images/apple-machine/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); } /* テーマ純正矢印（自作図形なし） */

/* --- ステッパー外殻＋導入見出し asm17 §7: テーマattention様式へ（attention-top css:4233語彙=白地+1px枠+radius5+relative／
   attention-head css:4240語彙=上辺中央食い込み丸ピル帯 navy var(--color9)・白文字・border-radius:30px・min-width:260px・
   translate(-50%,-50%)）。「3」の特大em維持（白）。中のdetailsアコーディオン・シェブロンは不変＝troubleのattentionと反復が揃う -- */
/* asm19: テーマpurchase.html step実測の移植＝淡地セクション(#EBF0F6)×罫なし白カード×間30px矢印リズム。
   白大箱(罫付き)に平リスト詰めは廃止（メリハリ消失の主因） */
.main.apple-machine.apple-machine .part.iphone{ background:var(--color10); }
/* R4 gold-sync（ipad-reset と同時是正・_theme-pattern-spec P2-03/P2-04）:
   proc-steps margin-top:44px→45px（C段30・D段40の谷間値を §B-1 D段の連結CTA基準45へスナップ＝離散スケール内へ）／
   steps-ttl radius:30px→5px（§A 絶対則2『角丸トークン(5px)のみ・発明部品禁止』へ収束）。 */
.main.apple-machine.apple-machine .iphone .proc-steps{ position:relative; background:transparent; border:none; border-radius:0; padding:0; margin-top:45px; }
.main.apple-machine.apple-machine .iphone .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.apple-machine.apple-machine .iphone .steps-ttl span{ display:inline; padding:0; border-bottom:none; }
.main.apple-machine.apple-machine .iphone .steps-ttl em{ font-style:normal; font-size:1.7em; color:#fff; margin:0 2px; } /* 「3」だけ1.7倍＝§7-2局所ジャンプ・帯内でも維持（白） */

/* --- STEP白カード = purchase-step（css:9378-9396 verbatim値）＋シェブロン区切り（DNA-6） ------------- */
/* asm19: 白カード＝淡地上で罫なし（テーマ実測: bg#fff/罫なし/間30px+矢印コネクタ） */
/* R4 gold-sync P2-07: padding 18px→16px＝§B-3 board内白カード素16（番号バッジはカード内インライン＝上辺食い込みでないため厚め不要）。 */
.main.apple-machine.apple-machine .iphone .proc-step{ background:#fff; border-radius:5px; padding:16px; position:relative; }
.main.apple-machine.apple-machine .iphone .proc-step:not(:last-child){ --bottom:30px; margin-bottom:var(--bottom); }
.main.apple-machine.apple-machine .iphone .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/apple-machine/icon/step-bottom-margin.svg) center center/auto 46% no-repeat; }
/* STEP見出し = purchase-step-head/step-number（css:9397-9413 verbatim値）。番号バッジを一段大きく主役化 */
.main.apple-machine.apple-machine .iphone .proc-step-head{ display:flex; align-items:center; padding-bottom:14px; border-bottom:2px solid var(--color10); }
.main.apple-machine.apple-machine .iphone details.proc-step:not([open]) > summary.proc-step-head{ padding-bottom:0; border-bottom:none; } /* asm18: 閉行は頭の下罫を消す（行罫と二重になるため） */
.main.apple-machine.apple-machine .iphone .proc-step-head .step-number{ white-space:nowrap; font-weight:bold; color:#fff; border-radius:4px; background:var(--color9); padding:5px 10px; margin-right:10px; font-size:13px; line-height:1.2; flex-shrink:0; } /* asm10 §1-1b改定: cyan撤回→navy（テーマ step-number css:9409 と同値に復帰） */
.main.apple-machine.apple-machine .iphone .proc-step-head .step-ja{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.3; margin:0; word-break:break-word; } /* asm23 [A][F]: word-break:auto-phrase→break-word・lh1.4→1.3（見出しtier） */
.main.apple-machine.apple-machine .iphone .proc-step-body{ margin-top:6px; }

/* 操作1-2-3行: 番号バッジ（--color9/radius5）＋破線区切り（DNA-6＝css:9560セル区切り語彙） */
.main.apple-machine.apple-machine .iphone .op{ display:flex; gap:12px; align-items:flex-start; padding:15px 0; }
.main.apple-machine.apple-machine .iphone .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.apple-machine.apple-machine .iphone .op-num{ min-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; flex-shrink:0; margin-top:1px; }
.main.apple-machine.apple-machine .iphone .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .iphone .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* asm23 [G]: 本文13→12（golden 説明文12） */

/* note asm10 ref:M-02: 淡#F1F8FF地＋アイコンの納め（白円・左横並び）＋小字＋リンク行末›（M-04）＝iphone内note統一 */
.main.apple-machine.apple-machine .iphone .step-note{ position:relative; margin-top:20px; background:var(--border); border:1px solid var(--color7); border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.6; color:var(--color3); font-weight:500; }/* asm23 [C]: 汎用note作法（golden §6）=11px/color3/影なし。白カード上→淡地(--border)+border で図地分離（埋もれ回避） */
.main.apple-machine.apple-machine .iphone .step-note .note-icon{ position:absolute; left:13px; top:10px; width:21px; height:21px; background:#fff; border:1px solid var(--color7); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.apple-machine.apple-machine .iphone .step-note .note-icon img{ width:11px; display:block; }
.main.apple-machine.apple-machine .iphone .step-note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* micro注記＋［要確認］ピル */
.main.apple-machine.apple-machine .iphone .proc-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.apple-machine.apple-machine .iphone .proc-micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.apple-machine.apple-machine .iphone .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; }

/* --- SIM/eSIM asm8: ref:R-19 概念対比2ブロック（rakuten sim「選べる2つのSIMタイプ」→navy翻訳） ----------
   同一構造の縦積み反復＝[DNA-11イラスト(白円64px)＋タグピル＋太字リード]ヘッド → hairline罫 → 説明。
   淡#EBF0F6パネル上に白円イラスト（正典 flow-block の置き方）。イラストの中身だけ変えて違いを一目で。
   eSIM注意文は白note箱＋iconexclamation（ref:R-21 ⚠フォロー・テーマ赤#D01F00アイコン） */
.main.apple-machine.apple-machine .iphone .sim-ttl{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.3; margin:0 0 16px; padding-bottom:14px; border-bottom:2px solid var(--color10); }/* asm23 [F]: 見出しtier 1.3 */
.main.apple-machine.apple-machine .iphone .sim-table{ display:flex; flex-direction:column; gap:14px; }
.main.apple-machine.apple-machine .iphone .sim-item{ background:var(--color10); border-radius:5px; padding:16px 16px 15px; }
.main.apple-machine.apple-machine .iphone .sim-head{ display:flex; align-items:center; gap:14px; padding-bottom:12px; border-bottom:1px solid var(--color7); } /* hairline罫＝R-19① */
.main.apple-machine.apple-machine .iphone .sim-fig{ flex:0 0 64px; width:64px; height:64px; }
.main.apple-machine.apple-machine .iphone .sim-fig svg{ width:100%; height:100%; display:block; }
.main.apple-machine.apple-machine .iphone .sim-hx{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.main.apple-machine.apple-machine .iphone .sim-hx .tag{ padding:3px 14px; color:#fff; border-radius:5px; font-size:12px; font-weight:bold; line-height:1.3; }/* asm23 [F]: ラベルtier 1.3 */
.main.apple-machine.apple-machine .iphone .sim-hx .tag.blue{ background:var(--color9); }
/* R4 gold-sync P2-12: eSIM タグ地 cyan#3EA9E2（トークン外色）→ navy枠ピル（透明地+navy罫+navy字）。
   方式区別を §0 トークン内2トーン（物理SIM=navy塗り / eSIM=navy枠）へ。ipad-reset と同時是正。 */
.main.apple-machine.apple-machine .iphone .sim-hx .tag.sky{ background:#fff; color:var(--color9); border:1px solid var(--color9); padding:2px 13px; }
.main.apple-machine.apple-machine .iphone .sim-hx .sim-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .iphone .sim-d{ margin:12px 0 0; font-size:12px; line-height:1.6; color:#333; }/* asm23 [G]: 本文13→12（golden 説明文12） */
/* asm10 ref:M-02: sim-noteも統一層構成（白地箱＋hairline枠＋アイコンの納め＋小字＝淡#EBF0F6パネル上の3層note） */
/* R4 gold-sync P2-04: sim-note を §A(1) note正規寸法へ＝白円チップ 19→21px・left11→13・top11→14、本体 padding-left 40→44（他 note 群と一系統化）。ipad-reset と同時是正。 */
.main.apple-machine.apple-machine .iphone .sim-note{ position:relative; margin:12px 0 0; background:#fff; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.6; color:var(--color3); font-weight:500; }/* asm23 [C]: 汎用note作法（golden §6）=11px/color3/影なし。色地(color10)sim-item上→#fff で図地分離 */
.main.apple-machine.apple-machine .iphone .sim-note .sn-i{ position:absolute; left:13px; top:14px; width:21px; height:21px; background:var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.apple-machine.apple-machine .iphone .sim-note .sn-i img{ width:10px; display:block; }
/* M-06(b) 囲み写真枠 asm10: SIM取り出し実写真（角丸5px＋罫＋淡navyオーバーレイ） */
.main.apple-machine.apple-machine .iphone .sim-photo{ position:relative; margin:12px 0 0; border:1px solid var(--color7); border-radius:5px; overflow:hidden; background:#fff; }
.main.apple-machine.apple-machine .iphone .sim-photo:after{ content:""; position:absolute; inset:0; background:rgba(34,73,149,.07); pointer-events:none; }
.main.apple-machine.apple-machine .iphone .sim-photo img{ width:100%; display:block; }

/* --- (3) 初期化前の安心チェック 再設計 = last-step-ja（css:9417）＋ 縦リスト白カード＋チェック食い込みバッジ -- */
.main.apple-machine.apple-machine .iphone .last-step-ja{ width:100%; color:var(--color9); font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid var(--color7); margin:0 0 22px; }
.main.apple-machine.apple-machine .iphone .safety-check{ display:flex; flex-direction:column; gap:14px; }
.main.apple-machine.apple-machine .iphone .sc-item{ position:relative; background:var(--color10); border-radius:5px; padding:16px 16px 16px 56px; } /* asm19: 白カード内は淡地箱で図地反転（罫なし） */
.main.apple-machine.apple-machine .iphone .sc-item .sc-check{ position:absolute; left:14px; top:14px; width:30px; height:30px; background:#16AEB1; border-radius:50%; display:flex; align-items:center; justify-content:center; } /* asm10 §1-1b: ✓記号=teal（worry pi-checkと同じ「安心」の意味配色）・1行目整列（M-09） */
.main.apple-machine.apple-machine .iphone .sc-item .sc-check img{ width:15px; display:block; filter:brightness(0) invert(1); } /* check svg を白に */
.main.apple-machine.apple-machine .iphone .sc-item .sc-q{ display:block; font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .iphone .sc-item .sc-a{ display:block; font-size:12px; color:#333; line-height:1.6; margin-top:4px; }/* asm23 [G]: 本文13→12（golden 説明文12） */
.main.apple-machine.apple-machine .iphone .sc-item .sc-a a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* --- 中間CTA = connection partbg（theme css をclassごと流用）。note2はM-02共通部品（上部）へ集約 asm10 --- */
/* asm23 [D]: .iphone .connection{ margin-top:45px } 撤去＝connection.partbg margin:0 canon（off-scale 45px リードイン廃止） */

/* 中間CTA asm9: テーマ connection verbatim 流用へ復帰（§10-A）。cta3関連CSSは全削除＝追加スタイル無し */

@media (max-width: 750px){
  .main.apple-machine.apple-machine .iphone .proc-overview{ margin:28px 0 8px; }
  .main.apple-machine.apple-machine .iphone .ov-step{ padding:22px 4px 11px; }
  .main.apple-machine.apple-machine .iphone .ov-step .ov-num{ font-size:22px; }
  .main.apple-machine.apple-machine .iphone .ov-step .ov-t{ font-size:12px; }
  .main.apple-machine.apple-machine .iphone .ov-arrow{ flex-basis:14px; }
  /* asm19: テーマ実測値のSP段（カードpad13px・帯16px） */
  /* R4 gold-sync P2-03/P2-04: SP proc-steps 34px(谷間値)→45px(D段スナップ)。ipad-reset と同時是正。 */
  .main.apple-machine.apple-machine .iphone .proc-steps{ padding:0; margin-top:45px; }
  .main.apple-machine.apple-machine .iphone .steps-ttl{ font-size:16px; min-width:240px; padding:7px 18px; margin-bottom:16px; }
  .main.apple-machine.apple-machine .iphone .proc-step{ padding:14px 13px; }
  .main.apple-machine.apple-machine .iphone .proc-step:not(:last-child){ --bottom:26px; }
  .main.apple-machine.apple-machine .iphone .proc-step-head .step-ja{ font-size:14px; } /* asm19: テーマstep-ja実測13px準拠＝閉行タイトル1行化 */
  .main.apple-machine.apple-machine .iphone .op-t{ font-size:14px; }
  .main.apple-machine.apple-machine .iphone .sim-ttl{ font-size:16px; }
  .main.apple-machine.apple-machine .iphone .sim-fig{ flex-basis:58px; width:58px; height:58px; }
  .main.apple-machine.apple-machine .iphone .sim-item{ padding:14px 13px 13px; }
  .main.apple-machine.apple-machine .iphone .last-step-ja{ font-size:16px; }
  .main.apple-machine.apple-machine .iphone .sc-item{ padding:14px 14px 14px 52px; }
}

/* PC（≥751）: fv-todo見出し拡大（テーマのブレークポイント踏襲） */
@media (min-width: 751px){
  .main.apple-machine.apple-machine .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* ============================================================
   02 cheat（順番早見表）asm8: ref:R-07 大円番号ステップフロー（kaitorisatei flow step01-04 → navy翻訳）
   特大数字→navy大円(56px・白STEP+数字)／工程の「進む感」→縦コネクタ線が円の下を貫通して次STEPへ。
   時間ピル・「ここが最重要」食い込み（DNA-3）維持。most-tag＝ページ唯一のコーラル#E94F4F。
   下敷き: §3-F purchase-step（STEP概念）＋§7-2局所ジャンプ＋§7-3余白離散段
   ============================================================ */

/* レール外殻（--color10 淡地）＋導入見出し（DNA-5 process-ttl: css:5734-5756 の値） */
.main.apple-machine.apple-machine .cheat .cheat-steps{ background:var(--color10); border-radius:5px; padding:30px 16px 28px; margin-top:28px; }
.main.apple-machine.apple-machine .cheat .steps-ttl{ font-size:20px; font-weight:bold; text-align:center; color:var(--color4); position:relative; z-index:2; line-height:1.3; margin-bottom:30px; }/* asm23 [F]: 見出しtier 1.3 */
.main.apple-machine.apple-machine .cheat .steps-ttl span{ display:inline-block; padding:0 4px; border-bottom:5px solid var(--color9); }
.main.apple-machine.apple-machine .cheat .steps-ttl em{ font-style:normal; font-size:1.7em; color:var(--color9); margin:0 2px; } /* 「5」だけ1.7倍＝§7-2局所ジャンプ。asm10 §1-1b改定: cyan撤回→navy（差し色はグラデ2点＋✓tealに集約） */

/* STEP行 = 左:大円番号レール／右:白カード（R-07）。コネクタ線は円中心x=半径28pxを貫通 */
.main.apple-machine.apple-machine .cheat .ft{ position:relative; display:flex; gap:14px; align-items:flex-start; }
.main.apple-machine.apple-machine .cheat .ft:not(:last-child){ padding-bottom:26px; }
.main.apple-machine.apple-machine .cheat .ft:not(:last-child):before{ content:""; position:absolute; left:28px; top:56px; bottom:-2px; width:2px; transform:translateX(-50%); background:var(--color7); } /* asm11: レール=薄く退かせ要素(navy円)を立てる視覚階層（線は脇役・ユーザー指摘） */
/* navy大円（56px）＝白STEPラベル＋特大数字（§7-2: 数字だけ大胆ジャンプ） */
.main.apple-machine.apple-machine .cheat .ft-circle{ position:relative; z-index:2; flex:0 0 56px; width:56px; height:56px; border-radius:50%; background:var(--color9); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 6px rgba(18,77,137,.3); }
.main.apple-machine.apple-machine .cheat .ft-circle .fc-l{ display:block; width:auto; font-size:9px; font-weight:700; letter-spacing:.1em; opacity:.85; line-height:1; }
.main.apple-machine.apple-machine .cheat .ft-circle .fc-n{ display:block; font-size:24px; font-weight:800; line-height:1; margin-top:3px; }
/* 白カード（カード内は詰める＝R-24疎密） */
.main.apple-machine.apple-machine .cheat .ft-card{ position:relative; flex:1; min-width:0; background:#fff; border-radius:5px; padding:14px 15px 13px; box-shadow:0 0 5px rgba(18,77,137,.2); }
.main.apple-machine.apple-machine .cheat .fh{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; margin:0; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .cheat .fd{ font-size:12px; line-height:1.6; color:#333; margin-top:7px; }/* asm23 [G]: 本文13→12（golden 説明文12） */
.main.apple-machine.apple-machine .cheat .fd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.apple-machine.apple-machine .cheat .fd b{ color:var(--color9); }
/* 所要時間ミニバッジ asm10 ref:M-07(b): 小ラベル＋数字ジャンプ＋単位の字階調3層（白地枠チップ・時間訴求=枠型） */
.main.apple-machine.apple-machine .cheat .ftime{ display:inline-flex; align-items:baseline; gap:2px; margin-top:9px; background:#fff; border:1px solid var(--color7); border-radius:4px; padding:3px 9px; line-height:1.2; }
.main.apple-machine.apple-machine .cheat .ftime .ft-l{ font-size:10px; font-weight:700; color:var(--color11); }
.main.apple-machine.apple-machine .cheat .ftime b{ font-size:14px; font-weight:800; color:var(--color4); }

/* asm9 §10-C: DNA-11ミニアイコン（塗り3トーン・白円なし）＝カード右上に小型固定（アイコン付き縦タイムライン）。
   §7-4: アイコンは小さく均一（34px）＝大円56pxとのサイズcontrastで主従を保つ */
.main.apple-machine.apple-machine .cheat .ft-card .ft-ico{ position:absolute; right:12px; top:10px; width:32px; height:32px; }
.main.apple-machine.apple-machine .cheat .ft-card .ft-ico svg{ width:100%; height:100%; display:block; }
.main.apple-machine.apple-machine .cheat .fh{ padding-right:44px; } /* アイコン分の逃げ */

/* ②最重要カード＝2px --color9 枠＋上辺食い込みタグ維持（DNA-3）。タグのみコーラル#E94F4F=ページ1点強調 */
.main.apple-machine.apple-machine .cheat .ft.most .ft-card{ border:1px solid var(--color9); padding-top:22px; }
/* asm9 §10-B: 最重要STEP2の大円だけテーマ正規グラデ（.top-title:after css:6554 と同値）＝見せ場1点目・視線誘導 */
.main.apple-machine.apple-machine .cheat .ft.most .ft-circle{ background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); }
.main.apple-machine.apple-machine .cheat .ft.most .ft-ico{ top:18px; } /* most-tag食い込みと干渉しない逃げ */
.main.apple-machine.apple-machine .cheat .ft.most .most-tag{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); background:#E94F4F; color:#fff; font-size:12px; font-weight:bold; border-radius:5px; padding:4px 14px; line-height:1.3; white-space:nowrap; box-shadow:0 0 5px rgba(18,77,137,.2); }/* asm23 [F]: ラベルtier 1.3 */

/* note asm10 ref:M-02: 淡#F1F8FF地＋アイコンの納め（白円・左横並び）＋小字＋リンク行末›（M-04）の3層note */
.main.apple-machine.apple-machine .cheat .cheat-note{ position:relative; margin-top:28px; background:transparent; border:1px solid var(--color7); border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.6; color:var(--color3); font-weight:500; }/* asm23 [C]: 汎用note作法（golden §6）=11px/color3/影なし。白節上→transparent+border で図地分離（golden 白節 note 作法） */
.main.apple-machine.apple-machine .cheat .cheat-note .note-icon{ position:absolute; left:13px; top:10px; width:21px; height:21px; background:#fff; border:1px solid var(--color7); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.apple-machine.apple-machine .cheat .cheat-note .note-icon img{ width:11px; display:block; }
.main.apple-machine.apple-machine .cheat .cheat-note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* M-04 リンク行: cheatカード内リンクにも行末› */

@media (max-width: 750px){
  .main.apple-machine.apple-machine .cheat .cheat-steps{ padding:26px 12px 24px; }
  .main.apple-machine.apple-machine .cheat .steps-ttl{ font-size:17px; margin-bottom:24px; }
  .main.apple-machine.apple-machine .cheat .ft{ gap:12px; }
  .main.apple-machine.apple-machine .cheat .ft:not(:last-child){ padding-bottom:22px; }
  .main.apple-machine.apple-machine .cheat .ft:not(:last-child):before{ left:26px; top:52px; }
  .main.apple-machine.apple-machine .cheat .ft-circle{ flex-basis:52px; width:52px; height:52px; }
  .main.apple-machine.apple-machine .cheat .ft-circle .fc-n{ font-size:22px; }
  .main.apple-machine.apple-machine .cheat .fh{ font-size:14px; }
  .main.apple-machine.apple-machine .cheat .ft.most .ft-card{ padding-top:21px; }
}

/* ============================================================
   03 worry（不安提示board＋転換ブロック＋お約束1:1）asm8: ref:R-08（brandrevalue「その不安、ブラリバが解決」→navy翻訳）
   不安1項目1帯（左？円バッジ）段積み → 転換ブロック（白地+navy太枠+上向き三角吹き出し）→
   不安帯と同形（左円バッジ）のお約束4カード＝1:1対応の視覚。三角はテーマ connection-before（css:5502）の吹き出し語彙
   下敷き: §3-A flow-board＋DNA-3/4/7/10
   ============================================================ */
/* M-06(b) 囲み写真枠 asm10: 角丸5px＋罫＋淡navyオーバーレイ rgba(34,73,149,.08)（実素材＝linxas既存写真） */
/* 2026-08-31 _shared 昇格: position/border/border-radius/overflow は _shared（photo-band canon）へ移動 */
.main.apple-machine.apple-machine .photo-band{ margin:20px 0 0; aspect-ratio:21/9; } /* asm11: 無駄な高さ是正＝横長バンドにクロップ */
/* 2026-08-31 _shared 昇格: .main.apple-machine .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.apple-machine.apple-machine .photo-band img{ height:100%; object-fit:cover; object-position:center 35%; }

/* asm19: ref:R-08実画面（brandrevalue/takuhai 冒頭）＝不安は淡い「つぶやき吹き出し」が軽く浮かび、
   解決をグラデ帯board（promise-board）が強く受ける非対称構造。同形board2連の単調を解消（markup不変・CSSのみ） */
.main.apple-machine.apple-machine .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:24px; }
.main.apple-machine.apple-machine .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; padding:0 0 16px; }
.main.apple-machine.apple-machine .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.apple-machine.apple-machine .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); } /* asm20: 吹き出し＝テーマ connection-before(css:5485) と同じ角丸5px＋青グロー影(A系統)。しっぽ(:after)で吹き出し性を担保（18px逸脱を是正） */
.main.apple-machine.apple-machine .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.apple-machine.apple-machine .worry .worry-board .wi:nth-child(even){ margin-left:auto; } /* 左右交互＝つぶやきのリズム */
.main.apple-machine.apple-machine .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
/* asm10 ref:M-08×DNA-11: ？円バッジ→白円＋塗り3トーンのミニイラスト（svg・右下にnavy？マーカー） */
.main.apple-machine.apple-machine .worry .worry-board .wi .wic{ width:42px; min-width:42px; height:42px; }
.main.apple-machine.apple-machine .worry .worry-board .wi .wi-t{ min-width:0; } /* asm14: flex内テキストラッパ＝nowrapチャンクの折返し回復（根治） */
.main.apple-machine.apple-machine .worry .worry-board .wi .wic svg{ width:100%; height:100%; display:block; }

/* 転換ブロック（R-08）= 白地＋3px navy太枠＋上向き三角（外navy/内白の2層で枠線が三角まで連続）
   asm10 ref:M-08/M-09 詰め: ①内白三角を枠内面(3px)に正確着地＝接合のズレ解消 ②inset白4px＋hairline 1px の内側ハイライト
   ③PROMISE英字eyebrow ＝ 地/枠/三角/ハイライト/eyebrow/見出しの6層 */


 /* 外三角(12,16)と相似・軸上5pxオフセット＝リム等厚3px。底辺+3px=内面に着地し継ぎ目ゼロ */
 /* asm14: テーマconnection wing技法（css:5445）で密度付与 */




/* お約束4枚 = 枠線ボックス＋チェック円（DNA-4語彙の縦リスト化・不安帯と同形＝1:1）。gap10=不安帯と同リズム（R-24） */
.main.apple-machine.apple-machine .worry .promise-list{ display:flex; flex-direction:column; gap:10px; } /* asm18: board内に移設＝外余白はboard側が持つ */
.main.apple-machine.apple-machine .worry .pi{ position:relative; background:#fff; border-radius:5px; padding:16px 16px 16px 66px; } /* asm19: 罫撤去＝worry .wi と同形（淡地上の白箱・図地分離で十分）／左66px=DNA-11イラスト42px分 */
.main.apple-machine.apple-machine .worry .pi .pic{ position:absolute; left:13px; top:14px; width:42px; height:42px; } /* asm19: worry .wic と同寸のDNA-11イラスト＋右下teal✓バッジ */
.main.apple-machine.apple-machine .worry .pi .pic svg{ width:100%; height:100%; display:block; }
.main.apple-machine.apple-machine .worry .pi .px{ display:block; font-size:12px; color:#333; line-height:1.6; word-break:break-word; } /* asm23 [A][G]: text-wrap撤去・本文13→12（golden 本文12） */
.main.apple-machine.apple-machine .worry .pi .px b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:4px; word-break:break-word; } /* asm23 [A][F]: balance/auto-phrase撤去・lh1.5→1.3（カードタイトルtier） */
.main.apple-machine.apple-machine .worry .pi .px .pd{ display:block; font-size:12px; color:#333; line-height:1.6; word-break:break-word; }/* asm23 [I]: 本文を要素(.pd)に分離（title(b)/body の .dt/.dd 型） */

/* チャネル誘導 = connection partbg（theme css をclassごと流用・DNA-10）。note2はM-02共通部品へ集約 asm10 */
/* asm23 [D]: .worry .connection margin-top:45px 撤去（partbg margin:0 canon） */

@media (max-width: 750px){
  .main.apple-machine.apple-machine .worry .worry-board{ padding:0; }
  .main.apple-machine.apple-machine .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; }
  .main.apple-machine.apple-machine .worry .promise-board .board-head{ font-size:16px; padding:10px 12px; } /* asm18: worry-boardと完全同形（反復） */
  .main.apple-machine.apple-machine .worry .worry-board .wi{ font-size:13px; }
  .main.apple-machine.apple-machine .worry .worry-board .wi .wic{ width:38px; min-width:38px; height:38px; }
  
  
  .main.apple-machine.apple-machine .worry .pi{ padding:14px 14px 14px 52px; }
  .main.apple-machine.apple-machine .worry .pi .pic{ top:13px; width:38px; height:38px; }
}

/* ============================================================
   05 why（結論先出し→理由2カード→順番board→注記→誘導）
   = build/apple-machine/_craft/why/variant-1.html <style> 確定版を統合（改変なし・背景画像URLなし）
   下敷き: _design-grammar §3-B point＋§3-A board（css:3725）＋DNA-3/7/10
   ============================================================ */

/* 理由2カード = §3-B point の左罫翻訳＋青グロー(A)控えめ。gap14=ページ共通スタックリズム（asm8 ref:R-24） */
.main.apple-machine.apple-machine .why .why-points{ display:flex; flex-direction:column; gap:14px; margin-top:30px; }
.main.apple-machine.apple-machine .why .why-point{ background:#fff; border-left:4px solid var(--color9); border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.2); padding:18px 18px 16px; }
.main.apple-machine.apple-machine .why .why-point .wp-head{ display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px dashed var(--color7); } /* 行区切りは破線＝DNA-6 */
.main.apple-machine.apple-machine .why .why-point .wp-head .wp-num{ white-space:nowrap; font-weight:bold; color:#fff; border-radius:4px; background:var(--color9); padding:4px 9px; font-size:13px; line-height:1.2; flex-shrink:0; } /* step-number語彙 css:9409 */
.main.apple-machine.apple-machine .why .why-point .wp-head .wp-t{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.3; margin:0; }/* asm23 [F]: h3 tier 1.3 */
.main.apple-machine.apple-machine .why .why-point .wp-d{ font-size:12px; line-height:1.6; color:#333; margin-top:12px; }/* asm23 [G]: 本文13→12（golden 説明文12） */
.main.apple-machine.apple-machine .why .why-point .wp-d strong{ color:var(--color9); }
.main.apple-machine.apple-machine .why .why-point .wp-d a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.apple-machine.apple-machine .why .why-point .wp-d b{ color:var(--color9); }

/* 正しい順番 board = §3-A board（css:3725 verbatim値）＋board-head帯（DNA-7） */
.main.apple-machine.apple-machine .why .order-board{ position:relative; background:var(--color10); padding:64px 18px 20px; border-radius:5px; overflow:hidden; margin-top:30px; }
.main.apple-machine.apple-machine .why .order-board .board-head{ position:absolute; left:0; top:0; background:var(--color9); color:#FFF; padding:8px 20px; display:flex; justify-content:center; align-items:center; gap:8px; font-size:16px; font-weight:bold; border-bottom-right-radius:5px; }
.main.apple-machine.apple-machine .why .order-board .board-head img{ width:15px; display:block; } /* checked.svg＝白ストローク */
.main.apple-machine.apple-machine .why .order-board ol{ display:flex; flex-direction:column; gap:10px; list-style:none; margin:0; padding:0; counter-reset:order; }
.main.apple-machine.apple-machine .why .order-board ol li{ background:#fff; border-radius:5px; padding:13px 16px 13px 14px; display:flex; align-items:flex-start; gap:10px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.6; counter-increment:order; }
.main.apple-machine.apple-machine .why .order-board ol li .ob-t{ min-width:0; } /* flex内テキストラッパ＝内部折返し回復 */
.main.apple-machine.apple-machine .why .order-board ol li:before{ content:counter(order); width:26px; min-width:26px; height:26px; border-radius:50%; background:var(--color9); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold; margin-top:1px; } /* 番号円バッジ＝faq円バッジ語彙。asm10 §1-1b改定: teal撤回→navy（番号=navy・✓=tealの役割分担） */

/* micro注記＋［要確認］ピル（F2と同一イディオム） */
.main.apple-machine.apple-machine .why .why-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.apple-machine.apple-machine .why .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; }

/* チャネル誘導 = connection partbg（theme css をclassごと流用・DNA-10）。note2はM-02共通部品へ集約 asm10 */
/* asm23 [D]: .why .connection margin-top:45px 撤去（partbg margin:0 canon） */

@media (max-width: 750px){
  .main.apple-machine.apple-machine .why .why-point{ padding:16px 14px 14px; }
  .main.apple-machine.apple-machine .why .why-point .wp-head .wp-t{ font-size:15px; }
  .main.apple-machine.apple-machine .why .order-board{ padding:58px 12px 16px; }
  .main.apple-machine.apple-machine .why .order-board .board-head{ font-size:14px; padding:7px 14px; }
  .main.apple-machine.apple-machine .why .order-board ol li{ font-size:13px; }
}

/* ============================================================
   07 devices（端末別アコーディオン＝faq qa-item意匠×native details）
   = build/apple-machine/_craft/devices/variant-1.html <style> 確定版を統合（改変なし・背景画像URLなし）
   下敷き: faq qa-item（index.html:1680）＋DNA-6/7/10・F2 op行イディオム
   ============================================================ */

/* アコーディオン外殻（qa-item意匠を .dev-* に翻訳＝function.js競合隔離） */
.main.apple-machine.apple-machine .devices .devices-acc{ margin-top:30px; display:flex; flex-direction:column; gap:14px; }
.main.apple-machine.apple-machine .devices .dev-item{ background:var(--color10); border-radius:5px; padding:17px 18px; } /* qa-item css:7205 verbatim値 */
.main.apple-machine.apple-machine .devices .dev-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; position:relative; padding-right:34px; }
.main.apple-machine.apple-machine .devices .dev-item summary::-webkit-details-marker{ display:none; }
/* asm20: 端末番号バッジは廃止（display:none）。
   理由＝iPad/Apple Watch/Mac は順序ステップでなく「並列の端末カテゴリ」。番号を振ると
   ①アイコン(円)と二重 ②内側の操作番号(角丸navy 1/2/3)と同デザインで衝突、の二重のくどさが出る。
   識別子はデバイスアイコンに一本化＝「外＝アイコン主導／内＝番号主導」で階層を分離。 */
.main.apple-machine.apple-machine .devices .dev-item summary .dev-n{ display:none; }
.main.apple-machine.apple-machine .devices .dev-item summary .dev-t{ font-size:16px; font-weight:bold; color:var(--color4); line-height:1.3; margin:0; }/* asm23 [F]: タイトルtier 1.3 */
/* tieadd（＋/−円）再現 = css:1243-1280 の値を .dev-add に */
.main.apple-machine.apple-machine .devices .dev-item summary .dev-add{ position:absolute; right:0; top:50%; transform:translateY(-50%); background:var(--color11); width:22px; height:22px; border-radius:50%; }
.main.apple-machine.apple-machine .devices .dev-item summary .dev-add:before,
.main.apple-machine.apple-machine .devices .dev-item summary .dev-add:after{ content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; transition:.3s; }
.main.apple-machine.apple-machine .devices .dev-item summary .dev-add:after{ width:50%; height:2px; }
.main.apple-machine.apple-machine .devices .dev-item summary .dev-add:before{ width:2px; height:50%; }
.main.apple-machine.apple-machine .devices .dev-item[open] summary .dev-add:before{ transform:translate(-50%,-50%) rotate(90deg); } /* 開＝−（tiemins） */
/* 中身白カード = qa-item-body（css:7250 verbatim値） */
.main.apple-machine.apple-machine .devices .dev-body{ background:#FFF; border-radius:5px; margin-top:15px; padding:15px 20px; }
.main.apple-machine.apple-machine .devices .dev-body .dev-intro{ font-size:12px; line-height:1.6; color:#333; padding:2px 0 12px; border-bottom:1px dashed var(--color7); }/* asm23 [G]: 本文13→12 */
.main.apple-machine.apple-machine .devices .dev-body .dev-intro strong{ color:var(--color9); }
/* 操作行（F2 .op と同一イディオム＝番号バッジ＋破線区切り DNA-6） */
.main.apple-machine.apple-machine .devices .op{ display:flex; gap:12px; align-items:flex-start; padding:14px 0; }
.main.apple-machine.apple-machine .devices .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.apple-machine.apple-machine .devices .op-num{ min-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; flex-shrink:0; margin-top:1px; }
.main.apple-machine.apple-machine .devices .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .devices .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* asm23 [G]: 本文13→12 */
.main.apple-machine.apple-machine .devices .op-d strong{ color:var(--color9); }
/* spokeリンク行 */
.main.apple-machine.apple-machine .devices .dev-sub{ font-size:12px; line-height:1.6; color:#333; margin-top:12px; }/* asm23 [G]: 本文13→12 */
.main.apple-machine.apple-machine .devices .dev-sub a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* micro注記＋［要確認］ピル（F2と同一イディオム） */
.main.apple-machine.apple-machine .devices .devices-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.apple-machine.apple-machine .devices .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; }

/* チャネル誘導 = connection partbg（theme css をclassごと流用・DNA-10）。note2はM-02共通部品へ集約 asm10 */
/* asm23 [D]: .devices .connection margin-top:45px 撤去（partbg margin:0 canon） */

@media (max-width: 750px){
  .main.apple-machine.apple-machine .devices .dev-item{ padding:12px 12px; }
  .main.apple-machine.apple-machine .devices .dev-item summary .dev-t{ font-size:14px; }
  .main.apple-machine.apple-machine .devices .dev-item summary .dev-add{ width:18px; height:18px; }
  .main.apple-machine.apple-machine .devices .dev-icon{ flex-basis:38px; width:38px; height:38px; }
  .main.apple-machine.apple-machine .devices .dev-body{ padding:12px 12px; margin-top:12px; }
  .main.apple-machine.apple-machine .devices .op-t{ font-size:14px; }
}

/* ============================================================
   08 trouble（状況分岐カード＝左罫point・warnは赤罫）
   = build/apple-machine/_craft/trouble/variant-1.html <style> 確定版を統合（改変なし・背景画像URLなし）
   下敷き: _design-grammar §3-B point（index.html:1272）＋DNA-6/10・faq文字バッジ（css:7224）
   ============================================================ */

/* 状況分岐カード = §3-B point 左罫翻訳＋青グロー(A)。
   asm9 §10-C: ref:R-12（Q行→A段階開示の作法）×DNA-7（ラベル帯）→「症状＝ヘッダー帯（淡#EBF0F6地＋cyanアイコンチップ）
   →対処＝白ボディ」の2層固定カードに再構成（テキスト追加なし＝帯/地の明度差で症状と対処を分離） */
/* 症状ヘッダー帯（淡地）asm10 ref:M-08×DNA-11: cyan角チップ→白円＋塗り3トーンのミニイラスト（svg 40px）。
   帯下にhairline罫を追加＝アイコンチップ/太字ラベル/二層地/hairline/字階調の5層（M-08） */
/* 対処ボディ（白） */

/* ［要確認］ピル（F2と同一イディオム） */
.main.apple-machine.apple-machine .trouble .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; }

/* 最終救済 = connection partbg（theme css をclassごと流用・DNA-10）。note2はM-02共通部品へ集約 asm10 */
/* asm23 [D]: .trouble .connection margin-top:45px 撤去（partbg margin:0 canon） */

@media (max-width: 750px){
}

/* ============================================================
   09 safety（二重消去board＋安心point3＋E-E-A-T数値は要確認維持）
   = build/apple-machine/_craft/safety/variant-1.html <style> 確定版を統合（改変なし）
   背景画像URLのみ ../../../../ → ../../ に階層修正（extra.css基準）
   下敷き: _design-grammar §3-A board（css:3725）＋§3-B point＋§3-C グリッド語彙＋DNA-3/6/7/10
   ============================================================ */

/* 二重消去 board = §3-A board（css:3725 verbatim値）。白カード2枚＋バッジ食い込み（DNA-3） */
.main.apple-machine.apple-machine .safety .erase-board{ background:var(--color10); border-radius:5px; padding:34px 18px 22px; margin-top:30px; }
.main.apple-machine.apple-machine .safety .erase-board .e1{ position:relative; background:#fff; border-radius:5px; padding:26px 18px 16px; }
.main.apple-machine.apple-machine .safety .erase-board .e1 .en{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); background:var(--color9); color:#fff; font-size:13px; font-weight:bold; border-radius:5px; padding:4px 16px; line-height:1.3; white-space:nowrap; box-shadow:0 0 5px rgba(18,77,137,.2); }/* asm23 [F]: バッジtier 1.3 */
.main.apple-machine.apple-machine .safety .erase-board .e1 .et{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.3; text-align:center; }/* asm23 [F]: タイトルtier 1.3 */
.main.apple-machine.apple-machine .safety .erase-board .e1 .ed{ font-size:12px; line-height:1.6; color:#333; margin-top:9px; }/* asm23 [G]: 本文13→12 */
.main.apple-machine.apple-machine .safety .erase-board .e1 .ed strong{ color:var(--color9); }
/* 2回目（当社）＝結論側を一段強く：2px --color9枠＋チェック行 */
.main.apple-machine.apple-machine .safety .erase-board .e1.company{ box-shadow:0 0 6px rgba(18,77,137,.22); } /* asm19: 罫も撤去し影のみで立てる（e1素と同形・淡地上の白箱） */
/* asm9 §10-B: 「2回目」バッジだけテーマ正規グラデ（.top-title:after css:6554 と同値）＝見せ場2点目（結論側を色でも強く） */
.main.apple-machine.apple-machine .safety .erase-board .e1.company .en{ background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); }
/* カード間の流れ矢印 = テーマ純正 select.svg（下向き・自作図形なし） */
.main.apple-machine.apple-machine .safety .erase-board .e-arrow{ display:block; width:22px; height:15px; margin:14px auto; background:url(../images/apple-machine/icon/select.svg) center/contain no-repeat; }

/* asm20: 死にCSS削除 — .safety .img-slot はHTMLから撤去済み（未使用）。 */

/* 安心point3 = §3-B point 左罫翻訳（why と同一イディオム＝ページ内一貫）。gap14=共通スタックリズム（asm8 ref:R-24） */
.main.apple-machine.apple-machine .safety .safety-points{ display:flex; flex-direction:column; gap:14px; margin-top:30px; }
.main.apple-machine.apple-machine .safety .sp-card{ background:#fff; border-left:4px solid var(--color9); border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.2); padding:18px 18px 16px; }
.main.apple-machine.apple-machine .safety .sp-card .sp-head{ display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px dashed var(--color7); } /* DNA-6破線 */
.main.apple-machine.apple-machine .safety .sp-card .sp-head .sp-num{ white-space:nowrap; font-weight:bold; color:#fff; border-radius:4px; background:var(--color9); padding:4px 9px; font-size:13px; line-height:1.2; flex-shrink:0; } /* step-number語彙 css:9409。asm10 §1-1b改定: cyan撤回→navy */
.main.apple-machine.apple-machine .safety .sp-card .sp-head .sp-t{ font-weight:700; color:var(--color4); font-size:16px; line-height:1.3; margin:0; word-break:break-word; } /* asm23 [A][F]: balance/auto-phrase撤去・lh1.4→1.3（h3 tier） */
.main.apple-machine.apple-machine .safety .sp-card .sp-d{ font-size:12px; line-height:1.6; color:#333; margin-top:12px; }/* asm23 [G]: 本文13→12 */
.main.apple-machine.apple-machine .safety .sp-card .sp-d strong{ color:var(--color9); }

/* asm20: 死にCSS削除 — trust-ttl / trust-grid / .tc / .tn / .tl / safety-micro はHTMLから撤去済み（未使用・E-E-A-T数値は確定後に別途実装）。 */

/* ［要確認］ピル（F2と同一イディオム） */
.main.apple-machine.apple-machine .safety .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; }

/* asm20: 死にCSS削除 — .safety .board.assurance（badge-row）はHTMLから撤去済み（未使用）。 */

/* 締めCTA = connection partbg（theme css をclassごと流用・DNA-10）。note2はM-02共通部品へ集約 asm10 */
/* asm23 [D]: .safety .connection margin-top:45px 撤去（partbg margin:0 canon） */

@media (max-width: 750px){
  .main.apple-machine.apple-machine .safety .erase-board{ padding:30px 12px 18px; }
  .main.apple-machine.apple-machine .safety .erase-board .e1{ padding:24px 14px 14px; }
  .main.apple-machine.apple-machine .safety .erase-board .e1 .et{ font-size:15px; }
  .main.apple-machine.apple-machine .safety .sp-card{ padding:16px 14px 14px; }
  .main.apple-machine.apple-machine .safety .sp-card .sp-head .sp-t{ font-size:15px; }
}

/* asm14: connection-title(テーマflex)内テキストラッパ＝内部折返し回復（買取/価格分断の根治） */
/* asm18: .ct-t廃止＝connection-titleはテーマverbatim（素テキスト・1行字数で清書） */

/* asm18: CTA受付注記＝テーマverbatim（素span・テーマ正規文言「19時以降は翌日順次対応」=1行）。.rcpt/入れ子span/keep-all全廃 */

/* asm18: promise-bridge廃止 → ref:R-08 不安/解決の同形board対称化。
   promise-board＝worry-boardと同じ器（color10地・食い込み全幅ヘッド）、ヘッドのみ§1-1bグラデ（解決の前向き差し色）。
   w-arrow＝erase-board .e-arrow と同部品（テーマ純正 select.svg）で不安→お約束の流れを接続 */
.main.apple-machine.apple-machine .worry .w-arrow{ display:block; width:22px; height:15px; margin:16px auto 0; background:url(../images/apple-machine/icon/select.svg) center/contain no-repeat; }
.main.apple-machine.apple-machine .worry .promise-board{ position:relative; background:var(--color10); padding:72px 16px 16px; border-radius:5px; overflow:hidden; margin-top:16px; }
.main.apple-machine.apple-machine .worry .promise-board .board-head{ position:absolute; left:0; top:0; width:100%; background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); color:#fff; padding:12px 20px; display:flex; justify-content:center; align-items:center; font-size:17px; font-weight:bold; margin:0; }/* asm23 [G]: 18→17（on-scale・worry-board head と同寸） */

/* asm15: 手順アコーディオン（ref:R-23）＝devices dev-add と同一の開閉子・summary化 */
.main.apple-machine.apple-machine .iphone details.proc-step > summary{ cursor:pointer; list-style:none; position:relative; padding-right:34px; }
.main.apple-machine.apple-machine .iphone details.proc-step > summary::-webkit-details-marker{ display:none; }
.main.apple-machine.apple-machine .iphone details.proc-step > summary .st-add{ position:absolute; right:0; top:50%; transform:translateY(-50%); background:var(--color11); width:22px; height:22px; border-radius:50%; }
.main.apple-machine.apple-machine .iphone details.proc-step > summary .st-add:before,
.main.apple-machine.apple-machine .iphone details.proc-step > summary .st-add:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; transition:.3s; }
.main.apple-machine.apple-machine .iphone details.proc-step > summary .st-add:after{ width:50%; height:2px; }
.main.apple-machine.apple-machine .iphone details.proc-step > summary .st-add:before{ width:2px; height:50%; }
.main.apple-machine.apple-machine .iphone details.proc-step[open] > summary .st-add:before{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }

/* asm15: attention ttl の変則改行対策＝2行均等折り（balance）。狭幅(実測~200px)での1字残り/語中折りを系統的に防ぐ */
.main.apple-machine.apple-machine .trouble .attention .attention-item .item-text .ttl{ display:block; word-break:break-word; } /* asm23 [A]: text-wrap:balance撤去（block化のみ維持＝nowrap flexアイテム化を根治） */

/* ============================================================
   asm17: ライブ実規約・レビュー反映（2026-06-12）
   [1] h2規約: 全10本の h2.line-title をプレーンテキスト化（ライブ採取 C:\tmp\h2_*.html ＝
       h2にspan/br/strong内包の実例ゼロ・KWは見出しテキスト直下の裸テキスト）。
       テーマ .line-title span の左罫（border-left:2px #8DB0D0＋padding-left css:3440-3445）が
       span撤去で消えるため、h2自身の擬似要素で等価再現＝見た目不変・マークアップのみ規約準拠
   （各セクション該当箇所で置換済み）
   ============================================================ */
/* asm23 [E]: bespoke ::before 縦棒(#8DB0D0)＋padding-left を撤去し、テーマ正規 <h2 class="line-title"><span>…</span></h2> へ移行。
   span 左罫(2px solid #8DB0D0・padding-left:7px)はテーマ style.css:3442/3457 が供給（独自 ::before 発明禁止＝theme-golden §3）。
   改行作法は word-break:break-word のみ（balance/keep-all/anywhere 全廃）。 */
.main.apple-machine.apple-machine h2.line-title{ line-height:1.3; word-break:break-word; }
.main.apple-machine.apple-machine .line-title span{ line-height:1.3; }
.main.apple-machine.apple-machine .nowrap{ white-space:nowrap; }/* asm24: cloned系の base .nowrap util 欠落を補填（class="nowrap" 58件が inert だった＝aquos:633 相当） */
.main.apple-machine.apple-machine .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }/* asm23 [E]: line-title 入れ子 .nowrap が span の罫/padding を二重に出さない guard（aquos:634 と同） */

/* ============================================================
   asm20-pc: PC（≥751px）本格マルチカラム再設計
   方針（シニア基準）:
   ・並列セット（不安/お約束/理由2枚/順番3手順/SIM対比/安心チェック/安心point3/related各群）
     = 2〜3カラムグリッドで横に展開。
   ・順序フロー（cheat 5STEP / iphone手順アコーディオン / devices端末別）
     = 多カラム化は読み順を壊すため、読みやすい幅にセンタリング（kaitorisatei/brandrevalueもフローは縦centered）。
   ・長い本文 .line-content は PC幅で1行が長すぎるので measure を ~780px に制限。
   ・テーマ✅部品（reason-point/connection/faq/attention）は構造を触らない（必要なら幅のみ）。
   ・テーマPC幅（.thisinner ~1080px）に馴染ませつつ、bespokeは ~1000px に寄せて列を締める。
   ============================================================ */
@media (min-width: 751px){
  /* --- 共通: bespokeセクションの内容幅を締める＋本文measure制限 --- */
  .main.apple-machine.apple-machine .cheat > .thisinner,
  .main.apple-machine.apple-machine .worry > .thisinner,
  .main.apple-machine.apple-machine .why > .thisinner,
  .main.apple-machine.apple-machine .iphone > .thisinner,
  .main.apple-machine.apple-machine .devices > .thisinner,
  .main.apple-machine.apple-machine .trouble > .thisinner,
  .main.apple-machine.apple-machine .safety > .thisinner,
  .main.apple-machine.apple-machine .related > .thisinner{ max-width:1000px; }

  .main.apple-machine.apple-machine .cheat > .thisinner > .line-content,
  .main.apple-machine.apple-machine .worry > .thisinner > .line-content,
  .main.apple-machine.apple-machine .why > .thisinner > .line-content,
  .main.apple-machine.apple-machine .iphone > .thisinner > .line-content,
  .main.apple-machine.apple-machine .devices > .thisinner > .line-content,
  .main.apple-machine.apple-machine .trouble > .thisinner > .line-content,
  .main.apple-machine.apple-machine .safety > .thisinner > .line-content,
  .main.apple-machine.apple-machine .related > .thisinner > .line-content{ max-width:780px; }

  /* --- cheat: 5STEPは順序フロー＝縦タイムライン維持・読みやすい幅にセンタリング --- */
  .main.apple-machine.apple-machine .cheat .cheat-steps{ max-width:760px; margin-left:auto; margin-right:auto; padding:34px 28px 30px; }

  /* --- worry: 不安吹き出し→2カラム（左右交互オフセット解除）、お約束→2カラム --- */
  .main.apple-machine.apple-machine .worry .photo-band{ max-width:760px; margin-left:auto; margin-right:auto; }
  .main.apple-machine.apple-machine .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.apple-machine.apple-machine .worry .worry-board .wi{ width:auto; }
  .main.apple-machine.apple-machine .worry .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.apple-machine.apple-machine .worry .promise-board{ padding:72px 22px 22px; }
  .main.apple-machine.apple-machine .worry .promise-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }

  /* --- why: 理由2カード横並び＋正しい順番3手順を横一列 --- */
  .main.apple-machine.apple-machine .why .why-points{ flex-direction:row; gap:20px; }
  .main.apple-machine.apple-machine .why .why-points .why-point{ flex:1; min-width:0; }
  .main.apple-machine.apple-machine .why .order-board ol{ flex-direction:row; gap:14px; }
  .main.apple-machine.apple-machine .why .order-board ol li{ flex:1; min-width:0; }

  /* --- iphone: 全体像チップは中央寄せ・手順アコーディオンは順序フロー＝センタリング --- */
  .main.apple-machine.apple-machine .iphone .proc-overview{ max-width:680px; margin-left:auto; margin-right:auto; }
  .main.apple-machine.apple-machine .iphone .proc-steps{ max-width:760px; margin-left:auto; margin-right:auto; }
  /* SIM/eSIM対比＝横2カラム（対比は横並びが読みやすい） */
  .main.apple-machine.apple-machine .iphone .sim-table{ flex-direction:row; gap:18px; }
  .main.apple-machine.apple-machine .iphone .sim-table .sim-item{ flex:1; min-width:0; }
  /* 初期化前の安心チェック＝2カラムグリッド */
  .main.apple-machine.apple-machine .iphone .safety-check{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  /* sim見出し・last見出し・steps帯の親もセンタリング内に収まるよう、SIM/checkブロックは手順幅に合わせる */
  .main.apple-machine.apple-machine .iphone .sim-ttl,
  .main.apple-machine.apple-machine .iphone .last-step-ja,
  .main.apple-machine.apple-machine .iphone .sim-table,
  .main.apple-machine.apple-machine .iphone .safety-check{ max-width:760px; margin-left:auto; margin-right:auto; }

  /* --- devices: 端末別アコーディオンは順序より独立項目だが、開閉で縦に伸びるため幅をセンタリング --- */
  .main.apple-machine.apple-machine .devices .devices-acc{ max-width:840px; margin-left:auto; margin-right:auto; }

  /* --- safety: 二重消去は1回目→2回目を横並び（矢印を右向きに）、安心point3を3カラム --- */
  .main.apple-machine.apple-machine .safety .erase-board{ display:flex; align-items:stretch; gap:0; padding:38px 24px 26px; }
  .main.apple-machine.apple-machine .safety .erase-board .e1{ flex:1; min-width:0; }
  .main.apple-machine.apple-machine .safety .erase-board .e-arrow{ flex:0 0 34px; margin:0 12px; align-self:center; transform:rotate(-90deg); }
  .main.apple-machine.apple-machine .safety .safety-points{ flex-direction:row; gap:16px; }
  .main.apple-machine.apple-machine .safety .safety-points .sp-card{ flex:1; min-width:0; }

  /* --- related: 各群のリンクリストを2カラム --- */
  /* 2カラム時は行ごとの破線が左右で途切れないよう、各セルに下罫を持たせる */

  /* ============================================================
     asm23 [H]: PC タイポ [R]＝SP固定の bespoke 本文/タイトル/補足を PC幅で拡大
     （pc-typography-bespoke-scaling-golden・applewatch/aquos [R] と同型）。
     本文12→15・カードタイトル15/16→16・補足/note11/12→13。SP（<751）は不変。 */
  .main.apple-machine.apple-machine .iphone .op-d,
  .main.apple-machine.apple-machine .iphone .sim-d,
  .main.apple-machine.apple-machine .iphone .sc-item .sc-a,
  .main.apple-machine.apple-machine .iphone .proc-micro,
  .main.apple-machine.apple-machine .cheat .fd,
  .main.apple-machine.apple-machine .why .why-point .wp-d,
  .main.apple-machine.apple-machine .why .why-micro,
  .main.apple-machine.apple-machine .devices .dev-body .dev-intro,
  .main.apple-machine.apple-machine .devices .op-d,
  .main.apple-machine.apple-machine .devices .dev-sub,
  .main.apple-machine.apple-machine .devices .devices-micro,
  .main.apple-machine.apple-machine .safety .erase-board .e1 .ed,
  .main.apple-machine.apple-machine .safety .sp-card .sp-d,
  .main.apple-machine.apple-machine .worry .pi .px,
  .main.apple-machine.apple-machine .worry .pi .px .pd,
  .main.apple-machine.apple-machine .worry .worry-lead{ font-size:15px; }

  .main.apple-machine.apple-machine .iphone .op-t,
  .main.apple-machine.apple-machine .iphone .sim-hx .sim-t,
  .main.apple-machine.apple-machine .iphone .sc-item .sc-q,
  .main.apple-machine.apple-machine .cheat .fh,
  .main.apple-machine.apple-machine .devices .op-t,
  .main.apple-machine.apple-machine .worry .pi .px b,
  .main.apple-machine.apple-machine .worry .worry-board .wi{ font-size:16px; }

  .main.apple-machine.apple-machine .iphone .step-note,
  .main.apple-machine.apple-machine .iphone .sim-note,
  .main.apple-machine.apple-machine .cheat .cheat-note,
  .main.apple-machine.apple-machine .connection .connection-note,
  .main.apple-machine.apple-machine .connection .connection-note2,
  .main.apple-machine.apple-machine .iphone .shot figcaption,
  .main.apple-machine.apple-machine .iphone .shot-hint,
  .main.apple-machine.apple-machine .related .related-micro{ font-size:13px; }
}

/* 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.apple-machine.apple-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.apple-machine.apple-machine .thisinner + .connection.partbg{ margin-top:30px !important; }

.main.apple-machine.apple-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.apple-machine.apple-machine #cta{ padding-top:30px !important; }

/* 2026-08-27 cross-page drift 解消: PC(≥751px) の ov-num は金型 airpods/aquos ほか8ページが 25px。
   SP は shared-component-library §2 のとおり 22px（上の max-width:750 ブロック）。ここは PC tier だけの是正。 */
@media (min-width:751px){
  .main.apple-machine.apple-machine .iphone .ov-step .ov-num{ font-size:25px; }
}
/* 2026-08-28 ledger#72 検出器（PC figcaption 13）が捕捉した金型ドリフト: SP11→PC13 の役割別拡大が本 figcaption に届いていなかった（canon _shared figcaption PC13・ledger#33） */
@media (min-width:751px){
  .main.apple-machine.apple-machine .safety .concept-fig figcaption{ font-size:13px; }
}
/* 2026-08-29 gate r7 F-1 の横展開で一度線を足したが、harness A_divider が「白→色10 の色差境界＝線は過剰」と判定（bg-color-drives-divider の canon）→ 撤回。gate の「白→白」実測が誤り */


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