/* 2026-08-30 scrutiny r3 R-15: 金型クローンの残骸だった死にルールを撤去した（28 箇所）。
   判定はブラウザ CSSOM ＋ 375/390/768/1280 の querySelectorAll（疑似要素・例外は生存扱いの保守側）。index.html の grep でも二重確認済み
   （.quick / .force / .why-extra / .voice .vc* / .steps .sim-* / .ipr-photo / .section-todo / 各 .todo バッジ / *-photo 枠 は
     HTML に実体が無く、trust-grid・vcard・dp-stat-badge・dp-dummy-note は HTML コメント内にしか出てこない）。
   ★残したもの: .dp-stat-badge / .dp-dummy-note / .dp-dummy-note strong ＝ 2026-07-26 の記録どおり
     「本番差替時に可視ダミー標記を戻せるよう CSS だけ残置」の意図的残置。
/* 2026-08-28 ledger#73: .connection-note/.connection-note2 の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 11 本を撤去＝line-height 1.6 / padding 44 が死んでいた） */
/* 2026-08-28 ledger#73: .related-links の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 7 本を撤去＝PC 16px が死んでいた） */
/* 2026-08-30 macL16-critic-r1（design-quality-critic r1 85.5 ＋ visual-scrutiny r1 対応・記録= _review/fix-instructions.md 同日節）:
   D1 highsell .deflist PC 3列 / D3 .photo-band（apple-machine/ipad と同値）/ D4 #lock 末尾 中間CTA帯（#latest と同作法）/ D6・A1 .tc.warn 撤去 /
   D2 selector 判別カードに .sc-ic メダリオン＋トークン外 navy(#0E2440/#1C3E6C/#16335C)→--color4/--color9 / A6 .lab.req コーラル→navy / C1 .sim-d a リンク canon /
   D1(scrutiny) worry-board 24→20 / F2 :705 コメント位置 / B3 selector th 列幅 46/27/27→40/32/28 */
/* ============================================================
   mac-reset extra.css  ?v=macL9
   ──────────────────────────────────────────────
   ★macL4 retrofit（2026-06-28・theme-porter 複合構造retrofit / galaxy-reset gxr golden へ整合）:
     (1) scroll-hint 復旧: head に theme scroll-hint.js＋new ScrollHint(.swipe-hint)、3 compare-table を .compare-table-scroll>.cts-inner.swipe-hint で包み min-width:480（[SH]ブロック=xperia:248-271 verbatim）。
     (2) 中間CTA .connection.partbg: galaxy cta-reset 作法へ＝白 full-bleed＋上下30、latest padding-bottom:0 で flush、margin-top:30 breathing（[CN]ブロック）。
     (3) h2.line-title: bespoke ::before 縦棒＋text-wrap:balance/keep-all を撤去しテーマ正規 <span>（HTML側）＝theme .line-title span 左罫(#8DB0D0)。
     (4) 改行作法: text-wrap:pretty/balance・word-break:auto-phrase/keep-all を全35件撤去＝word-break:break-word のみ。
     (5) 発明アイコン除去: .lt-ic/.has-mac-ic/.fv-device-icon/.mdl-ic（HTML/CSS）＝撤去。worry/sim/lock の概念図 .mac-fig-ic のみ残す。
     (6) golden 整合: 全 *-lead=12/1.6/margin20、本文 lh1.7→1.6、見出しtier lh1.4/1.5→1.3、note=11/color3/影なし(色節#fff/白節透明+罫)、
         compare-table th13>td12、figcaption=11、色節 margin:0+padding:30（二重解消）、h3上余白30→20、強調 inline=color9 一色、legacy=色10（白カード埋もれ解消）、legacy→models 区切り線。
   ──────────────────────────────────────────────
   ［以下は旧 macL2 ヘッダ］  ?v=macL2
   ──────────────────────────────────────────────
   由来: build/ipad-reset/extra.css を構造テンプレ（金型）として流用し、
         スコープを .main.ipad-reset → .main.mac-reset へ全置換（コンポーネントCSSは verbatim）。
         セクション部品（worry/quick/model/cheatsheet/steps/force/safe/lock/trouble/highsell/voice/related/why-extra
         ＋fv-todo/section-todo/connection-note/related）はすべて iPad 金型と同一のあしらい・PCマルチカラムを踏襲。
         コピー（テキスト）は output/mac-reset/wireframe-content.html の Mac 構成案へ差替（HTML側）。
         相対パスは build/mac-reset/ 直下基準＝テーマ素材は ../../refer/linxas-sp-0407/...（金型と同じ階層）。
   Mac固有の追加（末尾 [M] ブロック）:
     - .steps.steps-legacy : 旧機種(Intel非T2) Recovery手順を2本目の steps ステッパーで出すための極小スコープ別名（あしらいは .steps と共有）。
     - .selector-card      : チップ判別（Apple Silicon / T2 / Intel非T2）の濃色ナビ選択カード（金型 quick .card-hi/ promise と同じ navy 系トークンのみ）。
   トークン: --color4 #14355D / --color7 #C8D4E4 / --color9 #224995 / --color10 #EBF0F6 / --color11 #7994AA / --color13 #5A7386 / --border #F1F8FF
            ＋承認済み拡張: teal#16AEB1・限定コーラル#E94F4F（破壊/不安1点のみ）・自作SVG3トーン#E2EFFF/#72A2CE/#224995。新色は足さない。
   ============================================================ */

/* ============================================================
   ［以下は金型 ipad-reset/extra.css の履歴コメント。スコープ差替のみで内容は verbatim 移植］
   ipad-reset extra.css  ?v=iprL11  （ui-ux-pro-max weak-component再設計 2026-06-15:
     ★cheatsheet 任意/必須バッジ再設計＝任意を透明枠ピル→淡navy塗りチップ・必須をコーラル塗り＋「!」グリフへ（優先度差 任意≪必須を明確化）／
       .ot/.ocond を block化し条件文をバッジ直後インラインから独立行へ落とす（badge混線の解消・ref-craft-notes §1 badge作法準拠）／
     ★highsell 写真 .ipr-photo(淡navy地＝節地と同色で浮き)→白カード額縁 .hs-photo-card（白地＋薄navy枠＋柔A影＋navyキャプション帯）へ＝写真を節地から分離し品目へ文脈付け（ref-craft-notes §2 写真組込み作法・ref:R-05）。
     以下は前版 iprL4〜L10 の履歴コメント：）
   （Fix r4 ui-ux-pro-max・_theme-pattern-spec正規基準：
     [ipad単独] P1-01 quick中間CTA帯に margin-top:45px（§B-1 D段リードイン・steps:260と同値／note密着の解消）／
     P2-05 force/lock 白note にA系統弱グロー影 box-shadow:0 0 5px rgba(18,77,137,.12)（白カード直後の図地分離を全noteで対称化）／
     P2-06 related .todo 地色 #EAEFF6→var(--color10)#EBF0F6（トークン外色#EAEFF6を排除＝§0絶対則1）／
     P2-09 cheatsheet .ocond ラベルピル(.lab/.lab.req)を .ot 直後インラインへ再配置（行頭回り込み解消・vertical-align統一・word-break:keep-all）／
     P2-10 force/safe/lock 図枠の余白過大を是正＝SVG 96→120px相当へ拡大＋枠padding詰めで図/枠余白比を本文カードへ／
     P2-11 model/highsell 比較表の優位セル td.adv strong を font-weight800＋優位行に弱navy枠で優劣ジャンプ1段（列ベタ塗り復活なし・新色なし）／
     P2-12 eSIMタグ .tag.sky をcyan#3EA9E2→navy枠ピル(.tag.esim 透明地+navy罫+navy字)へ＝§0トークン内2トーン区別（物理SIM=navy塗り/eSIM=navy枠）／
     P3-02 worry ltToBlock 24→20（見出し→ブロック間を金型uniform20へ寄せ3値混在を是正）／P3-03 vc-meta #7994AA→var(--color13)／
     P3-01/P3-04 監視項目をコメント明記。
     [gold-sync＝金型 apple-machine と同時是正] P2-03 steps-ttl radius:30px→5px（§A角丸トークン）／P2-03/04 proc-steps margin-top:44px→45px(D段スナップ・SP34→45)／
     P2-04 sim-note 白円チップ19px/left11/top11/padding-left40→正規21px/left13/top14/padding-left44（.n-i系と一系統化）／P2-07 proc-step padding:18px→16px(§B-3 board内白カード素16)）
   ※Fix r3：P1-02 全note line-height 1.6→1.3／P1-03 ov-d --color11→--color13・10→11px／P1-04 白地節上淡地noteに弱グロー影／P2-01,02 .n-i/.note-icon 白丸チップ統一／P2-03 board-head 15→18px／P2-05 force-cta/hs-cta radius:999px→5px／P2-06 highsell表 列塗り→行zebra／P2-07 step-fig svg radius 8→5px／P2-08 worry .wi 吹き出しテール撤去）
   ※Fix r2: P1-01 ov-num nowrap(4STEP縦折れLIG是正)/P2-01,02 note line-height金型verbatim/P2-03,04,07 board-head全て§A(6)左上隅navy帯へ統一/P2-05,06 小見出し群を§A(3) line-btitle二重罫へ統一/P2-08 スタックgap14統一/P2-09,13,14 余白離散スナップ/P2-11 noteアイコン円#fff統一/P2-12 表 .t→.compare-table/P1-02 証明書FAQ誇大是正
   ※Fix r1: §B-5 padding42全廃/ov-num白チップ復元/eyebrow撤去/表罫トークン化/買取列cyan撤去/key-box左罫撤去/グラデ2点上限/note図地反転/cheatsheet・force 2層ラベル/board余白スナップ/実写真3点/要確認ライブ反映
   方針: 🔶/❌ の追加分のみをここに隔離。テーマCSS（css/style.css）は編集しない。
   集約範囲（theme-porter統合・2026-06-15）:
     [A] 共通base（text-wrap/泣き別れ抑制・fv-todo・section-todo・connection-note・related）
         = 金型 build/apple-machine/extra.css から流用。`.iphone` 名は本ページの主役手順＝`.steps` へ全リネーム。
     [B] #steps 手順ステッパー（proc-overview/proc-steps/proc-step/op/sim-table/safety-check 語彙）
         = apple-machine/extra.css の `.iphone …` を `.steps …` にリネームして移植（HTML側 class も steps-* へ統一）。
         実機スクショ(shot-row/shot-strip)は §9偽装回避で不使用 → 確定手順図2点を `.step-fig` 枠で表示。
     [C] bespoke断片10本（worry/quick/model/cheatsheet/force/safe/lock/trouble/highsell/why-voice-gate）の
         各 <style>（`.main.mac-reset .<section>` スコープ）をそのまま集約。相対パス ../../../../refer → ../../refer に修正。
   トークン（theme-tokens.md / css/style.css :root 1086-1093）のみ使用:
     --color4 #14355D / --color7 #C8D4E4 / --color9 #224995 / --color10 #EBF0F6 /
     --color11 #7994AA / --color13 #5A7386 / --border #F1F8FF
   ＋承認済み拡張（_design-grammar §1-1b/§6 DNA-11）: 差し色 teal#16AEB1・グラデ135deg／
     ※R4 P2-12: eSIMタグの cyan#3EA9E2 は撤去し方式区別を navy塗り/navy枠の2トーンへ（トークン外色の排除）。cyan#1497B1 は本ページ未使用。／
     自作SVG専用3トーン #E2EFFF/#72A2CE/#224995／限定コーラル#E94F4F（破壊/不安の1点のみ）。
   CSSパス基準: このファイルは build/ipad-reset/ 直下 → テーマ素材は ../../refer/linxas-sp-0407/...
   ──────────────────────────────────────────────
   R4 P2-01【節間gap＝逸脱ではない・theme-native】: 全隣接 .part 間 gap が375pxで30px なのは、テーマ自身が
     @media(max-width:750px){ .part{ margin:30px auto } }（refer/linxas-sp-0407/css/style.css:4522）でSP段の節間を30pxに固定しているため。
     §B-1 D段 clamp(40,60) は .part{ margin:clamp(40,60) }（style.css:3719）の【PC段】の値で、SP段はテーマがそれを30pxへ上書きする＝375pxで30pxはテーマのモバイル本来cadence。
     金型 apple-machine も同375pxで全節間30（spacing-gold 全11本=30・_compare rhythm=MATCHED）。ここを ipad 単独で40+へ上げるとテーマ標準＆金型 parity の双方が崩れるため、
     §B-1 を『PC段の指針』と読み替え、SP段30px はテーマ純正値として尊重し override しない（part に縦padding も足さない＝§B-2）。
   ============================================================ */

/* ============================================================
   [A] 共通base（apple-machine/extra.css 流用・.iphone→.steps リネーム）
   ============================================================ */
/* 2026-06-28 macL3 retrofit（defect 4・改行作法）: テーマは word-break:break-word のみ（style.css:63）。
   text-wrap:pretty/balance・word-break:keep-all は非テーマ＝「変な改行」の元（CLAUDE.md 0-A・memory theme-faithful）＝撤去し break-word に統一。 */
.main.mac-reset.mac-reset [class*="part"] p,
.main.mac-reset.mac-reset .op-d, .main.mac-reset.mac-reset .sc-a,
.main.mac-reset.mac-reset .sim-d, .main.mac-reset.mac-reset .connection-note2,
.main.mac-reset.mac-reset .proc-micro,
.main.mac-reset.mac-reset .line-content,
.main.mac-reset.mac-reset .op-t, .main.mac-reset.mac-reset .sc-q,
.main.mac-reset.mac-reset .step-ja, .main.mac-reset.mac-reset .sim-t{ overflow-wrap:break-word; word-break:break-word; }

/* 2026-06-28 macL3 retrofit（galaxy gxr08/09 と同手順・defect 3+4）:
   h2.line-title はテーマ正規 <h2 class="line-title"><span>…</span></h2> に統一（HTML側で span ラップ済み）。
   左罫アクセントはテーマ自身の .line-title span{border-left:2px #8DB0D0; padding-left:7px(SP); line-height:1.3}（style.css:3440-3458）が描く
   ＝旧 bespoke ::before 縦棒（aquos:16 が即FAIL逸脱と明記）と text-wrap:balance/word-break:keep-all（改行作法違反）を撤去。
   #8DB0D0 は line-title 左罫では正色（節区切り線 var(--color7) とは別物・golden §3）。 */
.main.mac-reset.mac-reset h2.line-title{ word-break:break-word; }
/* テーマは .reason .line-title span を SP で line-height:1.4 に割る（style.css reason専用SP上書き）＝見出しtier1.3から逸脱（galaxy gxr 同・1.3へ戻す）。 */
.main.mac-reset.mac-reset .reason .line-title span{ line-height:1.3; }
/* 見出し内の入れ子 <span class="nowrap">（リンクサス 等の語中割れ防止）に、テーマ .line-title span の左罫/inline-block が二重に乗るのを無効化＝外側 span の罫のみ残す。 */
.main.mac-reset.mac-reset .line-title .nowrap{ border-left:0; padding-left:0; display:inline; line-height:inherit; }
/* nowrap util（cloned系の共通穴＝実体追加）。block は <span class="nowrap>、flex親は U+2060 で語中割れ補正。 */
.main.mac-reset.mac-reset .nowrap{ white-space:nowrap; }
/* h3 .line-btitle line-height=1.3（見出しtier・golden §4。base継承1.6からの階層逆転を是正） */
.main.mac-reset.mac-reset .line-btitle{ line-height:1.3; word-break:break-word; }
/* board-head 見出しtier=1.3（base1.6継承の階層逆転是正・galaxy gxr 同） */
.main.mac-reset.mac-reset .board-head{ line-height:1.3; word-break:break-word; }

/* macL3 retrofit（強調色統一・harness I）: 明地の本文中 inline 強調（strong / .hl / .kw）は color9(#224995) 一色。
   手順本文(op-d/sc-a)・legacy/sell 本文・締めCTA(connection-note)の inline strong は既定 #333・色4 のままだったため color9 へ統一。
   ※block化した <b>（カードタイトル .px b 等）は見出しtier＝color4 が正＝この inline 規則の対象外。 */
.main.mac-reset.mac-reset .line-content strong,
.main.mac-reset.mac-reset .steps .op-d strong,
.main.mac-reset.mac-reset .steps .sc-a strong,
.main.mac-reset.mac-reset .steps .sc-a .hl,
.main.mac-reset.mac-reset .steps .proc-micro strong,
.main.mac-reset.mac-reset .highsell .hs-sub strong,
.main.mac-reset.mac-reset .note strong{ color:var(--color9); font-weight:700; }.main.mac-reset.mac-reset .ipr-photo:after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,53,93,0) 55%,rgba(20,53,93,.16) 100%); pointer-events:none; }
/* ============================================================
   [A-1] 01 fv（🔶→.fv-todo プレースホルダ・作り込まない）
   出典: apple-machine/extra.css:138-160（同型流用）
   ============================================================ */
.main.mac-reset.mac-reset .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-sub{
  font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px;
}
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.mac-reset.mac-reset .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}@media (min-width: 751px){
  .main.mac-reset.mac-reset .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}
/* ============================================================
   [A-3] related（✅ テーマ board / tag 語彙へ翻訳）
   出典: apple-machine/extra.css:182-213
   ============================================================ */
.main.mac-reset.mac-reset .related .line-btitle{ margin-top: 20px; }/* macL3 retrofit: h3上余白=20（golden §5） */
.main.mac-reset.mac-reset .related .board{ padding: 6px 16px; margin-top: 14px; }
/* ============================================================
   [B] #steps（iPad初期化手順・HowTo主役）
   = apple-machine/extra.css の `.iphone …` を `.steps …` にリネーム移植。
   実機スクショは不使用（§9偽装回避）→ 確定手順図2点を .step-fig 枠で表示。
   ============================================================ */
/* macL3 retrofit（spacing-divider-craft-rules §2・galaxy 同）: 色節は margin:0（テーマ .part margin30 を相殺＝padding+margin二重を解消）＋ padding:30px 0（張り付き禁止・色padding30）。旧 padding:44px は離散スケール外。 */
.main.mac-reset.mac-reset .part.steps{ background:var(--color10); margin:0; padding:30px 0; }

/* (1) 全体像 3STEP バンド */
.main.mac-reset.mac-reset .steps .proc-overview{ display:flex; align-items:stretch; gap:0; margin:30px 0 8px; }
.main.mac-reset.mac-reset .steps .ov-step{ position:relative; flex:1; display:flex; flex-direction:column; min-width:0; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 6px 12px; text-align:center; }
.main.mac-reset.mac-reset .steps .ov-step .ov-num{ position:absolute; left:50%; top:0; transform:translate(-50%,-48%); font-size:25px; font-weight:800; font-style:italic; color:var(--color9); line-height:1; white-space:nowrap; }/* user 2026-06-28: ov-num 白背景チップ不要＝除去（5ページ共通） */
/* R1-02: 金型 gold .ov-num の白チップ作法（background:#fff;＝§A(4)番号食い込み・上辺の影を抜く）を復元。
   R2 P1-01: ipadは金型(3STEP)と違い4STEP→ov-step幅(375/4)が不足し「01」「02」が縦折れ→番号LIG破綻。
   white-space:nowrap を追加し padding 6px→4px に詰めて01-04を1行で揃える（視線起点の復活）。 */
.main.mac-reset.mac-reset .steps .ov-step .ov-t{ font-size:13px; font-weight:700; color:var(--color4); line-height:1.3; }/* macL3 retrofit: 見出しtier lh1.3 *//* 2026-06-15: 4カラム狭幅での泣き別れ（探すオフ＆サインアウトが3行・単語途中折れ）対策＝金型.step-ja同様 auto-phrase でフレーズ境界折り＋balanceで行長均等 */
/* R3 P1-03: ov-d 説明文を白カード上の本文系へ格上げ＝色 --color11(#7994AA 装飾用・WCAG AA未満)→--color13(#5A7386 本文系)、サイズ 10→11px。 */
.main.mac-reset.mac-reset .steps .ov-step .ov-d{ font-size:11px; color:var(--color13); line-height:1.4; margin-top:auto; padding-top:4px; }/* 2026-08-30 scrutiny r3 R-6 / critic r5 手3: margin-top:4px → auto。金型 build/ipad-reset/extra.css:192 と同値＝チップの sub を下寄せして開始位置を揃える（.ch/.dt にだけ当てて .ov-t に当てていなかった横展開漏れ） */
.main.mac-reset.mac-reset .steps .ov-arrow{ flex:0 0 18px; align-self:center; height:14px; background:url(../images/mac-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }

/* ステッパー外殻＋導入見出し */
/* R4 gold-sync（金型 apple-machine:236-237 と同時是正）:
   P2-03 steps-ttl radius:30px→5px＝§A 絶対則2『角丸トークン(5px)のみ・発明部品禁止』へ収束（30pxは部品6種いずれにも対応しないため撤去）。
   P2-03/P2-04 proc-steps margin-top:44px(SP34px)→45px＝C段30とD段40の谷間に落ちた場当たり値を §B-1 D段の連結CTA基準45へスナップ（離散スケール内へ）。
   両値は金型 gold/extra.css:236-237/321 と verbatim 一致のため、金型側も同値へ同時更新しクラスタ parity を保つ。 */
.main.mac-reset.mac-reset .steps .proc-steps{ position:relative; background:transparent; border:none; border-radius:0; padding:0; margin-top:45px; }
.main.mac-reset.mac-reset .steps .steps-ttl{ display:table; margin:0 auto 20px; border-radius:5px; background:var(--color9); color:#fff; padding:8px 24px; min-width:260px; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; line-height:1.3; white-space:nowrap; }
.main.mac-reset.mac-reset .steps .steps-ttl span{ display:inline; padding:0; border-bottom:none; }
.main.mac-reset.mac-reset .steps .steps-ttl em{ font-style:normal; font-size:1.7em; color:#fff; margin:0 2px; }

/* STEP白カード
   R4 gold-sync P2-07: padding 18px→16px＝§B-3『board内白カード 素=16px』（番号バッジはカード内インライン＝上辺食い込みでないため厚め26pxでなく素16が正）。金型 gold:243 と同時更新。 */
.main.mac-reset.mac-reset .steps .proc-step{ background:#fff; border-radius:5px; padding:16px; position:relative; }
.main.mac-reset.mac-reset .steps .proc-step:not(:last-child){ --bottom:30px; margin-bottom:var(--bottom); }
.main.mac-reset.mac-reset .steps .proc-step:not(:last-child):after{ content:""; display:block; position:absolute; left:0; bottom:calc(-1 * var(--bottom)); width:100%; height:var(--bottom); background:url(../images/mac-reset/icon/step-bottom-margin.svg) center center/auto 46% no-repeat; }
.main.mac-reset.mac-reset .steps .proc-step-head{ display:flex; align-items:center; padding-bottom:14px; border-bottom:2px solid var(--color10); }
.main.mac-reset.mac-reset .steps details.proc-step:not([open]) > summary.proc-step-head{ padding-bottom:0; border-bottom:none; }
.main.mac-reset.mac-reset .steps .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; }
.main.mac-reset.mac-reset .steps .proc-step-head .step-ja{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.3; margin:0; }/* macL3 retrofit: 見出しtier lh1.3 */
/* R3-fidelity: 開閉トグルを金型 apple-machine/extra.css:662-667 へ復元。透明な四角＋navy棒(display:none硬切替)＝装飾ディテール喪失だった→#7994AA(--color11)の円チップ＋白の+/−、open時は縦棒を90°回転フェード(transition.3s)。flexの margin-left:auto 右寄せは維持（位置は不変）。 */
.main.mac-reset.mac-reset .steps .proc-step-head .st-add{ margin-left:auto; flex-shrink:0; position:relative; width:22px; height:22px; border-radius:50%; background:var(--color11); }
.main.mac-reset.mac-reset .steps .proc-step-head .st-add:before,
.main.mac-reset.mac-reset .steps .proc-step-head .st-add:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; transition:.3s; }
.main.mac-reset.mac-reset .steps .proc-step-head .st-add:after{ width:50%; height:2px; }
.main.mac-reset.mac-reset .steps .proc-step-head .st-add:before{ width:2px; height:50%; }
.main.mac-reset.mac-reset .steps details.proc-step[open] > summary .st-add:before{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.main.mac-reset.mac-reset .steps summary.proc-step-head{ cursor:pointer; list-style:none; }
.main.mac-reset.mac-reset .steps summary.proc-step-head::-webkit-details-marker{ display:none; }
.main.mac-reset.mac-reset .steps .proc-step-body{ margin-top:6px; }

/* 操作1-2-3行 */
.main.mac-reset.mac-reset .steps .op{ display:flex; gap:12px; align-items:flex-start; padding:15px 0; }
.main.mac-reset.mac-reset .steps .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.mac-reset.mac-reset .steps .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.mac-reset.mac-reset .steps .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* macL3 retrofit: 見出しtier lh1.3 */
.main.mac-reset.mac-reset .steps .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* macL6: 本文role golden=12（galaxy:504/aquos:444・style.css:3710） */

/* step-note */
/* R2 P2-01: line-height 1.5→1.3 に戻し金型 gold/extra.css:261 .step-note verbatim へ（リネーム移植時の非意図ドリフト是正）。 */
.main.mac-reset.mac-reset .steps .step-note{ position:relative; margin-top:20px; background:var(--border); border-radius:5px; padding:12px 14px 12px 44px; font-size:12px; line-height:1.3; color:#14355D; font-weight:500; }/* macL6: off-scale 12.5→12（galaxy:508/aquos:448） */
/* R3 P2-01: 金型 gold:262 .note-icon の白丸チップ作法（bg#fff/border1px --color7/radius50%/flex中央）を付与。SVG側の二重描画円は撤去し、glyphのみ(viewBox中央)を白チップ内に重ねる。 */
.main.mac-reset.mac-reset .steps .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; box-sizing:border-box; }
.main.mac-reset.mac-reset .steps .step-note .note-icon svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .steps .step-note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* micro注記＋［要確認］ピル */
.main.mac-reset.mac-reset .steps .proc-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.mac-reset.mac-reset .steps .proc-micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* 確定手順図（自前SVG・iPad設定画面）= 実機スクショ枠の代替（§9偽装回避） */
.main.mac-reset.mac-reset .steps .step-fig{ margin:18px 0 0; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:14px; }
/* R3 P2-07: 図svgの角丸を外殻(.step-fig radius:5px)と統一（8px→5px・トークン外の中途半端値を解消）。 */
.main.mac-reset.mac-reset .steps .step-fig svg{ width:100%; max-width:300px; height:auto; display:block; margin:0 auto; border-radius:5px; }
.main.mac-reset.mac-reset .steps .step-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; }
/* 初期化前の安心チェック */
.main.mac-reset.mac-reset .steps .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.mac-reset.mac-reset .steps .safety-check{ display:flex; flex-direction:column; gap:14px; }
.main.mac-reset.mac-reset .steps .sc-item{ position:relative; background:var(--color10); border-radius:5px; padding:16px 16px 16px 56px; }
.main.mac-reset.mac-reset .steps .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; }
.main.mac-reset.mac-reset .steps .sc-item .sc-check svg{ width:15px; height:15px; display:block; }
.main.mac-reset.mac-reset .steps .sc-item .sc-q{ display:block; font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* macL6: title-tier lh1.3 */
.main.mac-reset.mac-reset .steps .sc-item .sc-a{ display:block; font-size:12px; color:#333; line-height:1.6; margin-top:4px; }/* macL6: 本文role golden=12 */
.main.mac-reset.mac-reset .steps .sc-item .sc-a a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* 中間CTA = .connection.partbg（latest 末尾の full-bleed 白CTA・[CN]ブロックで bg/padding/margin 指定）。
   macL3 retrofit: 旧 .steps .connection{margin-top:45px} は離散スケール外＝撤去し、galaxy cta-reset と同じ「色地30px breathing」へ。
   latest 節は padding-bottom:0（[latest]側で指定）＝白CTA帯が節の実下端に flush。手順list と白帯の間は #latest .connection.partbg margin-top:30 が色地 breathing を提供（galaxy #cta-reset:30 と同値）。 */
.main.mac-reset.mac-reset #latest{ padding-bottom:0; }
.main.mac-reset.mac-reset #latest .connection.partbg{ margin-top:30px !important; }
/* 2026-08-30 critic D4: #lock 末尾にも同型の白 full-bleed CTA帯＝#latest と同値（色節 padding-bottom:0 で flush・帯 margin-top:30 が色地 breathing）。線は色差（上）／白節の濃紺バンド自己区切り（下）で不要。 */
.main.mac-reset.mac-reset #lock{ padding-bottom:0; }
.main.mac-reset.mac-reset #lock .connection.partbg{ margin-top:30px !important; }

/* macL3 retrofit（区切り線・spacing-divider §1）: legacy(色10) → models(色10) は色×色で境目が消える＝同色が接する側(models上)に 1px var(--color7)。
   ※latest→legacy は latest 末尾 full-bleed 白CTA帯が色域を分断（白×色＝色差）＝線なし。 */
.main.mac-reset.mac-reset #models{ border-top:1px solid var(--color7); }

@media (max-width: 750px){
  .main.mac-reset.mac-reset .steps .proc-overview{ margin:28px 0 8px; }
  .main.mac-reset.mac-reset .steps .ov-step{ padding:22px 4px 11px; }
  .main.mac-reset.mac-reset .steps .ov-step .ov-num{ font-size:22px; }
  .main.mac-reset.mac-reset .steps .ov-step .ov-t{ font-size:12px; }
  .main.mac-reset.mac-reset .steps .ov-arrow{ flex-basis:14px; }
}
/* 2026-08-31 scrutiny r5 M-1（r10）: 金型 build/ipad-reset/extra.css:954 verbatim（ipad 自身の scrutiny r4 N4-9 で入った規則）。
   M-1 で `.ov-t` を「バックアップ」「サインアウト」6字の nowrap 1個へ戻すと、@375 の内容幅 67.8px に対し span は 72.1px＝4.3px 溢れる。
   ipad は同じ 6字・同じ 12px・同じチップ幅で ovf −0.1 に収まっており、その差は本規則（≤390px のみ −0.06em）だけだった。
   PC には不要（金型と同じく max-width:390px 限定）。#legacy の 5チップにも同じ .ov-t .nowrap があり、こちらは詰まる方向にしか効かない
   （@375 実測 03「Recovery」ovf +0.4 → 収まる）。 */
@media (max-width:390px){
  .main.mac-reset.mac-reset .steps .ov-step .ov-t .nowrap{ letter-spacing:-0.06em; }
}
@media (max-width: 750px){
  /* R4 gold-sync P2-03/P2-04: SP も 34px(谷間値)→45px(D段スナップ) へ。金型 gold:321 と同時更新。 */
  .main.mac-reset.mac-reset .steps .proc-steps{ padding:0; margin-top:45px; }
  .main.mac-reset.mac-reset .steps .steps-ttl{ font-size:16px; min-width:240px; padding:7px 18px; margin-bottom:16px; }
  .main.mac-reset.mac-reset .steps .proc-step{ padding:14px 13px; }
  .main.mac-reset.mac-reset .steps .proc-step:not(:last-child){ --bottom:26px; }
  .main.mac-reset.mac-reset .steps .proc-step-head .step-ja{ font-size:14px; }
  .main.mac-reset.mac-reset .steps .op-t{ font-size:14px; }  .main.mac-reset.mac-reset .steps .last-step-ja{ font-size:16px; }
  .main.mac-reset.mac-reset .steps .sc-item{ padding:14px 14px 14px 52px; }
}

/* ============================================================
   [C] bespoke断片10本の <style> 集約（各 .main.mac-reset .<section> スコープ・改変なし）
   各断片の body{...} 全体背景指定は統合ページでは不要のため移植しない（断片プレビュー専用）。
   相対パス ../../../../refer → ../../refer に修正済み。
   ============================================================ */

/* ---- worry（不安提示→お約束1:1）/ copy: build/ipad-reset/_craft/worry/variant-1.html ----
   §B-5: part縦padding(42px)全廃。節間はテーマ .part{margin:clamp(40,60)} 任せ・左右はthisinner任せ（金型gold padTop:0/padBottom:0スナップ・2026-06-15 Fix r1 R1-01） */
.main.mac-reset.mac-reset .worry .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* ★2026-06-15 金型忠実復帰: 前回ワークフロー(R2 P2-03/P2-14・R3 P2-08)が worry-board を「§A(6)標準board化＝色箱+左上隅食い込みnavy帯」にし吹き出しテールも撤去して、金型の「不安＝透明地の軽い吹き出し(つぶやき)」を壊していた（ユーザー指摘）。金型 apple-machine/extra.css:431-441 と同形へ戻す＝(1)worry-board透明・padding0 (2)board-head中央寄せnavyテキスト(塗り帯でない) (3).wi 吹き出し(しっぽ:after)復活＋左右ジグザグ。お約束(promise-board/.pi)は色箱のまま＝金型どおり非対称。 */
.main.mac-reset.mac-reset .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:20px; }/* 2026-08-30 scrutiny D1: 24→20（reset 金型 airpods:337/aquos:303/ipad:326＝見出し→本文20） */
/* R3-fidelity: board-head を div→h3 へ復帰（金型 h3.board-head 文法＝SEO見出しアウトライン回復）。UA h3 余白の漏れを全board-headで0化し、タグ置換の視覚差分をゼロに保証（CSSは全て .board-head クラス指定）。 */
.main.mac-reset.mac-reset .board-head{ margin:0; }
.main.mac-reset.mac-reset .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; padding:0 0 16px; }
.main.mac-reset.mac-reset .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.mac-reset.mac-reset .worry .worry-board .wi{ position:relative; width:88%; background:#fff; border-radius:5px; padding:12px 16px 12px 12px; display:flex; align-items:center; gap:11px; font-size:14px; line-height:1.6; color:#333; box-shadow:0 0 10px rgba(18,77,137,.16); }
.main.mac-reset.mac-reset .worry .worry-board .wi:after{ content:""; position:absolute; bottom:-5px; left:30px; width:12px; height:12px; background:#fff; transform:rotate(45deg); box-shadow:5px 5px 7px -3px rgba(18,77,137,.12); }
.main.mac-reset.mac-reset .worry .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.mac-reset.mac-reset .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
.main.mac-reset.mac-reset .worry .worry-board .wi .wic{ width:42px; min-width:42px; height:42px; }
.main.mac-reset.mac-reset .worry .worry-board .wi .wic svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .worry .worry-board .wi .wi-t{ min-width:0; }
.main.mac-reset.mac-reset .worry .w-arrow{ display:block; width:22px; height:15px; margin:20px auto 0; background:url(../images/mac-reset/icon/select.svg) center/contain no-repeat; }
/* R2 P2-09: 不安群→約束群の章替え分離を強める＝margin-top 16(B段)→24(C段)。矢印20→約束ブロック24でC段の落差を作る。 */
.main.mac-reset.mac-reset .worry .promise-board{ position:relative; background:var(--color10); padding:60px 16px 18px; border-radius:5px; overflow:hidden; margin-top:24px; }
/* R2 P2-04: 全面グラデ中央寄せ→§A(6)左上隅食い込みnavyベタ帯へ（グラデは§D見せ場2点に厳密化＝cheatsheet .oi.must のみへ寄せる）。 */
.main.mac-reset.mac-reset .worry .promise-board .board-head{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; padding:6px 20px; display:inline-flex; align-items:center; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; margin:0; line-height:1.3; }/* macL3 retrofit: ラベル帯title lh1.3 */
.main.mac-reset.mac-reset .worry .promise-list{ display:flex; flex-direction:column; gap:14px; }
.main.mac-reset.mac-reset .worry .pi{ position:relative; background:#fff; border-radius:5px; padding:16px 16px 16px 66px; }
.main.mac-reset.mac-reset .worry .pi .pic{ position:absolute; left:13px; top:14px; width:42px; height:42px; }
.main.mac-reset.mac-reset .worry .pi .pic svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .worry .pi .px{ display:block; font-size:12px; color:#333; line-height:1.6; }/* macL3 retrofit: 本文=12/1.6 */
.main.mac-reset.mac-reset .worry .pi .px b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:4px; }/* macL3 retrofit: カードタイトル lh1.3 */
.main.mac-reset.mac-reset .worry .pi .px .pd{ display:block; font-size:12px; line-height:1.6; color:#333; }/* macL3 retrofit: title(b)/body(.pd)を要素分離（galaxy .pi .px .pd と同型） */
.main.mac-reset.mac-reset .worry .worry-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=line-content 12px/1.6/margin20（golden §5） */
.main.mac-reset.mac-reset .worry .worry-lead strong{ color:var(--color9); font-weight:700; }/* macL3 retrofit: 明地のinline強調は color9 一色（harness 強調色統一） */
.main.mac-reset.mac-reset .worry .worry-lead .kw{ color:var(--color9); font-weight:700; }
@media (max-width:750px){
  /* 2026-06-15 金型忠実復帰(SP): 金型 apple-machine/extra.css:466-467 と同形＝worry-board透明padding0・board-head中央寄せnavyテキスト16px。 */
  .main.mac-reset.mac-reset .worry .worry-board{ padding:0; }
  .main.mac-reset.mac-reset .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; text-align:center; }
  .main.mac-reset.mac-reset .worry .worry-board .wi{ font-size:13px; }
  .main.mac-reset.mac-reset .worry .worry-board .wi .wic{ width:38px; min-width:38px; height:38px; }
  .main.mac-reset.mac-reset .worry .promise-board .board-head{ font-size:14px; padding:6px 16px; }
  .main.mac-reset.mac-reset .worry .pi{ padding:14px 14px 14px 52px; }
  .main.mac-reset.mac-reset .worry .pi .pic{ top:13px; width:38px; height:38px; }
}
@media (min-width:751px){
  .main.mac-reset.mac-reset .worry .thisinner{ max-width:1000px; }
  .main.mac-reset.mac-reset .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.mac-reset.mac-reset .worry .worry-board .wi{ width:auto; }
  .main.mac-reset.mac-reset .worry .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.mac-reset.mac-reset .worry .promise-board{ padding:72px 22px 22px; }
  .main.mac-reset.mac-reset .worry .promise-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  /* 【失効・2026-08-31 scrutiny r4 A-3 で撤回】以下 M-2 の処方（.pi:last-child の全幅化）は実装していない。理由は直後のブロック。
     ★2026-08-30 scrutiny r3 M-2: お約束は構成案 wfc:412-418 が「リンクサスの5つのお約束」＝5枚が正本なので枚数は減らさず、
     PC 2列で最終行に1枚だけ残って右半分が空く（実測 @768/@1280 とも n=5 rows=3 lastRow=1）状態を解消する。
     金型/姉妹の実測は ipad-reset 4枚 lastRow=2 ／ apple-machine 4/2 ／ applewatch-reset 4/2 ／ galaxy-reset 4/2 ／
     airpods-reset 3枚3列 lastRow=3 で、最終行が半分空くのは全ビルド中 mac だけだった。
     出典 = build/corporate/extra.css:308 `.main.corporate .worry .promise-list .pi:last-child{ grid-column:1 / -1; }`
     （コメント「P4-1 お約束3件目の孤児解消」＝同一部品 `.worry .promise-list .pi` の同一症状に対する既存の解）。
     3列化は採らない: @768 の3列は1枚 218.7px（`.pi` の左 padding 66px を引くと本文 136.7px）で太字見出しが3行に割れる
     ＝ airpods が critic r5 手2 で 751–999px を2列へ戻したのと同じ失敗になるため。 */
  /* ★2026-08-31 scrutiny r4 A-3 で上の M-2 は撤回（実装しない）。
     撤回の根拠（すべて描画実測）: 全幅化した5枚目は @1280 で幅 956px に対し文字インクの右端 469.5px＝塗り率 49.1%
     （金型 .pi の塗り率は galaxy 87.3〜96.2% / ipad 91.1〜96.4%）、高さも 80.8px と他4枚（104.8px）より 24px 低い薄いスラブになる。
     さらに同じ節の 131px 上にある '.wl'（不安5件・同じ2列グリッドに奇数個）は mac/galaxy/ipad/airpods の4本とも
     5枚目を 489px の半幅に据え置いており、同一状況をページ内で2通りに処理していた。
     corporate:308 は前例だが build 全31ページで1本のみ＝cohort の総意は半幅。よって半幅（471px）据え置きへ戻す。 */
  .main.mac-reset.mac-reset .worry .worry-lead{ max-width:780px; }
}/* ---- model（世代/モデル＋Wi-Fi/物理SIM/eSIM差）/ copy: _craft/model/variant-1.html ----
   §B-5→R3: 色地partは内側padding必須（margin only だと色地に本文が接触＝ユーザー指摘 2026-06-15）。steps と同じ 44px 0。 */
.main.mac-reset.mac-reset .model{ background:var(--color10); margin:0; padding:30px 0; }/* macL3 retrofit: 色節 margin:0+padding:30（二重解消） */
.main.mac-reset.mac-reset .model .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* R1-03: 独立浮きeyebrow撤去（§A(2)）。冒頭はsum-leadへ。 */
.main.mac-reset.mac-reset .model .model-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=line-content 12px/1.6/margin20 */
.main.mac-reset.mac-reset .model .model-lead strong{ color:var(--color9); font-weight:700; }/* R2 P2-12: 汎用クラス .t → namespace付き .compare-table へリネーム。列幅は inline style 廃止しCSSへ（部品はクラスで表現）。
   色作法（th navy/zebra --color10/cell罫 最淡 --border）は§A(5)準拠で維持。 */
/* 2026-07-26 共通化: font-size は _shared/components.css の canon（SP td12→PC14・th13→PC15）に委譲＝ここでの再宣言は
   詳細度(0,4,0)で共通 PC tier(0,3,0)に勝ってしまい「PCで12px据置」を作っていた（harness D_spacing・ledger#33 同型）。地色/角丸/影/幅/罫は節固有として残す。 */.main.mac-reset.mac-reset .model .compare-table{ width:100%; margin:0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table *//* macL3 retrofit: margin は scroll-wrapper へ移譲 */
/* 2026-08-30 scrutiny r3 M-1 で失効（列比は [SH] ブロックの `.models/.selector .compare-table-scroll .compare-table th:nth-child(1..3)` が唯一の実体）: .main.mac-reset .model .compare-table th:first-child{ width:34%; } */
/* th=13>td=12（theme-golden §5）。2026-07-26 共通化: font-size は _shared canon（SP13→PC15）へ委譲＝
   ここで再宣言すると詳細度(0,4,1)で共通 PC tier(0,3,1)に勝ち、PCで th13 < td14 の逆転（ledger#31）を作るため置かない。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table th *//* macL3 retrofit: 見出しtier lh1.3 */
/* R1-04: cell罫を§A(5)正規の最淡 var(--border)#F1F8FF・zebra偶数を var(--color10)#EBF0F6 へ（#E4E9F1/#F7FAFD はトークン外＝新色禁止則違反） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table td *//* macL3 retrofit: td本文 lh1.6 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table td strong *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table .todo */
/* R2 P2-06: 独自小見出し(下罫なし/単線)→テーマ正規 .line-btitle(§A(3)二重罫)へ統一。マークアップも h3.line-btitle 化。
   ここは余白のみ指定（C段：margin-top 30＝R2 P2-13 で 32→30 にスナップ）。色/罫は theme .line-btitle 任せ。 */
.main.mac-reset.mac-reset .model .line-btitle.sim-ttl{ margin:20px 0 16px; }/* macL3 retrofit: h3上余白=20 */
.main.mac-reset.mac-reset .model .sim-table{ display:flex; flex-direction:column; gap:14px; }
.main.mac-reset.mac-reset .model .sim-item{ background:#fff; border-radius:5px; padding:16px 16px 15px; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.mac-reset.mac-reset .model .sim-head{ display:flex; align-items:center; gap:14px; padding-bottom:12px; border-bottom:1px solid var(--color7); }
.main.mac-reset.mac-reset .model .sim-fig{ flex:0 0 64px; width:64px; height:64px; }
.main.mac-reset.mac-reset .model .sim-fig svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .model .sim-hx{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.main.mac-reset.mac-reset .model .sim-hx .tag{ padding:3px 14px; color:#fff; border-radius:5px; font-size:12px; font-weight:bold; line-height:1.5; }
.main.mac-reset.mac-reset .model .sim-hx .tag.blue{ background:var(--color9); }
/* R4 P2-12: model も eSIM タグを cyan→navy枠ピルへ（steps と同じ in-token 2トーン）。 */
.main.mac-reset.mac-reset .model .sim-hx .tag.sky{ background:#fff; color:var(--color9); border:1px solid var(--color9); padding:2px 13px; }
.main.mac-reset.mac-reset .model .sim-hx .sim-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* macL7: title-tier lh1.3（描画される勝ち規則） */
.main.mac-reset.mac-reset .model .sim-d{ margin:12px 0 0; font-size:12px; line-height:1.6; color:#333; }/* macL3 retrofit: 説明本文=12/1.6 */
.main.mac-reset.mac-reset .model .sim-d a{ color:var(--color9); font-weight:bold; text-decoration:underline; }/* 2026-08-30 scrutiny C1: 本文リンク canon（.main .note a と同値・同ページ .dd a / .ca a と同） */
.main.mac-reset.mac-reset .model .sim-d strong{ color:var(--color9); }/* macL3 retrofit: h3上余白=20 */
/* R1-08: 図地反転則（§A(1)）＝model partは淡地(--color10)上 → note地は白(#fff)。 */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .model .note{ background:#fff; }/* macL3 retrofit golden §6: note=11/color3/影なし。色節→白bg */
.main.mac-reset.mac-reset .model .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.mac-reset.mac-reset .model .note .n-i svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .model .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }@media (max-width:750px){
  .main.mac-reset.mac-reset .model .sim-fig{ flex-basis:58px; width:58px; height:58px; }
  .main.mac-reset.mac-reset .model .sim-item{ padding:14px 13px 13px; }
}
@media (min-width:751px){
  .main.mac-reset.mac-reset .model .thisinner{ max-width:1000px; }
  .main.mac-reset.mac-reset .model .sim-table{ flex-direction:row; gap:18px; }
  .main.mac-reset.mac-reset .model .sim-table .sim-item{ flex:1; min-width:0; }
}

/* ---- cheatsheet（やること順番早見表）/ copy: _craft/cheatsheet/variant-1.html ----
   §B-5: part縦padding撤去（節間=テーマmargin clamp(40,60)・R1-01） */
.main.mac-reset.mac-reset .cheatsheet .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* R1-03: 独立浮きeyebrow撤去（§A(2)）。冒頭はsum-leadへ。 */
.main.mac-reset.mac-reset .cheatsheet .cs-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=12/1.6/margin20 */
.main.mac-reset.mac-reset .cheatsheet .cs-lead strong{ color:var(--color9); font-weight:700; }/* macL3 retrofit: 明地のinline強調は color9 一色 */
/* R1-11: 離散スケール外の半端値を§A(6)/§B-3にスナップ。order-board 64px→60px（標準board上逃げ）、board-head 9px帯→6px帯(アイコン左詰め14px)。 */
.main.mac-reset.mac-reset .cheatsheet .order-board{ position:relative; background:var(--color10); padding:60px 18px 20px; border-radius:5px; overflow:hidden; margin-top:30px; }
.main.mac-reset.mac-reset .cheatsheet .order-board .board-head{ position:absolute; left:0; top:0; background:var(--color9); color:#fff; padding:6px 20px 6px 14px; display:flex; align-items:center; gap:8px; font-size:18px; font-weight:bold; border-bottom-right-radius:5px; }
.main.mac-reset.mac-reset .cheatsheet .order-board .board-head .bh-i{ width:18px; height:18px; }
.main.mac-reset.mac-reset .cheatsheet .order-board .board-head .bh-i svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .cheatsheet .ol{ display:flex; flex-direction:column; gap:10px; }
.main.mac-reset.mac-reset .cheatsheet .oi{ background:#fff; border-radius:5px; padding:13px 14px 13px 12px; display:flex; align-items:flex-start; gap:12px; }
.main.mac-reset.mac-reset .cheatsheet .oi .on{ flex:0 0 28px; width:28px; height:28px; border-radius:50%; background:var(--color9); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold; line-height:1; margin-top:1px; }
.main.mac-reset.mac-reset .cheatsheet .oi.must .on{ background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); }
.main.mac-reset.mac-reset .cheatsheet .oi.chk .on{ background:#16AEB1; }
.main.mac-reset.mac-reset .cheatsheet .oi .ox{ min-width:0; flex:1; }
/* R4 P2-09: .ot にラベルピルを内包（行末で泣き別れさせず見出しとインライン保持）。
   見出し本文は keep-all で語の途中改行を抑え、ピルは行末でも .ot 内に留める。
   ※iprL11: .ot を block 化＝見出し＋バッジを1論理行に閉じ、その下に .ocond（条件）を独立行へ落とす
     （旧: .ocond がバッジ直後にインライン回り込み→「任意 残したい…」がバッジと混線していた／ユーザー指摘）。 */
.main.mac-reset.mac-reset .cheatsheet .oi .ot{ display:block; font-size:15px; font-weight:700; color:var(--color4); line-height:1.3; }.main.mac-reset.mac-reset .cheatsheet .oi .ocond{ display:block; font-size:11px; line-height:1.6; color:var(--color13); margin-top:5px; }/* macL6: off-scale 11.5→11（note tier）・lh1.55→1.6 */
/* iprL11 ★バッジ再設計（badge作法: ref-craft-notes §1「機能ラベルは角丸4px矩形・太字・no icon／塗りで機能をレイヤリング」＋§10 R-15「必須＝コーラル1点」）:
   旧=任意が透明地+淡border枠ピル（白カード上で罫が消えかけ＝視認性弱・必須との優先差も弱）。
   新=2トーンの『塗りチップ』で優先度差を明確化:
     ・任意(.lab)   = 淡navy地(--color10)＋navy字(--color9)の控えめ塗りチップ＝「やってもよい」の弱トーン（ref-craft-notes「補足は淡地色＋濃文字で主張を抑える」）。
     ・必須(.lab.req)= コーラル(#E94F4F)塗り＋白字＋先頭に「！」グリフ（色だけに依存しない弁別＝a11y）＝唯一の警告色（§D 1点）。
   サイズ・字間・角丸・行内位置: 11px/700・letter-spacing .04em・角丸4px・padding 1px 8px・vertical-align middle で baseline 統一。
   ※ref-craft-notes「ピル(999px)禁止・角丸4px矩形で統一」「塗りバッジは1要素1個」に準拠（トークン外色は足さない＝コーラルは既存承認色）。
   ★2026-08-31 scrutiny r5 L-10（r10）で寸法・文字色の記述のみ【失効】: 直下の実装（.lab / .lab.req）が現行の正。
     実装値 = 角丸 **999px**（下の R5 badge再設計コメントのとおりピルへ変更済み）／任意の文字色 = **var(--color13)**（navy字 --color9 ではない）／
     letter-spacing **.06em**／padding **2px 9px**。上の「角丸4px・navy字・字間.04em・padding 1px 8px」は差替前の値で、
     次に触る人が実装を旧値へ戻す回帰源になるため訂正する（配色の考え方＝任意は淡地の弱トーン／必須はコーラル1点、は現行どおり有効）。 */
/* R5 badge再設計: .lab を .ot内インライン→.oi直下の右カラムへ移設。flexの最終子＝右端で全行同幅整列(LIG整列/反復)。
   任意=淡青ゴーストチップ(地--color10/文字--color13ミュート/枠--color7)で控えめ、必須=コーラル塗り1点で優先度差を明確化(LIG対比 §D)。pill=999pxは既存トークン。 */
.main.mac-reset.mac-reset .cheatsheet .oi .lab{ flex:0 0 auto; align-self:flex-start; margin-top:3px; min-width:42px; box-sizing:border-box; text-align:center; font-size:11px; font-weight:700; letter-spacing:.06em; color:var(--color13); background:var(--color10); border:1px solid var(--color7); border-radius:999px; padding:2px 9px; line-height:1.5; white-space:nowrap; }
.main.mac-reset.mac-reset .cheatsheet .oi .lab.req{ min-width:48px; color:#fff; background:#E94F4F; border-color:#E94F4F; box-shadow:0 2px 5px rgba(233,79,79,.30); }/* 2026-08-30 scrutiny r3 R-7: 金型 build/ipad-reset/extra.css:508 verbatim へ復帰。
     r2 の A6 は「コーラル塗り（金型0）→ navy」と書いたが**事実誤り**＝金型 ipad:508 に coral #E94F4F ＋影が実在する（本ラウンドで原文を確認）。
     navy 塗りに変えた結果、必須(navy塗り) ＞ 必須級(navy枠) が同色相になり序列が読めなくなっていた。
     coral は _INDEX §3 の公認拡張色「控えめな強調・1色1意味」で、本ページの他の用途（step-note の警告アイコン）と意味が一致する。 */
.main.mac-reset.mac-reset .cheatsheet .oi .lab.req:before{ content:"!"; display:inline-block; margin-right:3px; font-weight:800; }
/* R3 P1-04: 白地節(cheatsheet)上の淡地note→A系統弱グロー影で分離。 */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .cheatsheet .note{ background:transparent; border:1px solid var(--color7); }/* macL3 retrofit golden §6: note=11/color3/影なし。白節→透明+border var(--color7) で可視化 */
.main.mac-reset.mac-reset .cheatsheet .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.mac-reset.mac-reset .cheatsheet .note .n-i svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .cheatsheet .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (max-width:750px){
  .main.mac-reset.mac-reset .cheatsheet .order-board{ padding:58px 12px 16px; }
  .main.mac-reset.mac-reset .cheatsheet .order-board .board-head{ font-size:14px; }
}
@media (min-width:751px){
  .main.mac-reset.mac-reset .cheatsheet .thisinner{ max-width:1000px; }
  /* 2026-08-30 critic r6 対応（r7）: PC の一点物幅を撤去。1280px 実測で order-board 230/820・selector-card 210/860 に対し
     他の全節の器は 140/1000 で、この節だけ 2 種類の別幅が混在していた。金型 build/ipad-reset/extra.css:481-484 の
     .cheatsheet .order-board は PC に max-width 指定を持たない（＝.thisinner の 1000px いっぱい）＝金型と同じ扱いへ戻す。 */
}.main.mac-reset.mac-reset .force .force-cta a:after{ content:""; width:16px; height:12px; background:url(../images/mac-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); filter:none; }
/* ---- safe（売却前データ消去は安全？）/ copy: _craft/safe/variant-1.html ----
   §B-5: part縦padding撤去（節間=テーマmargin clamp(40,60)・R1-01） */
.main.mac-reset.mac-reset .safe .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* R1-03: 独立浮きeyebrow撤去（§A(2)）。冒頭はsum-leadへ。 */
.main.mac-reset.mac-reset .safe .safe-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=12/1.6/margin20 */
.main.mac-reset.mac-reset .safe .safe-lead strong{ color:var(--color9); font-weight:700; }
.main.mac-reset.mac-reset .safe .safe-lead .kw{ color:var(--color9); font-weight:700; }
/* R4 P2-10: SVG 92→120px 拡大＋枠padding 18→12px 詰めで図/枠余白比を是正（重心の抜け解消）。 */
.main.mac-reset.mac-reset .safe .safe-fig{ display:flex; align-items:center; gap:11px; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 0; text-align:left; }
.main.mac-reset.mac-reset .safe .safe-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
.main.mac-reset.mac-reset .safe .safe-fig figcaption{ min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }/* macL3 retrofit: figcaption=11 */
/* R1-06: テーマ外の左罫4px強調ボックス（border-left:4px）を撤去＝§A 正規部品6種に無い独自装飾。
   safe は白地節なので白カード+影では分離しない → 淡地(--color10)カード+§A(4)A系統青グロー影で立て、
   見出しは小navyドット付きの kb-t（テーマ board-head 系の navy見出し作法）で受ける。 */
.main.mac-reset.mac-reset .safe .key-box{ background:var(--color10); border-radius:5px; padding:18px 16px 16px; margin:26px 0 0; box-shadow:0 0 5px rgba(18,77,137,.2); }
/* R2 P2-05: テーマに無い擬似要素の小navyドット(:before)を撤去し、<p class="kb-t"> → <h3 class="line-btitle kb-t"> へ。
   §A(3) line-btitle の二重罫で受ける（独自ドット見出しは部品6種に無い発明＝逸脱）。余白のみ指定。 */
.main.mac-reset.mac-reset .safe .key-box .line-btitle.kb-t{ margin:0 0 10px; }
.main.mac-reset.mac-reset .safe .key-box p{ font-size:12px; line-height:1.6; color:#333; margin:0; }/* macL3 retrofit: 本文=12/1.6 */
.main.mac-reset.mac-reset .safe .key-box p strong{ color:var(--color9); }
/* R2 P2-07: 中央浮きバッジ見出し(pm-t)→§A(6)左上隅食い込みnavy帯へ（文言ラベルの board見出しは帯で受ける＝中央食い込みは番号バッジ専用）。
   外殻も標準board 60px 18px 20px（上60px=帯の食い込み逃げ）へ。 */
.main.mac-reset.mac-reset .safe .promise{ position:relative; background:var(--color10); border-radius:5px; padding:60px 18px 20px; margin:26px 0 0; overflow:hidden; }
.main.mac-reset.mac-reset .safe .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.4; }
.main.mac-reset.mac-reset .safe .pl{ display:flex; flex-direction:column; gap:14px; }
.main.mac-reset.mac-reset .safe .pi{ position:relative; background:#fff; border-radius:5px; padding:15px 16px 15px 50px; }
.main.mac-reset.mac-reset .safe .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.mac-reset.mac-reset .safe .pi .ck svg{ width:14px; height:14px; display:block; }
.main.mac-reset.mac-reset .safe .pi .px{ font-size:12px; line-height:1.6; color:#333; }/* macL3 retrofit: 本文=12/1.6 */
.main.mac-reset.mac-reset .safe .pi .px b{ display:block; font-size:15px; color:var(--color4); line-height:1.3; margin-bottom:3px; }/* macL3 retrofit: カードタイトル=15/lh1.3（14.5px off-scale是正） */
.main.mac-reset.mac-reset .safe .pi .px .pd{ display:block; font-size:12px; line-height:1.6; color:#333; }/* R3 P1-04: 白地節(safe)上の淡地note→A系統弱グロー影で分離。 */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .safe .note{ background:transparent; border:1px solid var(--color7); }/* macL3 retrofit golden §6: note=11/color3/影なし。白節→透明+border var(--color7) で可視化 */
.main.mac-reset.mac-reset .safe .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.mac-reset.mac-reset .safe .note .n-i svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .safe .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (max-width:750px){
  /* R4 P2-02: promise は pm-t 食い込み帯付き標準board → SP逃げを §B-3『58px 12px 16px』へ
     （worry/cheatsheet/card-hi のSP padding に揃え、全boardの帯食い込みSP逃げを対称化）。 */
  .main.mac-reset.mac-reset .safe .promise{ padding:58px 12px 16px; }
  .main.mac-reset.mac-reset .safe .promise .pm-t{ font-size:14px; padding:6px 16px; }
}
@media (min-width:751px){
  .main.mac-reset.mac-reset .safe .thisinner{ max-width:1000px; }
  .main.mac-reset.mac-reset .safe .safe-lead{ max-width:780px; }
  .main.mac-reset.mac-reset .safe .pl{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}

/* ---- lock（アクティベーションロックを残さない）/ copy: _craft/lock/variant-1.html ----
   §B-5→R3: 色地partは内側padding必須（接触回避）。steps と同じ 44px 0。 */
.main.mac-reset.mac-reset .lock{ background:var(--color10); margin:0; padding:30px 0; }/* macL3 retrofit: 色節 margin:0+padding:30（二重解消） */
.main.mac-reset.mac-reset .lock .thisinner:not(.narrow){ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-08-30 critic r4 P1: 節本文用の広い器が、節末尾に差し込んだ CTA帯の .thisinner.narrow まで巻き込み、PC で同じ CTA 部品が 750px(canon) と 1000px の2サイズになっていた（帯高 409 vs 440・ボタン画像 355 vs 480）→ :not(.narrow) で除外 *//* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* R1-03: 独立浮きeyebrow撤去（§A(2)）。冒頭はsum-leadへ。 */
.main.mac-reset.mac-reset .lock .lock-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=12/1.6/margin20 */
.main.mac-reset.mac-reset .lock .lock-lead .kw{ color:var(--color9); font-weight:700; }/* macL3 retrofit: 明地のinline強調は color9 一色 */
/* R4 P2-10: SVG 92→120px 拡大＋枠padding 18→12px 詰めで図/枠余白比を是正（重心の抜け解消）。 */
/* 2026-08-27: cross-page canon（refer/shared-component-library.md §3「mac macL9 を正本」＝gap16 / padding 14px 16px / figcaption 11px）へ統一。3ページで 11px/11px 13px にドリフトしていた */
.main.mac-reset.mac-reset .lock .lock-fig{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 0; }/* user 2026-06-28: lock-fig 2カラム（アイコン左｜キャプション右） */
.main.mac-reset.mac-reset .lock .lock-fig svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .lock .lock-fig figcaption{ flex:1; min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; text-align:left; }/* macL3 retrofit: figcaption=11 / L9 2カラム右 */
.main.mac-reset.mac-reset .lock .check-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.mac-reset.mac-reset .lock .ci{ position:relative; background:#fff; border-radius:5px; padding:16px 16px 16px 56px; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.mac-reset.mac-reset .lock .ci .ck{ position:absolute; left:14px; top:14px; width:30px; height:30px; background:#16AEB1; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main.mac-reset.mac-reset .lock .ci .ck svg{ width:15px; height:15px; display:block; }
.main.mac-reset.mac-reset .lock .ci .cq{ display:block; font-weight:700; color:var(--color4); font-size:15px; line-height:1.5; }
.main.mac-reset.mac-reset .lock .ci .cq .num{ display:inline-block; font-size:11px; font-weight:700; color:#fff; background:var(--color9); border-radius:3px; padding:2px 8px; margin-right:8px; vertical-align:2px; line-height:1.3; }
.main.mac-reset.mac-reset .lock .ci .ca{ display:block; font-size:12px; color:#333; line-height:1.6; margin-top:5px; }/* macL3 retrofit: 本文=12/1.6 */
.main.mac-reset.mac-reset .lock .ci .ca .kw{ color:var(--color9); font-weight:700; }
/* R4 P2-05: lock も淡地(--color10)節で .ci 白カードと同色 → 白note にA系統弱グロー影を付け図地分離を全noteで対称化（新色なし）。 */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .lock .note{ background:#fff; }/* macL3 retrofit golden §6: note=11/color3/影なし。色節→白bg */
.main.mac-reset.mac-reset .lock .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.mac-reset.mac-reset .lock .note .n-i svg{ width:100%; height:100%; display:block; }
@media (max-width:750px){
  .main.mac-reset.mac-reset .lock .ci{ padding:14px 14px 14px 52px; }
}
@media (min-width:751px){
  .main.mac-reset.mac-reset .lock .thisinner:not(.narrow){ max-width:1000px; }/* 2026-08-30 critic r4 P1 */
  .main.mac-reset.mac-reset .lock .lock-lead{ max-width:780px; }
}

/* ---- trouble（初期化できない早見表）/ copy: _craft/trouble/variant-1.html ----
   §B-5: part縦padding撤去（節間=テーマmargin clamp(40,60)・R1-01） */
.main.mac-reset.mac-reset .trouble .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* R1-03: 独立浮きeyebrow撤去（§A(2)）。冒頭はsum-leadへ。 */
.main.mac-reset.mac-reset .trouble .tr-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=12/1.6/margin20 */
.main.mac-reset.mac-reset .trouble .tr-lead .kw{ color:var(--color9); font-weight:700; }
.main.mac-reset.mac-reset .trouble .tr-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.mac-reset.mac-reset .trouble .tc{ border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.mac-reset.mac-reset .trouble .tc .tc-head{ display:flex; align-items:center; gap:11px; background:var(--color10); padding:11px 14px; border-bottom:1px solid var(--color7); }
/* R3-fidelity: 症状アイコンの存在感を 40→48px へ（金型の72pxヒーロー抑揚へ歩み寄り。SVGは既にDNA-11白円3トーン内包＝チップ化済み）。早見表の症状スキャン性を保つため card-list 形式自体は維持（単一attention箱化は症状走査性を損なうため不採用）。 */
.main.mac-reset.mac-reset .trouble .tc .tc-ic{ flex:0 0 48px; width:48px; height:48px; }
.main.mac-reset.mac-reset .trouble .tc .tc-ic svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .trouble .tc .tc-q{ min-width:0; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.mac-reset.mac-reset .trouble .tc .tc-body{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; }/* macL3 retrofit: 本文=12/1.6 */
.main.mac-reset.mac-reset .trouble .tc .tc-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.mac-reset.mac-reset .trouble .tc .tc-body strong{ color:var(--color9); }
/* 2026-08-30 critic D6 / scrutiny A1: .tc.warn（コーラル下罫＋コーラル glow）の2ルールを撤去＝navy 単一家族（金型 airpods extra.css:624「tc.warn は無効化」・ipad r10 canon）。HTML 側の class も外した（tc warn 0件） */
/* R3 P1-04: 白地節(trouble)上の淡地note→A系統弱グロー影で分離。 */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .trouble .note{ background:transparent; border:1px solid var(--color7); }/* macL3 retrofit golden §6: note=11/color3/影なし。白節→透明+border var(--color7) で可視化 */
.main.mac-reset.mac-reset .trouble .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.mac-reset.mac-reset .trouble .note .n-i svg{ width:100%; height:100%; display:block; }@media (min-width:751px){
  .main.mac-reset.mac-reset .trouble .thisinner{ max-width:1000px; }
  .main.mac-reset.mac-reset .trouble .tr-lead{ max-width:780px; }
  .main.mac-reset.mac-reset .trouble .tr-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}

/* ---- highsell（高く売る＋買取vs下取り比較）/ copy: _craft/highsell/variant-1.html ----
   §B-5→R3: 色地partは内側padding必須（接触回避）。steps と同じ 44px 0。 */
.main.mac-reset.mac-reset .highsell{ background:var(--color10); margin:0; padding:30px 0; }/* macL3 retrofit: 色節 margin:0+padding:30（二重解消） */
.main.mac-reset.mac-reset .highsell .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }/* 2026-06-15: テーマ素 .thisinner(style.css:1176-1178) と完全一致へ。前回の max-width:1000px+padding16px は実コンテンツ968px＝テーマ(1000-1080px)より狭かった（ユーザー指摘）。calc(100%-40px)+clampで広画面1080pxまで伸ばす */
/* R1-03: 独立浮きeyebrow撤去（§A(2)）。冒頭はsum-leadへ。 */
.main.mac-reset.mac-reset .highsell .hs-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=12/1.6/margin20 */
.main.mac-reset.mac-reset .highsell .hs-lead .kw{ color:var(--color9); font-weight:700; }
/* R2 P2-08: スタックgap §D 14px統一（12→14）。 */
.main.mac-reset.mac-reset .highsell .deflist{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
.main.mac-reset.mac-reset .highsell .di{ background:#fff; border-radius:5px; padding:15px 16px; }/* macL3 retrofit: 補足カード .di は影なし（golden） */
.main.mac-reset.mac-reset .highsell .dt{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:var(--color4); line-height:1.3; }/* macL3 retrofit: カードタイトル lh1.3 */
.main.mac-reset.mac-reset .highsell .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; }
.main.mac-reset.mac-reset .highsell .dd{ font-size:12px; line-height:1.6; color:#333; margin-top:8px; }/* macL3 retrofit: 説明文body=12/1.6（golden dd） */
.main.mac-reset.mac-reset .highsell .dd a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* R2 P2-06: hs-h4 独自太字navy→ .line-btitle 二重罫へ統一。余白のみ（C段30）。 */
.main.mac-reset.mac-reset .highsell .line-btitle.hs-h4{ margin:20px 0 8px; }/* macL3 retrofit: h3上余白=20 */
.main.mac-reset.mac-reset .highsell .hs-sub{ font-size:12px; line-height:1.6; color:#333; margin:0 0 6px; }/* macL3 retrofit: 補足説明文body=12/1.6 */
.main.mac-reset.mac-reset .highsell .hs-sub a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* R2 P2-12: .t → .compare-table へリネーム。列幅 inline style 廃止しCSSへ。色作法は§A(5)維持。 */
/* 2026-07-26 共通化: font-size は _shared canon（SP td12→PC14）へ委譲（同上）。table-layout:fixed／min-width:480（:925）は
   横スクロール要否＝節固有コンテキストなので残す。 */.main.mac-reset.mac-reset .highsell .compare-table{ width:100%; margin:0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table *//* macL3 retrofit: margin は scroll-wrapper へ移譲 */
.main.mac-reset.mac-reset .highsell .compare-table th:first-child{ width:28%; }
/* R1-05: 買取列の色地ベタ塗り（th #1497B1 cyan / td #EAF6F7）撤去＝§A(5)はth地をnavy(--color9)が正規・§Dはcyanベタ撒き禁止。
   買取列の優位性は td内 strong{color:--color9} とコピー側ジャンプ（「専門査定で高くなりやすい」）で表現する。 */
/* 2026-07-26 共通化: font-size は _shared canon（SP13→PC15）へ委譲＝th<td 逆転(ledger#31)の防止。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table th *//* macL3 retrofit: lh1.3 */
/* R1-04: cell罫を最淡 var(--border)・td.lbl地を var(--color10) へ（#E4E9F1/#F7FAFD トークン外を排除） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table td */
/* R3 P2-06: 列塗り(td.lbl/td.kaitori の列背景)→§A(5) 行zebra へ統一（model表と同作法）。買取列の優位は td strong{color:--color9} とコピー側ジャンプで表現。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table td strong */
/* R4 P2-11: 比較表の優劣ジャンプを strong文字色だけに依存させず1段付与（列ベタ塗りには戻さない・新色なし）。
   優位列(.kaitori＝買取)の th/td に navy左罫アクセント(2px var(--color9))＋strong font-weight800 で「どちらが得か」をスキャン時に立ち上げる。
   th はnavyベタ地のため左罫は淡青(#9DB8E6)で受け、td(白/zebra)は navy左罫。模様付けは罫のみ＝§A(5) zebra/th地は不変。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table th.kaitori *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table td.kaitori *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .highsell .compare-table td.kaitori strong */
/* ★2026-06-15 表罫の根治: テーマ素reset(style.css:33,46 table,td,th{border:1px solid #333})が compare-table の bottom/left/right・外枠・th に #333濃線として残存していた（前回はborder-top1辺だけ--borderへ上書き＝他3辺が#333のままユーザー指摘の「濃い線」）。全辺border:0で#333を一掃し、行区切りは td上辺の最淡 var(--border)#F1F8FF＋zebra(--color10)のみに統一。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table,.main.mac-reset .model .compare-table th,.main.mac-reset .model .compare-table td,.main.mac-reset .highsell .compare-table,.main.mac-reset .highsell .compare-table th,.main.mac-reset .highsell .compare-table td */
/* R3-fidelity DNA-6/§3-E: 行罫を実線#F1F8FF(ほぼ不可視)→テーマ署名の破線 1px dashed var(--color7) へ。値列間に border-left 破線を追加しマトリクスの区切りリズムを回復。
   ※<table>要素は比較データの意味論的正解（SEO/アクセシビリティ）として意図的に保持し、見た目だけ金型の div マトリクス（navy th・破線hairline・zebra・5px・影A）へ一致させる方針（文法の no-table は様式規約であり、識別不能なら意味論優先）。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table td,.main.mac-reset .highsell .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .model .compare-table td:not(:first-child),.main.mac-reset .highsell .compare-table td:not(:first-child) */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .highsell .note{ background:#fff; }/* macL3 retrofit golden §6: note=11/color3/影なし。色節→白bg */
.main.mac-reset.mac-reset .highsell .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.mac-reset.mac-reset .highsell .note .n-i svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .highsell .note .kw{ color:var(--color9); font-weight:700; }
.main.mac-reset.mac-reset .highsell .hs-cta{ display:flex; flex-direction:column; gap:10px; align-items:center; margin-top:20px; }
/* R3 P2-05: 自作完全ピル(radius:999px)→§A角丸5px基調へ統一（fill/outlineのnavy階調色は維持）。 */
.main.mac-reset.mac-reset .highsell .hs-cta a{ display:inline-flex; align-items:center; justify-content:center; gap:6px; max-width:400px; width:100%; box-sizing:border-box; font-weight:bold; font-size:14px; border-radius:5px; padding:13px 20px; text-decoration:none; }
.main.mac-reset.mac-reset .highsell .hs-cta a.outline{ background:#fff; border:2px solid var(--color9); color:var(--color9); }.main.mac-reset.mac-reset .highsell .hs-cta a.fill{ background:var(--color9); color:#fff; }
.main.mac-reset.mac-reset .highsell .hs-cta a:after{ content:""; width:15px; height:11px; background:url(../images/mac-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
.main.mac-reset.mac-reset .highsell .hs-cta a.fill:after{ filter:brightness(0) invert(1); }
@media (min-width:751px){
  .main.mac-reset.mac-reset .highsell .thisinner{ max-width:1000px; }
  .main.mac-reset.mac-reset .highsell .hs-lead{ max-width:780px; }
  .main.mac-reset.mac-reset .highsell .deflist{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }/* 2026-08-30 critic D1: 3枚＝3列（2列だと3枚目が孤立） */
}

/* ---- .mac-photo（2026-08-30 critic r5 手2 / B4）= 金型 build/ipad-reset/extra.css:936-939・948-950 の .ipad-photo と同レシピ。
   差分は素材のアスペクトだけ（ipad=280x280 正方形 / mac=4096x2260 横長 1.812:1）＝幅と :after の高さのみページ側で持つ。
   :after は「画像領域だけ」に navy .07 を重ねる（figcaption は白のまま）ので、高さ = 表示幅 ÷ 1.812。 */
.main.mac-reset.mac-reset .model .mac-photo{ position:relative; width:260px; margin:18px auto 16px;/* 2026-08-30 r7: figure を h3 直下（.sim-table の直前）へ移動＝下に続く2枚のカードとの間隔を旧 h3 の margin-bottom(16px) と同値で確保 */ border:1px solid var(--color7); border-radius:5px; overflow:hidden; background:#fff; }
.main.mac-reset.mac-reset .model .mac-photo:after{ content:""; position:absolute; left:0; top:0; right:0; height:143px; background:rgba(34,73,149,.07); pointer-events:none; }
.main.mac-reset.mac-reset .model .mac-photo img{ width:100%; height:auto; display:block; }
.main.mac-reset.mac-reset .model .mac-photo figcaption{ position:relative; z-index:1; background:#fff; border-top:1px solid var(--color7); padding:8px 10px; font-size:11px; line-height:1.6; color:var(--color13); text-align:center; }
@media (min-width:751px){
  .main.mac-reset.mac-reset .model .mac-photo{ width:300px; }
  .main.mac-reset.mac-reset .model .mac-photo:after{ height:166px; }
  .main.mac-reset.mac-reset .model .mac-photo figcaption{ font-size:13px; }/* PC 補足13（golden §5・ipad-reset:949 と同じ扱い） */
}

/* ---- photo-band（2026-08-30 critic D3）= build/ipad-reset/extra.css:940-945 と同値（器の原典 apple-machine/extra.css:448-450: 21:9・color7 罫・navy overlay .08）。
   _shared に実体なし＝apple-machine / ipad-reset / mac-reset の3ページ同値複製（将来 _shared へ de-dup 候補・3ページ同時）。 */
/* 2026-08-31 _shared 昇格: position/border/border-radius/overflow は _shared（photo-band canon）へ移動 */
.main.mac-reset.mac-reset .photo-band{ margin:20px 0 16px; aspect-ratio:21/9; }
/* 2026-08-31 _shared 昇格: .main.mac-reset .photo-band:after { content; position; inset; background; pointer-events } は build/_shared/components.css（photo-band canon）へ移動＝ここでは複製しない */
/* 2026-08-31 _shared 昇格: width/display は _shared（photo-band canon）へ移動 */
.main.mac-reset.mac-reset .photo-band img{ height:100%; object-fit:cover; object-position:left center; }/* left: 960×270 素材の右端スマホを枠外に（ipad と同） */
@media (min-width:751px){
  .main.mac-reset.mac-reset .photo-band{ max-width:760px; margin-left:auto; margin-right:auto; }
}

/* ============================================================
   [M] Mac固有の追加（金型に無い2点だけ・navy系トークンのみ）
   ============================================================ */

/* ---- [M-1] selector-card（チップ判別の濃色ナビ選択カード） ----
   構成案 #selector の「あなたのMacはどっち？」3択。金型 quick .card-hi / safe .promise の
   navyベタ帯＋淡地カード作法ではなく、選択を促す“濃色ナビカード”として promise(#0E2440〜#1C3E6C)系の
   濃色面を流用（FV/promiseと同じ濃色トーン）。新色なし＝濃紺(--color4)〜navy(--color9)階調＋#9DB8E6補助。 */
.main.mac-reset.mac-reset .selector .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }
.main.mac-reset.mac-reset .selector .sel-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* macL3 retrofit: 導入文=12/1.6/margin20 */
.main.mac-reset.mac-reset .selector .sel-lead strong{ color:var(--color9); font-weight:700; }/* macL3 retrofit: 明地のinline強調は color9 一色 */
.main.mac-reset.mac-reset .selector .sel-lead .kw{ color:var(--color9); font-weight:700; }
.main.mac-reset.mac-reset .selector .selector-card{ position:relative; background:var(--color4); border-radius:5px; padding:22px 18px 20px; margin:24px 0 0; overflow:hidden; }/* 2026-08-30 scrutiny A7: トークン外 #0E2440/#1C3E6C グラデ → --color4 #14355D ベタ（h2.line-title と同色＝テーマ語彙） *//* macL3 retrofit: solid bg fallback で図地分離（透過fall-through回避） */
.main.mac-reset.mac-reset .selector .selector-card .sc-t{ color:#fff; font-size:16px; font-weight:bold; line-height:1.5; margin:0 0 4px; }
.main.mac-reset.mac-reset .selector .selector-card .sc-s{ color:#9DB8E6; font-size:12px; line-height:1.6; margin:0 0 14px; }
.main.mac-reset.mac-reset .selector .selector-card .sgrid{ display:flex; flex-direction:column; gap:11px; }
.main.mac-reset.mac-reset .selector .selector-card .sgrid a{ display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto 1fr auto; column-gap:12px; align-items:start; background:var(--color9); border:1px solid rgba(157,184,230,.35); border-radius:5px; padding:14px 15px; text-decoration:none; }/* 2026-08-30: #16335C→--color9 #224995（--color4 パネル上のカード）。grid= 左列にメダリオン（3行 span）・右列 見出し/本文/矢印ラベル（本文行が 1fr で伸び、3カードの矢印ラベル位置が揃う） */
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .sc-ic{ grid-column:1; grid-row:1 / span 3; width:48px; height:48px; line-height:0; }/* 2026-08-30 scrutiny r2 N2-2: 42/38px では3枚のグリフ差が読めない（弁別がこの節の唯一の役割）→ 同ページ既存 tier の 48px（.tc-ic）へ格上げ。SP/PC 同値。 */
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .sc-ic svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .ch,
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .cd,
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .cg{ grid-column:2; }/* macL3 retrofit: 半透明白→solid navy（濃色面で光文字を高コントラストに・harness F誤算定回避） */
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .ch{ display:block; font-size:14px; font-weight:700; color:#fff; line-height:1.45; }
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .cd{ display:block; font-size:12px; color:#CFE0F4; line-height:1.6; margin-top:4px; }/* macL3 retrofit: 1.7→1.6 */
.main.mac-reset.mac-reset .selector .selector-card .sgrid a .cg{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:var(--color4); background:#9DB8E6; border-radius:4px; padding:3px 10px; margin-top:9px; justify-self:start; align-self:end; }.main.mac-reset.mac-reset .selector .selector-card .snote{ font-size:11px; color:#9DB8E6; line-height:1.6; margin-top:14px; padding-top:13px; border-top:1px solid rgba(157,184,230,.25); }/* selector 配下の compare-table（早見表）は model のものを共有
   2026-07-26 共通化: font-size（td12/th13→PC14/15）は _shared canon へ委譲。地色/影/列幅/罫は節固有として残す。 */.main.mac-reset.mac-reset .selector .compare-table{ width:100%; margin:0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table *//* macL3 retrofit: margin は scroll-wrapper へ移譲 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table th *//* macL3 retrofit: lh1.3 */
/* 2026-08-30 scrutiny r3 M-1 で失効（列比は [SH] ブロックの `.selector .compare-table-scroll .compare-table th:nth-child(1..3)` が唯一の実体。旧値 40/32/28 は min-width:480px 前提の配分だった）: .main.mac-reset .selector .compare-table th:first-child{ width:40%; }  .main.mac-reset .selector .compare-table th:nth-child(2){ width:32%; }  ／ 旧記録: 2026-08-30 scrutiny B3: 46/27/27→40/32/28（2列目「消去アシスタント」7字の1字孤立解消） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table td:not(:first-child) *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table td.ok *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table td a *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table td strong */
/* 2026-07-26 共通化(ledger#45): canon と同値の宣言を _shared/components.css:32 へ委譲し、コンテキスト差分(背景/罫)のみ残置。節スコープ(0,4,0)で再宣言すると共通PC tier(0,3,0)に勝ち、PCで note が 11px 据置になる（golden=PC 13px・aquos/corporate/pixel/galaxy 実測13px）。 */
.main.mac-reset.mac-reset .selector .note{ background:#fff; }/* macL3 retrofit golden §6: note=11/color3/影なし。色節→白bg */
.main.mac-reset.mac-reset .selector .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.mac-reset.mac-reset .selector .note .n-i svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .selector .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }@media (min-width:751px){
  .main.mac-reset.mac-reset .selector .thisinner{ max-width:1000px; }
  .main.mac-reset.mac-reset .selector .sel-lead{ max-width:780px; }
  /* 2026-08-30 critic r6 対応（r7）: 同上。selector-card だけ 860px だと、同じ節の直下にある早見表（1000px）とも段が揃わなかった。 */
  /* 2026-08-31 scrutiny r5 H-1（r10）: 3カラム化の開始点を 751 → 1000 へ上げ、751-999 は2カラム。
     r9 で .ch/.cd を PC tier（16/15）へ上げたのと3カラム化が同じ 751px だったため、751-999 帯だけ本文欄が
     125-131px＝**8.3/8.7em** に潰れていた（コホート最小 apple-machine 11.1em の 25% 下・「タントが」「使えます。」の
     4-5字連続行・カード高 280px は @1280 の 185px より 51% 高い＝帯だけが全幅域で最も高い）。
     .sgrid a は左列に 48px メダリオン＋gap12＋padding30 を持つ＝同じ列数でも deflist より本文欄が 60px 狭い。
     実測で決めた（4案 A/B・幅 375/390/751/768/900/1000/1024/1280/1440）:
       1列化(scrutiny 案a) = 38.9-48.8em で measure が伸びすぎ＋1000 で高さ +72px の段差
       font 据置(案b)      = 10.4/10.9em でコホート最小 11.1em を下回り未解決
       **2列(採用)**       = 751:16.0em / 768:16.5em ＝金型 ipad・galaxy の @768（16.9em）と同レンジ。
                             カード高 185/185/161/185.8/185（751→1440）で 751-999 帯の突出が消える。
     列数ではなく **本文 measure** を金型に合わせる（同じ節の早見表・#highsell deflist は 751 から3列＝13.0-13.4em で
     アイコンを持たないため潰れない＝r8 で3列へ戻した判断はそのまま有効）。3枚を2列に置くと最終行は半幅1枚になるが、
     これは同ページ #worry の .wl / .pi（r9 A-3 で半幅へ戻した）および金型 ipad/galaxy/airpods と同じ canon
     （r8 で差し戻された「3枚目だけ全幅 728px」とは別物＝本変更では3枚とも同幅 331.5px）。 */
  .main.mac-reset.mac-reset .selector .selector-card .sgrid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .selector .compare-table */
}
@media (min-width:1000px){
  /* 上記 H-1: 1000px 以上で本来の3カラム（@1024 14.4em / @1280 14.8em＝r9 の到達点をそのまま維持）。 */
  .main.mac-reset.mac-reset .selector .selector-card .sgrid{ grid-template-columns:1fr 1fr 1fr; }
}

/* ---- [M-2] steps-legacy（旧機種 Recovery 手順＝2本目のステッパー） ----
   .steps と同一あしらいを共有。
   macL3 retrofit: 旧 steps-legacy は white地にしていたが、内部の白 .proc-step カードが「白on白」で埋もれた（harness B）。
   金型 galaxy の steps 同様 color10 地（.part.steps 継承）に統一＝白カードが色地で分離。
   latest(色) と legacy(色) の間には full-bleed 白CTA帯（latest 末尾の .connection.partbg）が入り色域を分断するため、色×色の連続には見えない（区切り線不要）。 */
.main.mac-reset.mac-reset .steps .op-box .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.3; }/* macL3 retrofit: 見出しtier lh1.3 */
.main.mac-reset.mac-reset .steps .op-box .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* macL7: 本文role golden=12（L290を上書きしていた高specificity規則を是正・galaxy:504/aquos:444） */
.main.mac-reset.mac-reset .steps .op-box{ min-width:0; }
/* steps 内の inline 注意（消去アシスタント非対応→旧機種へ）= step-note 共有。追加なし。 */

/* ============================================================
   [MAC-ICON] navy Mac デバイスアイコン（概念図のみ・発明アイコンは macL3 で除去）
   素材: library/icons/mac/mac-laptop.svg (Adobe Stock 533295062)。fill="currentColor"。
   ★macL3 retrofit（memory no-invented-embellishments・page-qa-audit 発明アイコン検出）:
     金型に無い「見出し内アイコン(.lt-ic/.has-mac-ic)」「FV見出し上(.fv-device-icon)」「カード/表ラベルのチップ(.mdl-ic)」は
     発明装飾＝HTML/CSSとも撤去。worry/sim/lock の概念図 .mac-fig-ic は金型 worry .wic と同じ「箱内の概念デバイス図」＝残す。
   ============================================================ */
/* worry 1枚目 / sim-fig / lock-fig の概念デバイス図。macL8: viewBox1000の単色アウトラインMac→
   金型 airpods worry .wic と同family の MacBookメダリオン（viewBox103・白円r51.5＋navy3トーン ソリッド・明示fill）へ差替。
   SVG内で全fillを明示するため color(currentColor) は不要だが、line-height:0 は箱内余白の崩れ防止で維持。 */
.main.mac-reset.mac-reset .mac-fig-ic{ color:var(--color9); line-height:0; }
.main.mac-reset.mac-reset .mac-fig-ic svg{ width:100%; height:100%; display:block; }
.main.mac-reset.mac-reset .lock .lock-fig .mac-fig-ic{ display:block; flex:0 0 auto; width:74px; height:74px; }/* L9: 2カラム左・120→92 */
.main.mac-reset.mac-reset .worry .worry-board .wi .wic.mac-fig-ic{ width:42px; min-width:42px; height:42px; }
@media (max-width:750px){
  .main.mac-reset.mac-reset .worry .worry-board .wi .wic.mac-fig-ic{ width:38px; min-width:38px; height:38px; }
}

/* ============================================================
   [SH] ScrollHint（compare-table 横スクロール）= build/xperia-reset/extra.css:248-271 を verbatim・.main.mac-reset へ再scope
   表を .compare-table-scroll>.cts-inner.swipe-hint で包み、収まらない3列表（selector/models/sell）に min-width で横スクロール＋theme scroll-hint.js。
   表 margin は wrapper(margin-top:18px)へ移譲（table 側 margin:0 は font script で適用済）。自作 .hscroll/CSS mask は不使用（鉄則13）。
   ============================================================ */.main.mac-reset.mac-reset .compare-table-scroll{ margin-top:18px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb */
.main.mac-reset.mac-reset .compare-table-scroll .compare-table{ margin:0; }
/* 3列表（selector/models/sell＝.compare-table）は 390px に table-layout:fixed で潰すと読みづらい→ min-width:480px で横スクロール（xperia .highsell:480 と同値） */
/* ★2026-08-30 scrutiny r3 M-1: min-width:480px を **比較表（#sell）だけ** に限定し、早見表2つ（#models / #selector）は 360px に収める。
   何が問題だったか（実測@390・before）: 両表とも client 360 / scroll 480 / overflow 120 で、3列目「進む手順」の可視率が
   #models 24.2% ／ #selector 10.7%。#models はリンクが「最新」「旧機」で右端に切れ、初見で「文字が欠けた壊れた表」に見えていた。
   金型の使い分け: airpods #model の同種3列早見表は min-width:0 / tableW 360 / overflow 0（3列とも100%可視）＝360px に収める作法。
   min-width:480 + 横スクロールは金型でも「買取 vs 下取り」比較表専用（airpods #compare / ipad #highsell）で、mac の #sell はこれと同型なので据え置き。
   ScrollHint のラッパー（.compare-table-scroll > .cts-inner.swipe-hint）は金型 airpods #model が overflow 0 でも作法統一のため残しているので、こちらも残す。 */
.main.mac-reset.mac-reset .highsell .compare-table-scroll .compare-table{ min-width:480px; }
.main.mac-reset.mac-reset .models .compare-table-scroll .compare-table,
.main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table{ min-width:0; width:100%; }
/* 列比（作法出典 = airpods/extra.css:700-707 の `th:nth-child(1..3)` を SP/PC で出し分ける形）。
   下限の裏取り（375/390/768/1280 の4幅で実測）: 3列目は最長セル「旧機種手順」（nowrap・SP 12px×5字＝60px）＋canon padding 14px×2＝88px、
   th「進む手順」（SP 13px×4字＝52px）＋28＝80px が 1行で入ること。2列目は th「近年モデルのチップ」117px／「消去アシスタント」104px が
   1行で入ること。1列目は最長の非分割トークン（"MacBook" ≒46px／"Silicon" ≒45px）が入ること。 */
/* 33/41/26 → 31/43/26（@375 実測で th「近年モデルのチップ」9字＝117px が内容幅 113.4px に 3.6px 足りず「プ」1字の泣き別れになった。
   1列目は最長の非分割トークン "MacBook"≒46px に対し @375 で内容幅 79.0px あり余裕がある側なので、そこから 2% を2列目へ回す） */
.main.mac-reset.mac-reset .models .compare-table-scroll .compare-table th:nth-child(1){ width:31%; }
.main.mac-reset.mac-reset .models .compare-table-scroll .compare-table th:nth-child(2){ width:43%; }
.main.mac-reset.mac-reset .models .compare-table-scroll .compare-table th:nth-child(3){ width:26%; }
.main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table th:nth-child(1){ width:35%; }
.main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table th:nth-child(2){ width:39%; }
.main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table th:nth-child(3){ width:26%; }
@media (min-width:751px){
  /* PC は幅に余裕があるぶん3列目を詰めて本文列へ回す（airpods #model の PC 24/64/12 と同じ考え方） */
  .main.mac-reset.mac-reset .models .compare-table-scroll .compare-table th:nth-child(1){ width:32%; }
  .main.mac-reset.mac-reset .models .compare-table-scroll .compare-table th:nth-child(2){ width:50%; }
  .main.mac-reset.mac-reset .models .compare-table-scroll .compare-table th:nth-child(3){ width:18%; }
  .main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table th:nth-child(1){ width:42%; }
  .main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table th:nth-child(2){ width:38%; }
  .main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table th:nth-child(3){ width:20%; }
}
@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.mac-reset .compare-table-scroll .scroll-hint-shadow-wrap */.main.mac-reset.mac-reset .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.mac-reset.mac-reset .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon */.main.mac-reset.mac-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.mac-reset.mac-reset .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon:before */.main.mac-reset.mac-reset .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){
  .main.mac-reset.mac-reset .selector .compare-table-scroll .compare-table,
  .main.mac-reset.mac-reset .model .compare-table-scroll .compare-table,
  .main.mac-reset.mac-reset .highsell .compare-table-scroll .compare-table{ min-width:0; width:100%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table-scroll .scroll-hint-icon-wrap */
}

/* ============================================================
   [CN] 中間CTA帯 .connection.partbg（latest 末尾・full-bleed 白CTA）= galaxy-reset cta-reset 作法（spacing-divider §3）
   背景=白 full-bleed（color域から抜く clean な CTA）＋上下30 breathing。latest(色)→白帯→legacy(色) で色域を分断＝色×色の連続に見えない（区切り線不要）。
   theme .connection.partbg(bg=color10/padding22) を白30へ上書き（!important で theme特異度に勝つ）。最終 #cta(.part.connection 非partbg=白地節) は触らない。
   ============================================================ */
.main.mac-reset.mac-reset .connection.partbg{ background:#fff !important; border:0 !important; padding-top:30px !important; padding-bottom:30px !important; margin:0 !important; }
/* connection-note2/connection-note を golden §6 へ＝note=11px。白CTA帯(#fff)上の白注記(#fff)は白on白で埋もれる→淡罫 var(--color7) で分離（galaxy 同・harness B）。padding-left は cn-i 用に維持。 */

/* ============================================================
   [R] PC(デスクトップ)タイポ調整 ── @media(min-width:751px) のみ＝SP(390px)は一切不変。
   memory pc-typography-bespoke-scaling-golden / galaxy [R]:638-686 と同型・mac class へ調整。
   根拠: テーマは本文を SP12px→PC~15px に拡大する設計（body clamp style.css:1130 / .line-content PC15px）。
   bespoke節が font-size:12px をメディア外固定だと PCで拡大せず本文12↔15.45px に割れ＋1000px幅で間延び（harness D「PC本文未拡大」）。
   正値（テーマPC実測接地）: 本文=15 / カードタイトル=16 / 補足・note=13 / board-head=20 / 表 td14・th15。
   ============================================================ */
@media (min-width:751px){
  /* 本文/リード/説明文/カード本文 → 15px */
  .main.mac-reset.mac-reset .dd,
  .main.mac-reset.mac-reset .steps .op-d,
  .main.mac-reset.mac-reset .steps .op-box .op-d,
  .main.mac-reset.mac-reset .steps .sc-item .sc-a,/* 2026-08-31 scrutiny r4 A-2: 旧 '.steps .sc-a'(0,3,0) は :236 '.steps .sc-item .sc-a'(0,4,0) に負けて死んでいた（PC も 12px のまま）。金型 build/ipad-reset/extra.css:855 と同じ特異度へ上げて生かす */
  .main.mac-reset .quick .card-hi p,
  .main.mac-reset.mac-reset .safe .key-box p,
  .main.mac-reset.mac-reset .safe .pi .px,
  .main.mac-reset.mac-reset .safe .pi .px .pd,
  .main.mac-reset.mac-reset .worry .pi .px,
  .main.mac-reset.mac-reset .worry .pi .px .pd,
  .main.mac-reset.mac-reset .worry .worry-board .wi,
  .main.mac-reset.mac-reset .worry .worry-lead,
  .main.mac-reset.mac-reset .quick .quick-lead,
  .main.mac-reset.mac-reset .selector .sel-lead,
  .main.mac-reset.mac-reset .cheatsheet .cs-lead,
  .main.mac-reset.mac-reset .model .model-lead,
  .main.mac-reset.mac-reset .model .model-sub,
  .main.mac-reset.mac-reset .model .sim-d,
  .main.mac-reset.mac-reset .force .force-lead,
  .main.mac-reset.mac-reset .force .br .br-a,
  .main.mac-reset.mac-reset .safe .safe-lead,
  .main.mac-reset.mac-reset .lock .lock-lead,
  .main.mac-reset.mac-reset .lock .ci .ca,
  .main.mac-reset.mac-reset .trouble .tr-lead,
  .main.mac-reset.mac-reset .trouble .tc .tc-body,
  .main.mac-reset.mac-reset .voice .vc-lead,
  .main.mac-reset.mac-reset .voice .vcard .vc-body,
  .main.mac-reset.mac-reset .highsell .hs-lead,
  .main.mac-reset.mac-reset .highsell .dd,
  /* 2026-08-31 scrutiny r4 A-2: #selector 判別カードの本文ロール（SP は本文 tier の 12px＝.sc-a と同値）が PC で拡大されず 12px 据置だった */
  .main.mac-reset.mac-reset .selector .selector-card .sc-s,
  .main.mac-reset.mac-reset .selector .selector-card .sgrid a .cd,
  .main.mac-reset.mac-reset .highsell .hs-sub{ font-size:15px; }
  /* カードタイトル/操作行/分岐見出し → 16px */
  .main.mac-reset.mac-reset .highsell .dt,
  .main.mac-reset.mac-reset .steps .op-t,
  .main.mac-reset.mac-reset .steps .op-box .op-t,
  .main.mac-reset.mac-reset .steps .ov-step .ov-t,
  .main.mac-reset.mac-reset .steps .sc-item .sc-q,
  .main.mac-reset.mac-reset .force .br .br-q,
  .main.mac-reset.mac-reset .worry .pi .px b,
  /* 2026-08-31 scrutiny r4 A-2: カード見出し tier の PC ルール漏れ5クラス。金型 build/ipad-reset/extra.css:876-883 は
     .ot / .sim-t / .cq / .tc-q を PC16 に揃えてある（mac だけ 15/15/15/14 のまま＝#trouble は .tc-q 14 < .tc-body 15 で階層が反転していた）。
     .ch（#selector 判別カード見出し・mac 固有ロール）も同じカード見出し tier なので同時に 16 へ。 */
  .main.mac-reset.mac-reset .cheatsheet .oi .ot,
  .main.mac-reset.mac-reset .model .sim-hx .sim-t,
  .main.mac-reset.mac-reset .lock .ci .cq,
  .main.mac-reset.mac-reset .trouble .tc .tc-q,
  .main.mac-reset.mac-reset .selector .selector-card .sgrid a .ch,
  .main.mac-reset.mac-reset .safe .pi .px b{ font-size:16px; }
  /* 補足/キャプション/note → 13px（本文との段差を保つ） */
  .main.mac-reset.mac-reset .note,
  .main.mac-reset.mac-reset .quick .simple3 .s .d,
  .main.mac-reset.mac-reset .steps .ov-step .ov-d,
  .main.mac-reset.mac-reset .steps .step-fig figcaption,
  .main.mac-reset.mac-reset .force .force-fig figcaption,
  .main.mac-reset.mac-reset .safe .safe-fig figcaption,
  .main.mac-reset.mac-reset .lock .lock-fig figcaption,
  .main.mac-reset.mac-reset .steps .step-note,
  .main.mac-reset.mac-reset .steps .sim-note,
  .main.mac-reset.mac-reset .model .sim-note,
  .main.mac-reset.mac-reset .steps .proc-micro,
  .main.mac-reset.mac-reset .why-extra .trust-note,
  /* 2026-08-31 scrutiny r4 A-2: note tier の PC ルール漏れ2クラス。金型 build/ipad-reset/extra.css:901 は .ocond を PC13 に揃えてある。
     .snote（#selector カード脚注・mac 固有ロール）も同じ note tier（SP 11px）なので同時に 13 へ。 */
  .main.mac-reset.mac-reset .cheatsheet .oi .ocond,
  .main.mac-reset.mac-reset .selector .selector-card .snote,
  .main.mac-reset.mac-reset .voice .vc-note{ font-size:13px; }/* 2026-08-28 ledger#73 修復: 閉じルール（connection-note 複製）撤去で宙に浮いたセレクタ列を独立させた */
  /* 板見出し → 20px / 比較表セル td14・th15 */
  .main.mac-reset.mac-reset .worry .worry-board .board-head{ font-size:20px; }
  /* 2026-08-30 scrutiny D2 / critic D8: #why 3枚の POINT 見出し高さを揃える backstop（1280 実測 64/50/64＝本文 top が 14px ズレ）。theme PC .point-name は flex+min-height:50（style.css:6610）＝2行分の 64 を下限に。コピー不変（2行化は strong の分割が要るため据え置き） */
  .main.mac-reset.mac-reset .reason .reason-point .point-list .point .point-name{ min-height:64px; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.mac-reset .compare-table th */
  /* 2026-07-26: PC拡大は _shared/components.css の PC tier（.main .compare-table td=14 / th=15）が単一実体。
     ページ側の節スコープ再宣言（旧 .model/.highsell/.selector の font-size:14/15）は撤去済み＝
     詳細度で共通 tier に勝つ「PC据置バグ」(ledger#33 同型)を構造的に断つ。 */
}

/* 2026-07-26 共通化: closing CTA の「上罫＋呼吸」はページ固有ではなくサイト共通の振る舞い＝
   _shared/components.css の派生クラス `.main .connection.divided` へ移設し、ここの複製2ルール
   （旧 `#cta{border-top:1px solid var(--color7)}` 2026-06-30 ＋ `#cta{padding-top:30px !important}` 2026-07-26）は撤去。
   HTML 側で `class="part connection divided"` を付与（index.html:969）。 */

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

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

/* 2026-08-27 SPガターの分裂を是正（design-quality-critic P1・390 実測でページ内 left15px と left20px が混在）。
   原因: 上の bespoke 節が `.thisinner` に **テーマのPC値** `calc(100% - 40px)`（refer/linxas-sp-0407/css/style.css:1177）を
   再宣言し、テーマが SP で `calc(100% - 30px)` へ上書きする規則（同 1186-1187）を潰していた。
   処方は金型と同一: build/airpods-reset/extra.css:837-846 の @media(max-width:750px) 一括戻し（PC の 40px は据え置き）。 */
@media (max-width:750px){
  .main.mac-reset.mac-reset .worry .thisinner,
  .main.mac-reset.mac-reset .quick .thisinner,
  .main.mac-reset.mac-reset .model .thisinner,
  .main.mac-reset.mac-reset .cheatsheet .thisinner,
  .main.mac-reset.mac-reset .voice .thisinner,
  .main.mac-reset.mac-reset .force .thisinner,
  .main.mac-reset.mac-reset .safe .thisinner,
  .main.mac-reset.mac-reset .lock .thisinner:not(.narrow),/* 2026-08-30 critic r4 P1 */
  .main.mac-reset.mac-reset .trouble .thisinner,
  .main.mac-reset.mac-reset .highsell .thisinner,
  .main.mac-reset.mac-reset .selector .thisinner{ width:calc(100% - 30px); }
}
/* 2026-08-27 再較正: lock-fig の寸法は cross-page canon（gap16/14px 16px/cap11）ではなく
   **同じページ内の同型 figure（force-fig / safe-fig＝gap11 / 11px 13px / cap13・18ページ共通）** に揃える。
   理由: 同一ページ内で同型部品が2寸法に割れる方が、ページ間の不揃いより目につく（ledger#58(a)「canon は同じ形の部品どうしで数えたときだけ成立」）。
   canon 側（shared-component-library §3 / cross-page-consistency-gate lock_fig）も同時に更新した。 */
/* 2026-08-29 gate r7 F-1 の横展開で一度線を足したが、harness A_divider が「白→色10 の色差境界＝線は過剰」と判定（bg-color-drives-divider の canon）→ 撤回。gate の「白→白」実測が誤り */

/* ============================================================
   [R2-SCRUTINY] 2026-08-30 visual-scrutiny r2（screenshots/_qa/mac-reset/visual-scrutiny-mac-r2.md）の是正
   ここに置く理由: いずれも既存ルールの上書き（後勝ち）で、元の記述位置を壊さずに差分を1箇所に集約するため。
   ============================================================ */

/* N2-1: #checklist の右端ラベルは「必須級／任意／！必須」の3値なのに chrome は2値（navy塗り or 淡地）＝
   最重要の1番（バックアップ）が「任意」と1バイト違わぬ見た目だった。第3の chrome は
   同ページ既存語彙 .tag.sky（extra.css:305 白地＋navy罫＋navy字＝「弱い塗りでない主張」）を転用。
   序列: !必須(.lab.req navy塗り) ＞ 必須級(.lab.key 白地navy枠) ＞ 任意(.lab 淡地グレー字)。
   ★2026-08-31 scrutiny r5 L-10（r10）で上の「序列」行は【失効】: 現行実装は **2段**＝!必須(.lab.req)＝**コーラル #E94F4F 塗り**（navy塗りではない・
     金型 build/ipad-reset/extra.css:508 verbatim へ復帰済み＝下の :req 行のコメント参照）／任意・推奨(.lab)＝淡地 var(--color10)＋var(--color13)。
     3段目の .lab.key（必須級）は直下の【失効】ブロックのとおり r8 で撤去済み。次に触る人が navy塗り／3段へ戻す回帰源になるため訂正する。 */
/* 2026-08-30 scrutiny r3 L-3 で失効（HTML 側の `class="lab key"` を撤去し `.lab`「推奨」＝ build/beginners-guide/index.html:586 と
   同形へ寄せた。3段目バッジ `.lab.key` と語「必須級」は build 全31ページで mac のみだった＝金型 ipad-reset は .lab / .lab.req の2段のみ）:
   .main.mac-reset .cheatsheet .oi .lab.key{ color:var(--color9); background:#fff; border-color:var(--color9); } */

/* N2-3: critic D1 の PC 3列は 768 で列幅 233px になり .dt 3本すべてが語中割れ（事前査定／郵送／成立）。
   金型 ipad-reset:813 は 751px から2列（列幅~350px）。mac は3枚なので 751-999 は2列＋3枚目を全幅、
   1000 以上で3列（1280 の列幅 360px＝割れなし実測）に戻す。 */
/* 2026-08-30 scrutiny r3 R-17 / critic r5 B3: 751-999 の「2列＋3枚目だけ全幅」をやめて全域3列に戻す。
   実測(768) は 357x131 / 357x131 / **728x107** ＝3枚目だけ幅2倍・高さ違いで並びのリズムが崩れていた。
   N2-3 で2列にした理由（3列だと .dt 3本とも語中割れ）は、.dt の min-height を外した R-5 と
   01 の「事前査定」を U+2060 で結んだことで解消（本ラウンドで 768 実測＝語中割れ 0 を確認）。 */

/* N2-6: 「カード内 本文 top 揃え」の横展開漏れ（#why .point-name にしか入っていなかった）。
   .ch（selector 判別カード見出し）と .dt（deflist 見出し）にも行数ぶんの min-height を与え、
   PC で本文の開始位置を3枚そろえる。値は行数×line-height の em 指定＝font-size tier の差に追随する。 */
/* 2026-08-30 scrutiny r3 R-5: r2 で足した .ch(751+/1000+) と .dt(1000+) の min-height は撤去した。
   実測で「行数が足りないカードに死に空き」を作っていた（768 の C カード 20px／1280 の .dt 3本とも 21px）。
   金型 build/ipad-reset/extra.css の .highsell .dt は min-height を持たない（実測 min-height:0px）。
   .sgrid a は grid-template-rows:auto 1fr auto ＋ .cg{align-self:end}（:849）で既に下寄せ済み＝
   余りは 1fr 行が吸収する＝金型 .ov-d{margin-top:auto} と同じ「下寄せで吸収」の作法。 */

/* N2-5: #legacy は5チップ＝#latest（4チップ）より列が痩せる（内容幅 71→52px）。
   矢印と左右 padding を詰めて内容幅を戻し、語境界 nowrap（HTML 側）が収まるようにする。#latest には影響させない。 */
@media (max-width:750px){
  .main.mac-reset.mac-reset .steps-legacy .proc-overview .ov-step{ padding-left:2px; padding-right:2px; }
}
@media (min-width:751px){
  /* 2026-09-06 再ゲート r2: #voice 運営情報 4 枚が PC で 3+1 の孤児行（_shared:261 の PC 3 列がそのまま効いていた）。
     金型 airpods-reset extra.css:682（2×2）＋:844（max-width 860 中央）と同値＝コンテキスト差分（枚数由来）。galaxy/ipad 09-06 と同処置。 */
  .main.mac-reset.mac-reset .why-extra.trust .trust-grid{ grid-template-columns:1fr 1fr; max-width:860px; margin-left:auto; margin-right:auto; }
}

/* [B1-C7] 2026-09-07 SEO 監査 C7（装飾 strong の撤去・親統括裁定）: #why の POINT 番号を <strong> から <span class=num> へ。見た目はテーマ原典 style.css:6606-6609（.point-num strong{font-size:1.95em;margin-left:3px}）と同値・font-weight は strong 既定の bold を維持（ipad b1 と同処方）。 */
.main.mac-reset.mac-reset .reason .reason-point .point-list .point .point-num .num{ font-size:1.95em; margin-left:3px; font-weight:bold; }


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