/* 2026-08-28 ledger#73: .connection-note/.connection-note2 の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 8 本を撤去＝line-height 1.6 / padding 44 が死んでいた） */
/* 2026-08-28 ledger#73: .related-links の共通部品ルールは _shared/components.css が唯一の実体（ページ側の複製 7 本を撤去＝PC 16px が死んでいた） */
/* ============================================================
   airpods-reset extra.css  ?v=aprL1
   ── ported from: build/ipad-reset/extra.css（同ジャンル金型・reset クラスタ正規ビルド）。
      namespace を .main.ipad-reset → .main.airpods-reset へ一括リネームし、構造CSS（worry/quick=answer/model/
      steps/safe=checklist&data/highsell=compare&sell/trouble/voice/related/connection 等）を class ごと verbatim 流用。
      末尾【AIRPODS追加】に本ページ固有分（.led 橙/白点滅バッジ・.hl・trust-grid のテキスト枠 .tn-s・steps-sub・flow/sell スコープ）を隔離。
      配色トークンは theme-tokens のみ（--color9 #224995 / --color4 #14355D / --color10 #EBF0F6 / 限定強調 #E94F4F / teal #16AEB1）。ワインレッド＋ゴールド不使用。
   ── 以下は金型(ipad-reset)の履歴コメント（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.airpods-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 リネーム）
   ============================================================ */
/* 日本語の泣き別れ(orphan)・不自然改行の抑制（bespoke本文/見出し全体・375px基準） */
.main.airpods-reset.airpods-reset [class*="part"] p,
.main.airpods-reset.airpods-reset .op-d, .main.airpods-reset.airpods-reset .sc-a,
.main.airpods-reset.airpods-reset .connection-note2,
.main.airpods-reset.airpods-reset .proc-micro,
.main.airpods-reset.airpods-reset .line-content{ overflow-wrap:break-word; word-break:normal; }
/* 2026-08-30 scrutiny r2 [L]: 直下にあった宣言0の空ブロック（.op-t/.sc-q/.step-ja/.sim-t{}）を撤去 */

/* 2026-06-25 テーマ準拠是正: 見出しはテーマ正規 <h2 class="line-title"><span>…</span></h2> を使用。
   左罫はテーマ style.css:3440 `.line-title span{ border-left:2px solid #8DB0D0; padding-left:7px(SP) }` に一本化し、
   旧 h2::before の独自左罫（span無し見出し用の代替）は撤去＝テーマ記述へ統一（theme-conformance-spec.md §2-1）。 */

/* M-02 connection-note2 / cta connection-note 共通部品（淡地＋ミニinfoアイコン＋小字＋静かなnavy強調） */
/* 2026-06-23 user: connection.partbg CTA が隣接セクションと同色(color10)で間延び→白地に（色地の連続を断つ）。色地節の上に重ねる内側CTA帯なので白＋テーマ .connection.partbg SP padding(22px 0/style.css:5518)。 */
/* 2026-06-26 user是正: connection.partbg は「白背景」に決定（色節の中/間で白に抜く clean な CTA帯）。境界線=背景色の関係で個別判断: 同じ白が接する側だけ var(--color7) 線、色が接する側は色差で区切れるので線なし。一括ルール禁止。 */
.main.airpods-reset.airpods-reset .connection.partbg{ background:#fff !important; border:0 !important; padding-top:30px !important; padding-bottom:30px !important; }
/* 2026-08-27 _shared 移行に伴う復元: canon `.connection.partbg{margin:0 !important}`（components.css:43）は
   「節境界に置く帯」用で、**節の中で本文の後ろに続く帯**の上 breathing まで 0 にしてしまう。
   #steps は節内に帯を持つ型なので、既に移行済みの ipad-reset extra.css:313 と同じ作法で 30px を戻す
   （harness D_spacing「節内CTA帯の上余白なし＝金型30px」で検出）。 */
.main.airpods-reset.airpods-reset #steps .connection.partbg{ margin-top:30px !important; }
.main.airpods-reset.airpods-reset #worry + .connection.partbg{ border-top:1px solid var(--color7) !important; }/* CTA428: 上=worry(白・同色)→上線。下=model(色)→線なし */
/* 2026-08-31 r4 A の追随（harness D_spacing「CTA帯→節の余白二重」・2026-06-27 user指摘 #cta-mid1→#reasons 60px と同型）:
   白CTA帯（padding 30/30）の直後に白節が来ると、帯の pad-bottom30 ＋ 節の margin-top30 で content 間が 60px になる。
   canon は「帯直後の節は margin-top:0＝帯の padding だけで呼吸させる」（既存実例 delivery-purchase extra.css:702 /
   shitadori-vs-kaitori extra.css:376 と同じ書き方）。本ページで該当するのは #data 直後の帯 → #trust のみ
   （もう1本の帯 #worry+帯 の次は色節 #model で margin は元から 0＝影響なし）。 */
.main.airpods-reset.airpods-reset .connection.partbg + section.part{ margin-top:0; }
/* CTA881: 2026-08-31 r4 A で **#sell の直後 → #data の直後** へ移動（台帳#43/#91 CTA背中合わせ＝hs-cta→帯 30px を解消）。
   移動後の帯の境界: 上=#data(色 color10)→帯(白)＝色差で区切れる→線なし（#data padding-bottom30 が breathing）。
                     下=帯(白)→#trust(白)＝#trust 先頭が濃紺 h2 バンドで自己区切り→線なし（#trust margin-top30 が節間30px）。
   ＝どちらの側も追加ルール不要。#worry+帯 のような border-top は付けない（spacing-divider-craft-rules §1・一括禁止）。 */
/* 2026-08-30 critic r1 B-1: 末尾5節連続白（data→trust→faq→related→cta＝3,140px）を断つ＝#data を aquos #trust（section.part.safe#trust・extra.css:291/298）と同じ色節に。
   bg color10・padding 30/30・margin 0。上=白CTA帯(CTA881)→白→色＝線なし／下=#trust 白節 margin30。内側の box は aquos と同じ図地反転（safe-fig/promise/note=#fff・pi=color10） */
/* 2026-08-31 r4 A の追随（台帳#94「地色/隣接を変えたら前後2境界を再判定」）: 帯が抜けたことで
   #sell(色 color10・margin0・padding-bottom30) と #data(色 color10・margin0・padding-top30) が **gap0 で直接接触**する。
   spacing-divider-craft-rules §1「同色が接する境界には 1px var(--color7)・線は同色が接する側」→ #data に border-top。
   呼吸は sell の pb30 ＋ data の pt30 で既に成立（二重積みなし）。同型の既存実例＝下の #steps-max / #findmy。 */
.main.airpods-reset.airpods-reset #data{ background:var(--color10); margin:0; padding:30px 0; border-top:1px solid var(--color7); }
.main.airpods-reset.airpods-reset .safe.data .safe-fig{ background:#fff; border:1px solid var(--color7); }
.main.airpods-reset.airpods-reset .safe.data .promise{ background:#fff; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.airpods-reset.airpods-reset .safe.data .pi{ background:var(--color10); }
.main.airpods-reset.airpods-reset .safe.data .note{ background:#fff; }
/* CTA567(.steps 内の白帯): 上=手順A(色)・下=steps続き(色)＝両側コントラスト→線なし(既定どおり) *//* 2026-06-25 user: 上の区切り線のみ(border-bottom不要)。線色 #8DB0D0 統一。上下とも30px breathing(noteが上線・下端に張り付かない)。直後が白節margin30の所は白節側 margin-top:0 で二重(60)回避し境界30に保つ */
/* 2026-06-25 節余白はテーマ純正に統一（bespoke 16px固定は撤去）: 白節=テーマ .part{ margin:30px auto }(style.css:4521)・縦padding無し。色地全面節は各色節クラスで theme縦padding(.price.partbg SP=25px 0/style.css:8047)。連続する色地節は .part margin の collapse=30px白帯で区切られ「倍見え」しない。#cta(.part.connection 非partbg)はテーマ .connection SP(style.css:5592)に委ねる。 */
/* 2026-06-23 user: flow+compare+sell の色地3連続を断つ→compare(下取りvs買取)を白地に */
.main.airpods-reset.airpods-reset .part.highsell#compare{ background:#fff; margin:30px auto; padding:0; border-top:0; }/* 白節: 親 .highsell の margin:0/padding:25/border-top を打消し白節標準(margin:30/padding:0/線なし)へ。flow(色)とsell(色)の間を分ける白セクション。色↔白は色差で区切れるので区切り線は不要 */
/* 2026-06-25 色地節の余白・区切り線をID個別指定。規則: 同じ背景色(色地)が隣接する境界には #8DB0D0 の区切り線＋上下30px(=普通のセクションと同じ間隔)。色↔白は色差で区切れるので線なし・白節margin30に委ね二重に積まない。連続色域内のCTA(connection)も同色なので前後に区切り線(connection.partbg側で付与・色も#8DB0D0統一) */
.main.airpods-reset.airpods-reset #model{ padding:30px 0; }            /* 色節=上下30 breathing。下=steps境界(var(--color7)線) */
.main.airpods-reset.airpods-reset #steps{ padding:30px 0 0; border-top:1px solid var(--color7); }    /* prev=model(同色)→区切り線・上30。下は末尾CTA(connection.partbg padding-bottom30)が breathing提供 */
.main.airpods-reset.airpods-reset #steps-4{ padding:30px 0; }                                        /* prev=#steps末尾のCTA567(白背景)→#steps-4(色)は白→色＝色差で区切れる→線なし。節の公称色でなく実際に接する面(CTA567=白)で判断 */
.main.airpods-reset.airpods-reset #steps-max{ padding:30px 0; border-top:1px solid var(--color7); }  /* prev=steps-4(同色)→区切り線 */
.main.airpods-reset.airpods-reset #findmy{ padding:30px 0; border-top:1px solid var(--color7); }     /* prev=steps-max(同色)→線+上30。下30=色帯内 breathing(content非接触)。next=trouble は #trouble{margin-top:0} で境界を30に保つ */
.main.airpods-reset.airpods-reset #flow{ padding:30px 0; }             /* 色節=上下30 breathing(張り付き解消・旧padding:0を是正)。色↔白は線なし */
.main.airpods-reset.airpods-reset #sell{ padding:30px 0; }             /* 色節=上下30 breathing(上の張り付き解消・旧padding:0 0 30を是正) */
/* 2026-06-26 user是正: #trouble/#data の margin-top:0 を撤去→白節標準 margin30 で「上の余白」を戻す。色節/CTA直後でも白に上余白を持たせる(張り付き解消)。色↔白境界は色節padding30＋白節margin30で content が縁に張り付かない */

/* 2026-06-23 user: connection-title が2行に泣き別れすると左右の矢印疑似要素で余白が一気に広がる→矢印と左右余白を縮小し1行に収まりやすく */
.main.airpods-reset.airpods-reset .connection .connection-title:before,
.main.airpods-reset.airpods-reset .connection .connection-title:after{ margin:2px 9px 0; width:15px; height:15px; }

/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（index.html の class トークンを機械で数え、0件を確認してから撤去）: [A-0] 実写真フレーム一式 .ipr-photo/.ratio-43/.ratio-1311/.ph-cap/.worry-photo/.safe-photo/.hs-photo-card(+img/cap) — 実写は _shared の .photo-band と .flow .flow-step に統一済みで HTML 0 件 */

/* ============================================================
   [A-1] 01 fv（🔶→.fv-todo プレースホルダ・作り込まない）
   出典: apple-machine/extra.css:138-160（同型流用）
   ============================================================ */
.main.airpods-reset.airpods-reset .topbanner.fv-todo{
  background: linear-gradient(160deg, #0E2440 0%, #14355D 60%, #224995 100%);
  padding: 28px 0 30px;
}
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-todo-inner{ max-width: 720px; margin: 0 auto; }
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-eyebrow{
  font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #9DB8E6; margin: 0 0 8px;
}
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-headline{
  font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; margin: 0 0 12px;
}
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-headline strong{ color: #9DB8E6; }
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-sub{
  font-size: 13px; color: #CFE0F4; line-height: 1.6; margin: 0 0 16px;
}
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-sub strong{ color: #9DB8E6; font-weight: 700; }
.main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-cta{
  display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 16px;
}
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（index.html の class トークンを機械で数え、0件を確認してから撤去）: .fv-todo-note（FV プレースホルダの注記枠・HTML 0 件。.fv-todo 本体は実使用のため残置） */
@media (min-width: 751px){
  .main.airpods-reset.airpods-reset .topbanner.fv-todo .fv-headline{ font-size: 26px; }
}

/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（index.html の class トークンを機械で数え、0件を確認してから撤去）: [A-2] .section-todo / .todo-note / .todo-note small（❌プレースホルダ枠。本ページに ❌ 節は残っていない） */

/* ============================================================
   [A-3] related（✅ テーマ board / tag 語彙へ翻訳）
   出典: apple-machine/extra.css:182-213
   ============================================================ */
.main.airpods-reset.airpods-reset .related .line-btitle{ margin-top: 20px; }/* 2026-06-25 h3上余白を節間30pxより小さく＝テーマ .line-content SP(style.css:3711)=20px に統一。30pxだと節余白と同等で階層が崩れる */
.main.airpods-reset.airpods-reset .related .board{ padding: 6px 16px; margin-top: 14px; }
/* R4 P2-06: トークン外色 #EAEFF6 を排除（§0 早見表に無い＝絶対則1『新色を作らない』違反）。
   related board は淡地(--color10)カード上 → 図地反転則で .todo 地は淡地統一の var(--color10)#EBF0F6 へ。 */

/* ============================================================
   [B] #steps（iPad初期化手順・HowTo主役）
   = apple-machine/extra.css の `.iphone …` を `.steps …` にリネーム移植。
   実機スクショは不使用（§9偽装回避）→ 確定手順図2点を .step-fig 枠で表示。
   ============================================================ */
/* 2026-06-24 user: 手順A(#steps)とB/C(steps-sub)で背景が色地/白に割れ違和感→A/B/Cを全て色地(color10)に統一。各節の navy line-title 帯が区切り。色地リズムより手順シリーズの一貫性を優先（前日の白地分離を反転） */
.main.airpods-reset.airpods-reset .part.steps{ background:var(--color10); margin:0; }/* 2026-06-25 色地節の共通=連続色(margin:0)のみ。節padding・区切り線は各IDで個別指定(同色が隣接する境界だけ #8DB0D0 の区切り線・色↔白は色差で区切れるので線なし・余白は隣接節と二重に積まない) */
/* 2026-06-25 de-stack撤回: 色地節の下padding=0は色面端詰まり（本文が色の縁に貼り付く）を招くため廃止。色地節は上下とも内側paddingを保つ */

/* (1) 全体像 3STEP バンド */
.main.airpods-reset.airpods-reset .steps .proc-overview{ display:flex; align-items:stretch; gap:0; margin:24px 0 8px; }/* リード→ブロックを24pxに統一 */
/* 2026-08-30 scrutiny r2 [E]: 説明文(.ov-d)の頭揃えは、金型 ipad-reset/extra.css:185・192 と同じ
   「.ov-step を flex-column にして .ov-d に margin-top:auto」で取る（旧 .ov-t{min-height:2.8em} は
   PC で 11 枚すべてが 1 行になり、見出しと説明の間に 22.4px の死に空きを作っていた）。 */
.main.airpods-reset.airpods-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.airpods-reset.airpods-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; }/* 2026-06-23 user: ov-num の背景(白チップ)を撤去 */
/* 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.airpods-reset.airpods-reset .steps .ov-step .ov-t{ font-size:13px; font-weight:700; color:var(--color4); line-height:1.4; word-break:break-word; }/* 2026-08-30 scrutiny r2 [E]: min-height:2.8em を撤去（頭揃えは .ov-step flex-column ＋ .ov-d margin-top:auto ＝金型 ipad の方式へ） */
/* R3 P1-03: ov-d 説明文を白カード上の本文系へ格上げ＝色 --color11(#7994AA 装飾用・WCAG AA未満)→--color13(#5A7386 本文系)、サイズ 10→11px。 */
.main.airpods-reset.airpods-reset .steps .ov-step .ov-d{ font-size:11px; color:var(--color13); line-height:1.4; margin-top:auto; padding-top:4px; }/* 金型 ipad extra.css:192 verbatim（margin-top:auto で下端揃え） */
.main.airpods-reset.airpods-reset .steps .ov-arrow{ flex:0 0 18px; align-self:center; height:14px; background:url(../images/airpods-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.airpods-reset.airpods-reset .steps .proc-steps{ position:relative; background:transparent; border:none; border-radius:0; padding:0; margin-top:45px; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .steps .steps-ttl span{ display:inline; padding:0; border-bottom:none; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .steps .proc-step{ background:#fff; border-radius:5px; padding:16px; position:relative; }
/* 2026-06-24 user: 手順A/B/C統一でsteps-subも色地→白カードは地と分離するため旧white-on-white枠線は撤去 */
.main.airpods-reset.airpods-reset .steps .proc-step:not(:last-child){ --bottom:30px; margin-bottom:var(--bottom); }
.main.airpods-reset.airpods-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/airpods-reset/icon/step-bottom-margin.svg) center center/auto 46% no-repeat; }
.main.airpods-reset.airpods-reset .steps .proc-step-head{ display:flex; align-items:center; padding-bottom:14px; border-bottom:2px solid var(--color10); }
.main.airpods-reset.airpods-reset .steps details.proc-step:not([open]) > summary.proc-step-head{ padding-bottom:0; border-bottom:none; }
/* 2026-06-23 user: steps-ttl/step-number/op-num が全部同じnavy背景でメリハリ無し→階層化。steps-ttl=塗りnavyバナー(最強)／step-number=navyアウトライン(中)／op-num=淡色チップ(最弱) */
.main.airpods-reset.airpods-reset .steps .proc-step-head .step-number{ white-space:nowrap; font-weight:bold; color:var(--color9); border-radius:4px; background:#fff; border:1px solid var(--color9); padding:4px 9px; margin-right:10px; font-size:13px; line-height:1.2; flex-shrink:0; }
.main.airpods-reset.airpods-reset .steps .proc-step-head .step-ja{ font-weight:700; color:var(--color4); font-size:18px; line-height:1.4; margin:0; word-break:break-word; }
/* R3-fidelity: 開閉トグルを金型 apple-machine/extra.css:662-667 へ復元。透明な四角＋navy棒(display:none硬切替)＝装飾ディテール喪失だった→#7994AA(--color11)の円チップ＋白の+/−、open時は縦棒を90°回転フェード(transition.3s)。flexの margin-left:auto 右寄せは維持（位置は不変）。 */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .steps .proc-step-head .st-add:before,
.main.airpods-reset.airpods-reset .steps .proc-step-head .st-add:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; transition:.3s; }
.main.airpods-reset.airpods-reset .steps .proc-step-head .st-add:after{ width:50%; height:2px; }
.main.airpods-reset.airpods-reset .steps .proc-step-head .st-add:before{ width:2px; height:50%; }
.main.airpods-reset.airpods-reset .steps details.proc-step[open] > summary .st-add:before{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.main.airpods-reset.airpods-reset .steps summary.proc-step-head{ cursor:pointer; list-style:none; }
.main.airpods-reset.airpods-reset .steps summary.proc-step-head::-webkit-details-marker{ display:none; }
.main.airpods-reset.airpods-reset .steps .proc-step-body{ margin-top:6px; }

/* 操作1-2-3行 */
.main.airpods-reset.airpods-reset .steps .op{ display:flex; gap:12px; align-items:flex-start; padding:15px 0; }
.main.airpods-reset.airpods-reset .steps .op:not(:last-of-type){ border-bottom:1px dashed var(--color7); }
.main.airpods-reset.airpods-reset .steps .op-num{ min-width:25px; height:25px; display:flex; align-items:center; justify-content:center; background:var(--color10); color:var(--color9); font-weight:bold; border-radius:5px; font-size:13px; flex-shrink:0; margin-top:1px; }
.main.airpods-reset.airpods-reset .steps .op-t{ font-weight:700; color:var(--color4); font-size:15px; line-height:1.4; }
.main.airpods-reset.airpods-reset .steps .op-d{ font-size:12px; line-height:1.6; color:#333; margin-top:5px; }/* 2026-08-30 scrutiny N1-8: 13→12（テーマ本文 canon・金型 ipad/aquos 12） */
/* 2026-08-30 scrutiny N1-2: 手順本文内リンク（5本）を他の本文リンクと同じ canon（_shared .note a と同値）に。#333・下線なしで「リンクに見えない」を是正 */
.main.airpods-reset.airpods-reset .steps .op-d a{ color:var(--color9); font-weight:700; text-decoration:underline; }

/* step-note */
/* R2 P2-01: line-height 1.5→1.3 に戻し金型 gold/extra.css:261 .step-note verbatim へ（リネーム移植時の非意図ドリフト是正）。 */
.main.airpods-reset.airpods-reset .steps .step-note{ position:relative; margin-top:20px; background:var(--color10); border-radius:5px; padding:12px 14px 12px 44px; font-size:12px; line-height:1.3; color:#14355D; font-weight:500; }
/* R3 P2-01: 金型 gold:262 .note-icon の白丸チップ作法（bg#fff/border1px --color7/radius50%/flex中央）を付与。SVG側の二重描画円は撤去し、glyphのみ(viewBox中央)を白チップ内に重ねる。 */
.main.airpods-reset.airpods-reset .steps .step-note .note-icon{ position:absolute; left:13px; top:10px; width:20px; height:20px; background:#fff; border:1px solid var(--color7); border-radius:50%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
.main.airpods-reset.airpods-reset .steps .step-note .note-icon svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .steps .step-note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* micro注記＋［要確認］ピル */
.main.airpods-reset.airpods-reset .steps .proc-micro{ font-size:12px; color:var(--color13); line-height:1.6; margin-top:14px; }
.main.airpods-reset.airpods-reset .steps .proc-micro a{ color:var(--color9); font-weight:bold; text-decoration:underline; }

/* 確定手順図（自前SVG・iPad設定画面）= 実機スクショ枠の代替（§9偽装回避） */
/* 2026-08-31 r4 B（harness B_buried・scrutiny r3 M-2）: 出典 ipad-reset extra.css:247 は `background:var(--color10)` だが、
   ipad の #steps は**白節**なので図版は Δ44 で浮く。airpods は #steps/#steps-4/#steps-max を**色節(color10)**にしているため
   同じ値だと figure と地が Δ0（1px 罫線しか分離手段がない＝図版が地に溶ける）。
   → spacing-divider-craft-rules §2.6「色地節(color10)の中の box は #fff で分離」に従い白地へ。
   同ページの既存実例と同一処方＝ #findmy .force-fig（:464）／#data .safe-fig（:84）とも `#fff + 1px var(--color7)`。
   図版本体の SVG は自前の #EBF0F6 キャンバスを持つので「白カードに淡青のキャンバスを載せた図版」になる（金型 ipad の図地関係の反転）。 */
.main.airpods-reset.airpods-reset .steps .step-fig{ margin:18px 0 0; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:14px; }
/* R3 P2-07: 図svgの角丸を外殻(.step-fig radius:5px)と統一（8px→5px・トークン外の中途半端値を解消）。 */
.main.airpods-reset.airpods-reset .steps .step-fig svg{ width:100%; max-width:300px; height:auto; display:block; margin:0 auto; border-radius:5px; }
.main.airpods-reset.airpods-reset .steps .step-fig figcaption{ font-size:11px; color:var(--color13); text-align:center; line-height:1.6; margin-top:8px; }

/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（index.html の class トークンを機械で数え、0件を確認してから撤去）: .steps .sim-ttl/.sim-table/.sim-item/.sim-head/.sim-fig/.sim-hx/.tag(.blue/.sky)/.sim-t/.sim-d/.sim-note/.sn-i（SIM 対比は AirPods に無い節。HTML 0 件） */

/* 初期化前の安心チェック */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .steps .safety-check{ display:flex; flex-direction:column; gap:14px; }
.main.airpods-reset.airpods-reset .steps .sc-item{ position:relative; background:var(--color10); border-radius:5px; padding:16px 16px 16px 56px; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .steps .sc-item .sc-check svg{ width:15px; height:15px; display:block; }
.main.airpods-reset.airpods-reset .steps .sc-item .sc-q{ display:block; font-weight:700; color:var(--color4); font-size:14px; line-height:1.5; }
.main.airpods-reset.airpods-reset .steps .sc-item .sc-a{ display:block; font-size:12px; color:#333; line-height:1.6; margin-top:4px; }/* 2026-08-30 N1-8: 13→12 */
/* 2026-08-30 critic r4 手4-補: .compact 廃止で #steps-max の確認カードが 932px 帯→477px セルになり、
   @1280 でリンク文字列が語中で割れた（「うまく|いかない時」「チェッ|クリスト」を実測）。リンクラベルは最長8文字＝
   最狭セル(@390 content 262px)でも 96px で収まるため、canon `.main .dd a`（_shared:85）と同じ white-space:nowrap を与える。 */
.main.airpods-reset.airpods-reset .steps .sc-item .sc-a a{ color:var(--color9); font-weight:bold; text-decoration:underline; white-space:nowrap; }

/* 2026-08-30 critic r4 手4 → r5 手4 で更新: 派生スキン .safety-check.compact（破線帯・sc-q 13px）は全撤去済み。
   理由=同じ「リセット完了の確認」がページ内で2スキン（#steps=塗りカード／#steps-4・#steps-max=破線帯）に割れていたため。
   r5 手4: #steps-4 の確認ブロックを標準 .safety-check で復帰（3節とも同じ器で締める）。
   逐語重複は3節それぞれの操作語・機種名で書き分けて解消（Q1=背面ボタン長押し／ケース前面タップ／2つのボタン同時長押し）。
   ＝スキン1種・出現3回・逐語同一の sc-item は0。 */

/* 2026-08-30 critic r3 [B-3]: 手順A の図を 2 枚（設定画面モック ＋ ケース背面 LED）にしたための器。
   SP=縦積み（.step-fig の margin:18px をそのまま使う）、PC=2列。図が2枚なのは手順A だけ＝B/C と treatment を分ける。 */
.main.airpods-reset.airpods-reset .steps .step-figs{ display:block; }

/* 2026-08-30 critic r3 [A-1]: .assess-head は flex。末尾の <span class="nowrap"> が別 flex item 化して
   見出しが読み順ごと崩れていた（全 4 幅）。本文全体を単一 flex item .ah-t に包み、nowrap はその内側の inline へ
   （金型の .dt-t / .pt-t 作法・build/_shared/components.css:79 と同方式・ledger#1 flex-orphan）。 */
.main.airpods-reset.airpods-reset .highsell .assess-head > .ah-t{ flex:1 1 auto; min-width:0; }

/* 中間CTA = connection partbg（theme css 流用） */
.main.airpods-reset.airpods-reset .steps .connection{ margin-top:30px; }
/* R4 P1-01: quick の中間CTA帯にも §B-1 D段リードイン(margin-top:45px)を付与＝steps:260と同値。
   実測で #quick .connection.partbg は margin:0・直上 .note との隙間=0px で帯が章に密着していた
   （金型 apple-machine が全中間CTA帯へ標準付与する『45pxで章から浮かせる』意匠 _theme-pattern-spec.md:167 の脱落）。
   steps の中間CTA帯(45px)と quick(0px)で同一ページ内の余白割れが起きていたのを揃える。SP段も45px据え置き。 */
.main.airpods-reset.airpods-reset .quick .connection{ margin-top:30px; }

@media (max-width: 750px){
  .main.airpods-reset.airpods-reset .steps .proc-overview{ margin:24px 0 8px; }
  .main.airpods-reset.airpods-reset .steps .ov-step{ padding:22px 4px 11px; }
  .main.airpods-reset.airpods-reset .steps .ov-step .ov-num{ font-size:22px; }
  .main.airpods-reset.airpods-reset .steps .ov-step .ov-t{ font-size:12px; }
  .main.airpods-reset.airpods-reset .steps .ov-arrow{ flex-basis:14px; }
  /* R4 gold-sync P2-03/P2-04: SP も 34px(谷間値)→45px(D段スナップ) へ。金型 gold:321 と同時更新。 */
  .main.airpods-reset.airpods-reset .steps .proc-steps{ padding:0; margin-top:45px; }
  .main.airpods-reset.airpods-reset .steps .steps-ttl{ font-size:16px; min-width:240px; padding:7px 18px; margin-bottom:16px; }
  .main.airpods-reset.airpods-reset .steps .proc-step{ padding:14px 13px; }
  .main.airpods-reset.airpods-reset .steps .proc-step:not(:last-child){ --bottom:26px; }
  .main.airpods-reset.airpods-reset .steps .proc-step-head .step-ja{ font-size:14px; }
  .main.airpods-reset.airpods-reset .steps .op-t{ font-size:14px; }
  .main.airpods-reset.airpods-reset .steps .last-step-ja{ font-size:16px; }
  .main.airpods-reset.airpods-reset .steps .sc-item{ padding:14px 14px 14px 52px; }
}

/* ============================================================
   [C] bespoke断片10本の <style> 集約（各 .main.airpods-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.airpods-reset.airpods-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.airpods-reset.airpods-reset .worry .worry-board{ position:relative; background:transparent; padding:0; margin-top:20px; }/* 見出し→本文を全節20pxに統一 */
/* R3-fidelity: board-head を div→h3 へ復帰（金型 h3.board-head 文法＝SEO見出しアウトライン回復）。UA h3 余白の漏れを全board-headで0化し、タグ置換の視覚差分をゼロに保証（CSSは全て .board-head クラス指定）。 */
.main.airpods-reset.airpods-reset .board-head{ margin:0; }
.main.airpods-reset.airpods-reset .line-btitle{ line-height:1.3; word-break:break-word; }/* 2026-06-30 gold同期: cohort(aquos extra:129)同一＝LH無指定だとbase1.6継承でh2(1.3)より緩く階層逆転＝見出しtier1.3へ。heading-lh/E_orphan是正 */
/* 2026-06-30 gold同期: 明地本文の強調 strong/.kw を color9 一色に（cohort aquos extra:45-276 と同方針＝#333/color3 無着色strongの emphasis色割れ是正）。FV等の濃色地は対象外。 *//* 2026-08-27: 表以外の部品も担うルール。.compare-table のセレクタだけ canon へ委譲し、残りは維持 */
.main.airpods-reset.airpods-reset .line-content strong,
.main.airpods-reset.airpods-reset .line-content .kw,
.main.airpods-reset.airpods-reset .op-d strong,
.main.airpods-reset.airpods-reset .tc-body strong,
.main.airpods-reset.airpods-reset .br-a strong,
.main.airpods-reset.airpods-reset .assess-desc strong,
.main.airpods-reset.airpods-reset .sc-a strong,
.main.airpods-reset.airpods-reset .card-hi p strong,
.main.airpods-reset.airpods-reset .qa-item-body strong,
.main.airpods-reset.airpods-reset .qa-item-body .kw,
.main.airpods-reset.airpods-reset [class*="-lead"] strong,
.main.airpods-reset.airpods-reset [class*="-lead"] .kw,
.main.airpods-reset.airpods-reset .pi .px strong,
.main.airpods-reset.airpods-reset .note strong,
.main.airpods-reset.airpods-reset .note .kw,
.main.airpods-reset.airpods-reset .connection-note strong,
.main.airpods-reset.airpods-reset .connection-note2 strong,
.main.airpods-reset.airpods-reset .connection-note .kw,
.main.airpods-reset.airpods-reset .connection-note2 .kw{ color:var(--color9); }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .line-content strong, .main.airpods-reset .line-content .kw, .main.airpods-reset .op-d strong, .main.airpods-reset .sim-d strong, .main.airpods-reset .tc-body strong, .main.airpods-reset .br-a strong, .main.airpods-reset .assess-desc strong, .main.airpods-reset .sc-a strong, .main.airpods-reset .key-box p strong, .main.airpods-reset .card-hi p strong, .main.airpods-reset .compare-table td strong, .main.airpods-reset .qa-item-body strong, .main.airpods-reset .qa-item-body .kw, .main.airpods-reset [class*="-lead"] strong, .main.airpods-reset [class*="-lead"] .kw, .main.airpods-reset .pi .px strong, .main.airpods-reset .note strong, .main.airpods-reset .note .kw, .main.airpods-reset .connection-note strong, .main.airpods-reset .connection-note2 strong, .main.airpods-reset .connection-note .kw, .main.airpods-reset .connection-note2 .kw */
.main.airpods-reset.airpods-reset .worry .worry-board .board-head{ text-align:center; color:var(--color4); font-size:17px; font-weight:bold; line-height:1.4; padding:0 0 16px; }
.main.airpods-reset.airpods-reset .worry .worry-board .wl{ display:flex; flex-direction:column; gap:16px; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-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.airpods-reset.airpods-reset .worry .worry-board .wi:nth-child(even){ margin-left:auto; }
.main.airpods-reset.airpods-reset .worry .worry-board .wi:nth-child(even):after{ left:auto; right:30px; }
.main.airpods-reset.airpods-reset .worry .worry-board .wi .wic{ width:56px; min-width:56px; height:56px; }
.main.airpods-reset.airpods-reset .worry .worry-board .wi .wic svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .worry .worry-board .wi .wi-t{ min-width:0; }
.main.airpods-reset.airpods-reset .worry .w-arrow{ display:block; width:22px; height:15px; margin:20px auto 0; background:url(../images/airpods-reset/icon/select.svg) center/contain no-repeat; }
/* R2 P2-09: 不安群→約束群の章替え分離を強める＝margin-top 16(B段)→24(C段)。矢印20→約束ブロック24でC段の落差を作る。 */
.main.airpods-reset.airpods-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.airpods-reset.airpods-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.4; }
.main.airpods-reset.airpods-reset .worry .promise-list{ display:flex; flex-direction:column; gap:14px; }
.main.airpods-reset.airpods-reset .worry .pi{ position:relative; background:#fff; border-radius:5px; padding:14px 16px 14px 64px; }
.main.airpods-reset.airpods-reset .worry .pi .pic{ position:absolute; left:13px; top:14px; width:42px; height:42px; }
.main.airpods-reset.airpods-reset .worry .pi .pic svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .worry .pi .px{ display:block; font-size:12px; color:#333; line-height:1.6; }
.main.airpods-reset.airpods-reset .worry .pi .px b{ display:block; font-size:14px; color:var(--color4); line-height:1.5; margin-bottom:4px; word-break:break-word; }
.main.airpods-reset.airpods-reset .worry .worry-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }/* margin=テーマ .line-content SP(style.css:3711)=20px 0。bespoke 24px撤去 */
.main.airpods-reset.airpods-reset .worry .worry-lead strong{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .worry .worry-board{ padding:0; }
  .main.airpods-reset.airpods-reset .worry .worry-board .board-head{ font-size:16px; padding:0 0 14px; text-align:center; }
  .main.airpods-reset.airpods-reset .worry .worry-board .wi{ font-size:13px; }
  .main.airpods-reset.airpods-reset .worry .worry-board .wi .wic{ width:52px; min-width:52px; height:52px; }
  .main.airpods-reset.airpods-reset .worry .promise-board .board-head{ font-size:14px; padding:6px 16px; }
  .main.airpods-reset.airpods-reset .worry .pi{ padding:14px 14px 14px 52px; }
  .main.airpods-reset.airpods-reset .worry .pi .pic{ top:13px; width:38px; height:38px; }
}
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .worry .thisinner{ max-width:1000px; }
  .main.airpods-reset.airpods-reset .worry .worry-board .wl{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
  .main.airpods-reset.airpods-reset .worry .worry-board .wi{ width:auto; }
  .main.airpods-reset.airpods-reset .worry .worry-board .wi:nth-child(even){ margin-left:0; }
  .main.airpods-reset.airpods-reset .worry .promise-board{ padding:72px 22px 22px; }
  .main.airpods-reset.airpods-reset .worry .promise-list{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }/* 2026-08-30 critic r1 A-4: 3枚=3列（2列だと3枚目が孤児行） */
  .main.airpods-reset.airpods-reset .worry .worry-lead{ max-width:780px; }
}
/* 2026-08-30 critic r5 手2: 751–999px は2列に落とす。@768 の3列は1枚 219px で、太字見出しが
   「査定・送料・キャ|ンセルは|すべて無料」と語中割れして3行になっていた（実測）。
   出典 = 金型 apple-machine/extra.css:750 `.promise-list{ display:grid; grid-template-columns:1fr 1fr }`
   （@768 実測 335px・見出しの語中割れ0）。1000px 以上は3列のまま（@1280 実測 309px・語中割れ0）。
   3枚目が半幅の孤児セルになるのは金型と同じ形（apple-machine @1280 .safety-check / ipad-reset .wl）。 */
@media (min-width:751px) and (max-width:999px){
  .main.airpods-reset.airpods-reset .worry .promise-list{ grid-template-columns:1fr 1fr; }
}

/* ---- quick（売る前3ステップ早見＋初期化したらどうなる）/ copy: _craft/quick/variant-1.html ----
   §B-5: part縦padding撤去（節間=テーマmargin clamp(40,60)・R1-01） */
.main.airpods-reset.airpods-reset .quick .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（.quick-eyebrow）撤去＝§A(2)逸脱（h2上の独立span/FV専用色の波及）。冒頭情報はh2直下sum-leadへ統合。 */
.main.airpods-reset.airpods-reset .quick .quick-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.airpods-reset.airpods-reset .quick .quick-lead strong{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-reset .quick .simple3{ display:flex; align-items:stretch; gap:0; margin:24px 0 0; }
.main.airpods-reset.airpods-reset .quick .simple3 .s{ position:relative; flex:1; min-width:0; background:#fff; border-radius:5px; box-shadow:0 0 5px rgba(18,77,137,.2); padding:24px 8px 14px; text-align:center; }
.main.airpods-reset.airpods-reset .quick .simple3 .s .n{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); width:38px; height:38px; border-radius:50%; background:var(--color9); color:#fff; font-size:18px; font-weight:800; display:flex; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 6px rgba(18,77,137,.3); }
/* R1-07: グラデ見せ場2点上限（§D）に収めるため、quickの最終ステップ番号はグラデ→navyベタへ格下げ。
   R2 P2-04: promise-board board-head を §A(6)左上隅navyベタ帯へ是正したため、ページ全体のグラデ見せ場は
   cheatsheet .oi.must の番号丸（手順の決め所「すべて消去」）1点に集約（§D 2点上限内）。 */
.main.airpods-reset.airpods-reset .quick .simple3 .s:last-child .n{ background:var(--color9); }
/* 2026-08-30 critic r1 B-3: チップ内の概念アイコン（白円+navy3トーン・#worry .wic と同 family）。番号チップ(.n 38px・上辺食い込み)の下に置く */
.main.airpods-reset.airpods-reset .quick .simple3 .s .wic{ display:block; width:44px; height:44px; margin:0 auto 6px; }
.main.airpods-reset.airpods-reset .quick .simple3 .s .wic svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .quick .simple3 .s .t{ display:block; font-size:13px; font-weight:700; color:var(--color4); line-height:1.45; }
.main.airpods-reset.airpods-reset .quick .simple3 .s .d{ display:block; font-size:11px; color:#5A7386; line-height:1.45; margin-top:4px; }
.main.airpods-reset.airpods-reset .quick .simple3 .arrow{ flex:0 0 16px; align-self:center; height:13px; background:url(../images/airpods-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
/* R2 P2-07: 中央浮きラベルバッジ(ch-tag)→§A(6)左上隅食い込みnavy帯へ統一（文言ラベルは帯で受ける）。外殻も標準board 60px。 */
.main.airpods-reset.airpods-reset .quick .card-hi{ position:relative; background:var(--color10); border-radius:5px; padding:60px 18px 20px; margin:24px 0 0; overflow:hidden; }/* リード→ブロックを24pxに統一 */
.main.airpods-reset.airpods-reset .quick .card-hi .ch-tag{ 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.airpods-reset.airpods-reset .quick .card-hi p{ font-size:12px; line-height:1.6; color:#333; margin:0; }/* 2026-08-30 N1-8: 13→12 */
.main.airpods-reset.airpods-reset .quick .card-hi p .kw{ color:var(--color9); font-weight:700; }
/* R3 P1-04: 白地節(quick)上の淡地note(--border)は白との差が極小→A系統弱グロー影で図地差を補い分離（新色なし）。 */
.main.airpods-reset.airpods-reset .quick .note{ position:relative; margin-top:18px; background:var(--border); border:1px solid var(--color7); border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }/* 2026-08-30 critic r1 B-3: #answer に .note を実配置。影は harness D_spacing（補足カードは影なし・図地は背景色）に当たるため撤去し、金型 ipad .quick .note（border 1px color7）と同値に */
.main.airpods-reset.airpods-reset .quick .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.airpods-reset.airpods-reset .quick .note .n-i svg{ width:100%; height:100%; display:block; }
@media (max-width:750px){
  .main.airpods-reset.airpods-reset .quick .simple3 .s{ padding:22px 4px 12px; }
  .main.airpods-reset.airpods-reset .quick .simple3 .s .t{ font-size:12px; }
  .main.airpods-reset.airpods-reset .quick .simple3 .arrow{ flex-basis:12px; }
  /* R4 P2-02: card-hi は board-head 食い込み帯付き標準board → SP逃げを §B-3『58px 12px 16px』へ
     （worry/cheatsheet の order-board と同じSP padding に揃え、帯食い込み分のSP逃げを全boardで対称化）。 */
  .main.airpods-reset.airpods-reset .quick .card-hi{ padding:58px 12px 16px; }
  .main.airpods-reset.airpods-reset .quick .card-hi .ch-tag{ font-size:14px; padding:6px 16px; }
}
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .quick .thisinner{ max-width:1000px; }
  .main.airpods-reset.airpods-reset .quick .simple3{ max-width:720px; margin-left:auto; margin-right:auto; }
  .main.airpods-reset.airpods-reset .quick .quick-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 と同じ 40px 0 30px（テーマ全面色 .series 値・style.css:7493）。 */
.main.airpods-reset.airpods-reset .model{ background:var(--color10); margin:0; }/* 2026-06-25 色地節の共通=連続色(margin:0)のみ。節padding・区切り線は各IDで個別指定(同色が隣接する境界だけ #8DB0D0 の区切り線・色↔白は色差で区切れるので線なし・余白は隣接節と二重に積まない) */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .model .model-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.airpods-reset.airpods-reset .model .model-lead strong{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-reset .model .model-lead .kw{ color:var(--color9); font-weight:700; }
/* R2 P2-12: 汎用クラス .t → namespace付き .compare-table へリネーム。列幅は inline style 廃止しCSSへ（部品はクラスで表現）。
   色作法（th navy/zebra --color10/cell罫 最淡 --border）は§A(5)準拠で維持。 */.main.airpods-reset.airpods-reset .model .compare-table{ width:100%; margin:18px 0 0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table */
.main.airpods-reset.airpods-reset .model .compare-table th:first-child{ width:34%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table th */
/* R1-04: cell罫を§A(5)正規の最淡 var(--border)#F1F8FF・zebra偶数を var(--color10)#EBF0F6 へ（#E4E9F1/#F7FAFD はトークン外＝新色禁止則違反） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td strong */
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（index.html の class トークンを機械で数え、0件を確認してから撤去）: .model .sim-*（同上）／.model-sub／.model-h4（HTML 0 件） */
/* R1-08: 図地反転則（§A(1)）＝model partは淡地(--color10)上 → note地は白(#fff)。 */
.main.airpods-reset.airpods-reset .model .note{ position:relative; margin-top:18px; background:#fff; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .model .note .n-i svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .model .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
@media (max-width:750px){
}
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .model .thisinner{ max-width:1000px; }
}

/* ---- why-extra（数字で見る trust-grid・値非出力）/ copy: _craft/why-voice-gate/variant-1.html ----
   ※voice（声・空ゲート）はHTML未配置のため当節CSSから除去（2026-06-22 死CSS掃除）。 */
.main.airpods-reset.airpods-reset .why-extra .thisinner{ width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; }
/* #trust=白節(.part why-extra): テーマ .part{ margin:30px auto }(style.css:4521)・縦padding無し。bespoke padding撤去(2026-06-25) */
/* 2026-08-30 critic r2 衛生: 到達不能CSSを撤去（HTML 使用実態を grep 済み）。
   .why-extra は #trust の1節のみ＝すべて .trust 付き → :not(.trust) の trust-grid / .tc / .tc .tl は到達不能。
   数値枠 .tn は HTML 未使用（実装は .tn-s）→ .why-extra .tc .tn と .why-extra.trust .tc .tn も死にルール。
   trust-grid / .tc / .tl / .tn-s の実体は build/_shared/components.css:197-209（唯一の実体）。 */
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去: .why-extra .line-btitle.trust-h4（HTML 0 件） */
/* R3 P1-02/P1-04/P2-01/P2-02: note統一（line-height 1.3／白地節trust-noteは弱グロー影で分離／.n-i 白丸チップ・top14・box20）。 */
/* 2026-08-30 critic r1 §6: .trust-note / .n-i / .n-i svg の3ルールは build/_shared/components.css:191-193 と同値の複製＝撤去（唯一の実体は _shared） */
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .why-extra .thisinner{ max-width:1000px; }
}

/* ---- force（強制初期化の分岐表）/ copy: _craft/force/variant-1.html ----
   §B-5→R3: 色地partは内側padding必須（接触回避）。steps と同じ 40px 0 30px（テーマ全面色 .series 値・style.css:7493）。 */
.main.airpods-reset.airpods-reset .force{ background:var(--color10); margin:0; }/* 2026-06-25 色地節の共通=連続色(margin:0)のみ。節padding・区切り線は各IDで個別指定(同色が隣接する境界だけ #8DB0D0 の区切り線・色↔白は色差で区切れるので線なし・余白は隣接節と二重に積まない) */
.main.airpods-reset.airpods-reset .force .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.airpods-reset.airpods-reset .force .force-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.airpods-reset.airpods-reset .force .force-lead .kw{ color:var(--color9); font-weight:700; }
/* R4 P2-10: 小SVGを枠中央1点だけ置き上下に空白が出て間延び → SVGを 96→124px に拡大し枠padding 16→12px に詰め、
   図/枠の余白比を本文カード並みへ（重心の抜けを是正・figサイズは離散スケール非対象）。 */
/* 2026-06-23 user: force-fig を2カラム(svg左/キャプション右)化＝縦の間延び解消＋下余白を確保 */
.main.airpods-reset.airpods-reset .force .force-fig{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--color7); border-radius:5px; padding:11px 13px; margin:20px 0 22px; text-align:left; }
.main.airpods-reset.airpods-reset .force .force-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
.main.airpods-reset.airpods-reset .force .force-fig figcaption{ min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }
/* R2 P2-08: スタックgap §D 14px統一（10→14）。 */
.main.airpods-reset.airpods-reset .force .branch{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }/* リード→ブロックを24pxに統一 */
.main.airpods-reset.airpods-reset .force .br{ background:#fff; border-radius:5px; padding:14px 15px; box-shadow:0 0 5px rgba(18,77,137,.16); }
.main.airpods-reset.airpods-reset .force .br .br-q{ font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px dashed var(--color7); }
/* R1-10: 状況分岐に可否の階調を付与（§C-1）。実行しやすい状況=navy塗りピル、摩擦の高い状況(Apple ID不明)=枠ピル＋⚠コーラル1点。 */
/* 2026-08-30 critic r4 手2: .br-q は flex。手順見出しの語中割れ（@768「アプリを開|く」「AirPodsを選|ぶ」「デバイスか|ら選ぶ」）を
   nowrap で止めるには、本文全体をまず単一 flex item に包む必要がある（直下に裸の .nowrap を置くと別 flex item 化＝ledger#77）。
   同ページの .assess-head > .ah-t（critic r3 [A-1]・extra.css:261）と同作法。 */
.main.airpods-reset.airpods-reset .force .br .br-q > .brq-t{ flex:0 1 auto; min-width:0; }
.main.airpods-reset.airpods-reset .force .br .br-q .lab{ flex:0 0 auto; font-size:10px; font-weight:700; color:#fff; background:var(--color9); border-radius:3px; padding:2px 8px; line-height:1.4; }
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（HTML の class トークン 0 件を確認済み）: .lab.warn / .br.warn（分岐カードの警告バリアント。.lab は 6 件あるが warn 付きは 0 件） */
.main.airpods-reset.airpods-reset .force .br .br-a{ font-size:12px; line-height:1.6; color:#333; margin-top:9px; }
.main.airpods-reset.airpods-reset .force .br .br-a strong{ color:var(--color9); }
/* R4 P2-05: force は淡地(--color10)節で .br/.force-fig 等の白カードと同色 → 白note の図地分離が弱い。
   他の白note分離箇所(quick/cheatsheet/safe/trouble は A系統弱グロー影付与)と非対称だったため、
   §A(4) A系統弱グロー box-shadow:0 0 5px rgba(18,77,137,.12) を付けて全noteの図地分離を対称化（新色なし）。 */
.main.airpods-reset.airpods-reset .force .note{ position:relative; margin-top:18px; background:#fff; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.airpods-reset.airpods-reset .force .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.airpods-reset.airpods-reset .force .note .n-i svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .force .note .kw{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-reset .force .note a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（HTML の class トークン 0 件を確認済み）: .force-cta / a / a:after（節末尾の自前CTA。#findmy は .connection 帯を使う＝HTML 0 件） */
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .force .thisinner{ max-width:1000px; }
  .main.airpods-reset.airpods-reset .force .force-lead{ max-width:780px; }
  .main.airpods-reset.airpods-reset .force .branch{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }/* 2026-08-30 critic r1 A-4: 3枚=3列 */
}

/* ---- safe（売却前データ消去は安全？）/ copy: _craft/safe/variant-1.html ----
   §B-5: part縦padding撤去（節間=テーマmargin clamp(40,60)・R1-01） */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .safe .safe-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.airpods-reset.airpods-reset .safe .safe-lead strong{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-reset .safe .safe-lead .kw{ color:var(--color9); font-weight:700; }
/* R4 P2-10: SVG 92→120px 拡大＋枠padding 18→12px 詰めで図/枠余白比を是正（重心の抜け解消）。 */
/* 2026-06-23 user: safe-fig を2カラム化＝縦の間延び解消 */
.main.airpods-reset.airpods-reset .safe .safe-fig{ display:flex; align-items:center; gap:11px; background:var(--color10); border-radius:5px; padding:11px 13px; margin:20px 0 0; text-align:left; }
.main.airpods-reset.airpods-reset .safe .safe-fig svg{ width:74px; height:74px; flex:0 0 auto; display:block; }
.main.airpods-reset.airpods-reset .safe .safe-fig figcaption{ min-width:0; font-size:13px; color:var(--color4); line-height:1.6; margin:0; font-weight:600; }
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（HTML の class トークン 0 件を確認済み）: .safe .key-box / .kb-t / p / p strong（HTML 0 件） */
/* R2 P2-07: 中央浮きバッジ見出し(pm-t)→§A(6)左上隅食い込みnavy帯へ（文言ラベルの board見出しは帯で受ける＝中央食い込みは番号バッジ専用）。
   外殻も標準board 60px 18px 20px（上60px=帯の食い込み逃げ）へ。 */
.main.airpods-reset.airpods-reset .safe .promise{ position:relative; background:var(--color10); border-radius:5px; padding:60px 18px 20px; margin:24px 0 0; overflow:hidden; }/* リード→ブロックを24pxに統一 */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .safe .pl{ display:flex; flex-direction:column; gap:14px; }
.main.airpods-reset.airpods-reset .safe .pi{ position:relative; background:#fff; border-radius:5px; padding:13px 15px 13px 48px; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .safe .pi .ck svg{ width:14px; height:14px; display:block; }
.main.airpods-reset.airpods-reset .safe .pi .px{ font-size:12px; line-height:1.6; color:#333; }
.main.airpods-reset.airpods-reset .safe .pi .px b{ display:block; font-size:14px; color:var(--color4); line-height:1.5; margin-bottom:3px; }
/* R3 P1-04: 白地節(safe)上の淡地note→A系統弱グロー影で分離。 */
.main.airpods-reset.airpods-reset .safe .note{ position:relative; margin-top:18px; background:var(--color10); border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .safe .note .n-i svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .safe .promise{ padding:58px 12px 16px; }
  .main.airpods-reset.airpods-reset .safe .promise .pm-t{ font-size:14px; padding:6px 16px; }
}
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .safe .thisinner{ max-width:1000px; }
  .main.airpods-reset.airpods-reset .safe .safe-lead{ max-width:780px; }
  .main.airpods-reset.airpods-reset .safe .pl{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }/* 2026-08-30 critic r1 A-4: #checklist 5枚は 3列を試したが 768px で .px b「世代・状態を正直に申告」が2字孤立（harness I_craft）→ 金型 ipad .safe .pl と同じ 2列に据え置き（worry 5枚と同じ canon）。#data 4枚=2×2 */
}

/* ---- trouble（初期化できない早見表）/ copy: _craft/trouble/variant-1.html ----
   §B-5: part縦padding撤去（節間=テーマmargin clamp(40,60)・R1-01） */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .trouble .tr-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.airpods-reset.airpods-reset .trouble .tr-lead .kw{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-reset .trouble .tr-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
/* 2026-06-23 user: 影でなく枠線で境界（影は境界が曖昧）＝1px solid var(--color7)。tc-head の下線は地色差で足りるので撤去 */
.main.airpods-reset.airpods-reset .trouble .tc{ border-radius:5px; overflow:hidden; border:1px solid var(--color7); }
.main.airpods-reset.airpods-reset .trouble .tc .tc-head{ display:flex; align-items:center; gap:11px; background:var(--color10); padding:11px 14px; }
/* R3-fidelity: 症状アイコンの存在感を 40→48px へ（金型の72pxヒーロー抑揚へ歩み寄り。SVGは既にDNA-11白円3トーン内包＝チップ化済み）。早見表の症状スキャン性を保つため card-list 形式自体は維持（単一attention箱化は症状走査性を損なうため不採用）。 */
.main.airpods-reset.airpods-reset .trouble .tc .tc-ic{ flex:0 0 56px; width:56px; height:56px; }
.main.airpods-reset.airpods-reset .trouble .tc .tc-ic svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .trouble .tc .tc-q{ min-width:0; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.airpods-reset.airpods-reset .trouble .tc .tc-body{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; }
.main.airpods-reset.airpods-reset .trouble .tc .tc-body a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
.main.airpods-reset.airpods-reset .trouble .tc .tc-body strong{ color:var(--color9); }
/* 2026-06-23 user: tc.warn は中途半端→他カードと同一UIに（コーラルの差分を撤去・.warn は無効化） */
/* R3 P1-04: 白地節(trouble)上の淡地note→A系統弱グロー影で分離。 */
.main.airpods-reset.airpods-reset .trouble .note{ position:relative; margin-top:18px; background:var(--color10); border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .trouble .note .n-i svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .trouble .thisinner{ max-width:1000px; }
  .main.airpods-reset.airpods-reset .trouble .tr-lead{ max-width:780px; }
  .main.airpods-reset.airpods-reset .trouble .tr-list{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }/* 2026-08-30 critic r1 A-4: 3枚=3列 */
}

/* ---- highsell（高く売る＋買取vs下取り比較）/ copy: _craft/highsell/variant-1.html ----
   §B-5→R3: 色地partは内側padding必須（接触回避）。steps と同じ 40px 0 30px（テーマ全面色 .series 値・style.css:7493）。 */
.main.airpods-reset.airpods-reset .highsell{ background:var(--color10); margin:0; }/* 2026-06-25 色地節の共通=連続色(margin:0)のみ。節padding・区切り線は各IDで個別指定(同色が隣接する境界だけ #8DB0D0 の区切り線・色↔白は色差で区切れるので線なし・余白は隣接節と二重に積まない) */
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .highsell .hs-lead{ font-size:12px; line-height:1.6; color:#333; margin:20px 0 0; }
.main.airpods-reset.airpods-reset .highsell .hs-lead .kw{ color:var(--color9); font-weight:700; }
/* R2 P2-08: スタックgap §D 14px統一（12→14）。 */
.main.airpods-reset.airpods-reset .highsell .assess-list{ display:flex; flex-direction:column; gap:14px; margin:24px 0 0; }
/* 2026-06-23 user: assess を tc カード作法に＝color10 head(囲み)＋白body・アイコンは tc-ic と同じ56px白円・catチップ撤去 */
.main.airpods-reset.airpods-reset .highsell .assess-item{ background:#fff; border:1px solid var(--color7); border-radius:5px; overflow:hidden; }/* 2026-06-24 user: color10節の上で assess-head(color10)が地と同化→カードを枠線でanchor */
.main.airpods-reset.airpods-reset .highsell .note{ background:#fff; }
.main.airpods-reset.airpods-reset .highsell#compare .note{ background:var(--color10); }
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（HTML の class トークン 0 件を確認済み）: .highsell .di（HTML 0 件） */
.main.airpods-reset.airpods-reset .highsell .assess-head{ display:flex; align-items:center; gap:11px; background:var(--color10); padding:11px 14px; font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; }
.main.airpods-reset.airpods-reset .highsell .assess-head .assess-ic{ flex:0 0 56px; width:56px; height:56px; }
.main.airpods-reset.airpods-reset .highsell .assess-head .assess-ic svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .highsell .assess-desc{ background:#fff; padding:12px 14px; font-size:12px; line-height:1.6; color:#333; }
.main.airpods-reset.airpods-reset .highsell .assess-desc a{ color:var(--color9); font-weight:bold; text-decoration:underline; }
/* 2026-08-30 scrutiny r2 [L] 死にCSS撤去（HTML の class トークン 0 件を確認済み）: .hs-h4 / .hs-sub / .hs-sub a（HTML 0 件） */
/* R2 P2-12: .t → .compare-table へリネーム。列幅 inline style 廃止しCSSへ。色作法は§A(5)維持。 */.main.airpods-reset.airpods-reset .highsell .compare-table{ width:100%; margin:14px 0 0; table-layout:fixed; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .highsell .compare-table */
.main.airpods-reset.airpods-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-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .highsell .compare-table th */
/* R1-04: cell罫を最淡 var(--border)・td.lbl地を var(--color10) へ（#E4E9F1/#F7FAFD トークン外を排除） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-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.airpods-reset .highsell .compare-table tr:nth-child(even) td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .highsell .compare-table td.lbl *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-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.airpods-reset .highsell .compare-table th.kaitori *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .highsell .compare-table td.kaitori *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-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.airpods-reset .model .compare-table,.main.airpods-reset .model .compare-table th,.main.airpods-reset .model .compare-table td,.main.airpods-reset .highsell .compare-table,.main.airpods-reset .highsell .compare-table th,.main.airpods-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.airpods-reset .model .compare-table td,.main.airpods-reset .highsell .compare-table td *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td:not(:first-child),.main.airpods-reset .highsell .compare-table td:not(:first-child) */
.main.airpods-reset.airpods-reset .highsell .note{ position:relative; margin-top:18px; background:#fff; border-radius:5px; padding:12px 14px 12px 44px; font-size:11px; line-height:1.3; color:var(--color3); font-weight:500; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-reset .highsell .note .n-i svg{ width:100%; height:100%; display:block; }
.main.airpods-reset.airpods-reset .highsell .note .kw{ color:var(--color9); font-weight:700; }
.main.airpods-reset.airpods-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.airpods-reset.airpods-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.airpods-reset.airpods-reset .highsell .hs-cta a.outline{ background:#fff; border:2px solid var(--color9); color:var(--color9); }
.main.airpods-reset.airpods-reset .highsell .hs-cta a.fill{ background:var(--color9); color:#fff; }
.main.airpods-reset.airpods-reset .highsell .hs-cta a:after{ content:""; width:15px; height:11px; background:url(../images/airpods-reset/icon/select.svg) center/contain no-repeat; transform:rotate(-90deg); }
.main.airpods-reset.airpods-reset .highsell .hs-cta a.fill:after{ filter:brightness(0) invert(1); }
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .highsell .thisinner{ max-width:1000px; }
  .main.airpods-reset.airpods-reset .highsell .hs-lead{ max-width:780px; }
  .main.airpods-reset.airpods-reset .highsell .assess-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
}

/* ============================================================
   【AIRPODS追加】本ページ固有分（金型に無い／AirPods固有の作法）
   ── 隔離方針: トークン値のみ（--color9/4/10/13/7・限定 #E94F4F・teal #16AEB1・自作SVG 3トーン）。新色は作らない。
   ============================================================ */

/* ---- .led 点滅状態バッジ（橙点滅/白点滅）= AirPods固有・トラブルKW回収のための状態表現 ----
   役割色: 橙点滅＝LED の橙 #EF9D2B（モチーフ自身の色・2026-08-30 是正）・白点滅＝白丸+淡青枠(完了の合図)。
   ピル本体は淡navy地(--color10)＋navy字(--color4)で本文に馴染ませ、左の小ドットだけで状態を弁別（色のみ依存を避け文言「橙点滅/白点滅」も併記済）。 */
.main.airpods-reset.airpods-reset .led{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; line-height:1.4; padding:1px 9px 1px 7px; border-radius:999px; background:var(--color10); color:var(--color4); white-space:nowrap; vertical-align:1px; }
.main.airpods-reset.airpods-reset .led:before{ content:""; width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.main.airpods-reset.airpods-reset .led.amber:before{ background:#EF9D2B; }/* 2026-08-30 scrutiny N1-5: 「橙点滅」がコーラル赤(#E94F4F)だった→橙 #EF9D2B（LED＝モチーフ自身の色・worry/trouble/step-fig の LED も同色に統一） */
.main.airpods-reset.airpods-reset .led.white:before{ background:#fff; border:1px solid #9DB8E6; }

/* hl（手順内の最重要語ハイライト・safety-check内）= テーマ .kw に準じた navy強調 */
.main.airpods-reset.airpods-reset .hl{ color:var(--color9); font-weight:700; }

/* ---- steps-sub（手順B/C＝overview band無しのサブ手順節）----
   金型 .steps は色地(--color10)＋上下44px padding。手順A(#steps)はそのまま継承。
   手順B/C(.steps-sub)はoverview無しでh2直下にステッパーが続くため、proc-steps の上マージンを節リードからの離散値(28px)へ詰める（金型45pxはoverview band後の値）。 */
/* 2026-08-30 critic r1 A-1: 手順B/C にも .proc-overview を写経したため、proc-steps の上マージンは手順A と同じ 45px（sub 専用の 28/24 は撤去） */

/* findmy（金型 §force 流用）の2本目の見出し（手元にない場合）を章替え離散値で分離 */
.main.airpods-reset.airpods-reset .force .line-btitle.findmy-h{ margin-top:20px; }

/* ---- flow（買取3ステップ・色地part）----
   2026-08-30 critic r2 B-1: 旧 simple3（写真0・chars79＝ページ最薄の節）を、テーマ実部品
   `.flow .flow-step`（refer/linxas-sp-0407/css/style.css:5945-6001 ／ SP 6415-6448）へ差し替え、
   テーマ同梱の工程実写3枚を投入。使い方は build/kaitoriten-erabikata（extra.css:558-566）と同じ:
   ── theme は4列(25%)設計＝本節は3ステップなので PC 33.333% へ。
   ── .ttl は theme clamp(16-18px)＝本ページ golden カードタイトル（SP15/PC16）へ pin（golden 逸脱回避）。
   ── 本文は theme clamp（SP12 / PC13-15）＝golden 一致で据え置き。
   ── #flow は色地(--color10)＝写真カード(.fig 角丸5)・navy STEP バッジ・navy .ttl は色地上で分離良好。
   旧 .model.flow .simple3 の8規則は HTML から simple3 が無くなったため撤去（死にCSSを残さない）。 */
.main.airpods-reset.airpods-reset .model.flow .flow-step .step-block .ttl{ font-size:15px; }
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .model.flow .flow-step .step-block{ width:calc(33.333% - 20px); }
  .main.airpods-reset.airpods-reset .model.flow .flow-step .step-block .ttl{ font-size:16px; }
}

/* answer（金型 §quick 流用）の simple3 は3列のうち最終ステップも navy（査定）= グラデ見せ場は他節へ集約済み。金型と同一 */

/* ---- trust（金型 §why-extra の trust-grid 流用）テキスト枠 .tn-s ----
   金型は数値専用(.tn 20px800)。AirPods trust は古物商番号・拠点など"テキスト"も並ぶため、
   数値でない枠を .tn-s（本文系 13px・--color4）で用意（数値枠 .tn は［要確認］のまま非出力ゲート維持）。 */
/* 2026-08-30 critic r1 §6/B-2: .trust-grid(2列)/.tc/.tl/.tl-ck/.tl-ck svg/.tn-s は build/_shared/components.css:194-199 と同値の複製＝撤去（唯一の実体は _shared）。
   B-2: teal✓チップ(.tl-ck)→ 白円+navy3トーンの概念アイコン .tl-ic（#sell .assess-ic / #worry .wic と同 family・40px）。
   A-4: PC の 3列(4枚→3+1 の孤児行) を撤去し 2×2（_shared の 2列がそのまま効く） */
.main.airpods-reset.airpods-reset .why-extra.trust .tc .tl .tl-ic{ flex:0 0 auto; width:40px; height:40px; margin-right:3px; }/* canon gap7 に +3（40px アイコンとラベルの離れ） */
.main.airpods-reset.airpods-reset .why-extra.trust .tc .tl .tl-ic svg{ width:100%; height:100%; display:block; }
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .why-extra.trust .trust-grid{ grid-template-columns:1fr 1fr; }/* 2026-08-30 critic r1 A-4: 4枚は 2×2（_shared の PC 3列だと 3+1 の孤児行）＝コンテキスト差分（枚数由来） */
}

/* ============================================================
   [AIRPODS-ICON] ライセンス済み navy AirPods デバイスアイコン
   素材: library/icons/devices/airpods.svg (Adobe Stock 737810473 統一セット・earbuds＋ケース1種)。fill="currentColor"。
   サイズ・色はここで（CSS）制御＝icon-baked-fill-gotcha 準拠。
   配色トークンのみ: 明背景=var(--color9 #224995) / 濃色面=#9DB8E6（淡青・FV用）。
   ============================================================ */
/* 判別早見表：各モデル行ラベルに recognizable な機種の実写（機種判別の助け）。
   ※FV(ヒーロー)と line-title へのデバイス装飾は撤去——テーマ/金型 ipad-reset に無い発明だったため。
   ヒーロー写真は先方デザイン対応。
   2026-08-30 critic r2 衛生: 旧 .mdl-ic の3規則（SP width:50 / svg width:100% / PC width:54）を撤去。
   早見表は3列化（critic r1 A-2）でデバイスアイコン列ごと無くなり、HTML に .mdl-ic は1つも無い（class トークンで grep 済み）。.mdl-name は実使用のため残置。 *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td.lbl .mdl */
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td.lbl .mdl-ic svg */.main.airpods-reset.airpods-reset .model .compare-table td.lbl .mdl-name{ min-width:0; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td.lbl .mdl-name */

/* 2026-06-23 Figma化中止→本実装(後段=WordPress動的化)。テーマ ScrollHint(js/scroll-hint.js) を model 早見表に適用。
   従来 table-layout:fixed+width:100% が4列を390pxへ圧縮→.mdl(アイコン+名称の横並び)が列からはみ出し・本文も過剰折返し。
   内=overflow-x:auto スクローラ(.cts-inner.swipe-hint)に min-width 表を入れ、ScrollHint が is-scrollable 時にスクロールヒントを表示(テーマ purchase-step03 と同作法)。 */.main.airpods-reset.airpods-reset .compare-table-scroll{ margin-top:18px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .cts-inner *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .cts-inner::-webkit-scrollbar *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-track *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .cts-inner::-webkit-scrollbar-thumb */
/* 2026-08-30 critic r1 A-2: 4列620px（390で72%が画面外・「手順へ」列が初期表示に無い）→ 3列に圧縮し min-width を外して 390 に収める。
   列幅: モデル=canon 34%（_shared:120）／手順へ=78px 固定（「手順A⌄」が1行）／特徴=残り。ScrollHint ラッパーは金型 ipad #model（2列表・390で overflow 0）と同じく作法統一のため残す */
.main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table{ min-width:0; width:100%; margin:0; }
/* 2026-08-30 A-2: 3列の列幅は下の .compare-table-scroll スコープ th:nth-child(1..3)=33/45/22%（旧4列 30/19/35/auto を更新）が唯一。390: 119/162/79px */
.main.airpods-reset.airpods-reset .model .compare-table td:last-child,
.main.airpods-reset.airpods-reset .model .compare-table th:last-child{ padding-left:8px; padding-right:8px; }/* 2026-08-30 scrutiny r2 [H]: 「手順へ」列を 22%→18% に詰めたぶん、th(13px=39px) が canon padding 14px×2 では収まらず
   @375/@390 で「手順/へ」の2行になった → td と同じ 8px 詰めに合わせる（列幅でなく padding で解く＝特徴列を削らない） */
/* 2026-08-30 scrutiny N1-2: 表内「手順へ」ジャンプボタンが #333・下線なし（canon 無し）→ 本文リンク canon と同値（color9・太字・下線）＋1行固定 */
.main.airpods-reset.airpods-reset .model .compare-table td .jump-btn{ display:inline-flex; align-items:center; gap:2px; color:var(--color9); font-weight:700; text-decoration:underline; white-space:nowrap; }
.main.airpods-reset.airpods-reset .highsell .compare-table-scroll .compare-table{ min-width:480px; margin:0; }
/* 列幅を明示配分：3列目「ケース／本体の特徴」(長文)を最広に。4列目「手順へ」はジャンプボタンが入るぶん確保（均等割りだと3列目が窮屈とのユーザー指摘） */
/* 2026-08-30 scrutiny r2 [H]: 3列の配分を見直し。旧 33/45/22 は @390 で特徴列 162px（内容 134px＝12px で約11字）
   ＝6行すべてが折返し、@1280 でも「手順へ」列 220px に対し中身が 54px＝約 170px の空きだった（実測）。
   新配分 SP 29/53/18（@390: 104/191/65）／PC 24/64/12（@1280: 240/640/120）。
   下限の裏取り: モデル列は最長「AirPods Pro」＋nowrap「第1・2世代」、手順へ列は「手順A⌄」nowrap が
   それぞれ1行で収まることを 375/390/768/1280 で実測してから確定した値。 */
.main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table th:nth-child(1){ width:29%; }
.main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table th:nth-child(2){ width:53%; }
.main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table th:nth-child(3){ width:18%; }
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table th:nth-child(1){ width:24%; }
  .main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table th:nth-child(2){ width:64%; }
  .main.airpods-reset.airpods-reset .model .compare-table-scroll .compare-table th:nth-child(3){ width:12%; }
}
/* 2026-06-23 user: イヤーピース列(2列目)の左右余白を増やす（列幅も少し広げて窮屈さ解消） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table th:nth-child(2),
.main.airpods-reset .model .compare-table td:nth-child(2) */
/* 2026-06-23 user: 「手順へ」はプレーンなテキストリンクでなく、テキスト＋下矢印のジャンプボタンに（下にある手順へ飛ぶ意味） *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td .jump-btn *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td .jump-btn:hover */.main.airpods-reset.airpods-reset .model .compare-table td .jump-btn .jb-arw{ width:10px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .model .compare-table td .jump-btn .jb-arw */
/* 2026-06-23 user: 早見表の手順A/B/Cボタンの飛び先に対応ラベルが無い→各手順セクション冒頭に「手順A/B/C」到達マーカーを置き、表のボタンと一致させる。
   デザイン強化(ユーザー指示)＝navyタイル(手順＋大きな英字)＋カテゴリ確認ノート。トークン内(navy/角丸5px/影soft)で構成。 */
.main.airpods-reset.airpods-reset .steps .step-track{ display:flex; align-items:center; gap:13px; margin-bottom:16px; }
/* ブラッシュアップ(ユーザー指示)＝白(テーマカード地 linear-gradient #FFF→--border)＋navyの大英字のチケット型タイル。上=navyの「手順」帯。表のジャンプボタンと同family */
.main.airpods-reset.airpods-reset .steps .st-mark{ flex:0 0 auto; width:56px; background:linear-gradient(to bottom, #FFF 0%, var(--border) 100%); border:1px solid var(--color7); border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(18,77,137,.2); line-height:1; text-align:center; }
.main.airpods-reset.airpods-reset .steps .st-mark .st-mark-k{ display:block; background:var(--color9); color:#fff; padding:4px 0; font-size:9px; font-weight:700; letter-spacing:.2em; }
.main.airpods-reset.airpods-reset .steps .st-mark strong{ display:block; padding:9px 0 11px; font-size:28px; font-weight:800; color:var(--color9); }
/* [B1-C7] 2026-09-07 SEO 監査 C7（装飾 strong の撤去・親統括裁定）: 手順 A/B/C の記号を <strong> から <span class=num> へ。宣言は上の strong 規則と同値（見た目不変）。#why の POINT 番号も同様＝テーマ原典 style.css:6606-6609（.point-num strong{font-size:1.95em;margin-left:3px}）と同値・ipad-reset extra.css:939 と同実装。 */
.main.airpods-reset.airpods-reset .steps .st-mark .num{ display:block; padding:9px 0 11px; font-size:28px; font-weight:800; color:var(--color9); }
.main.airpods-reset.airpods-reset .reason .reason-point .point-list .point .point-num .num{ font-size:1.95em; margin-left:3px; font-weight:bold; }
.main.airpods-reset.airpods-reset .steps .st-note{ min-width:0; font-size:13px; font-weight:700; color:var(--color4); line-height:1.45; }
.main.airpods-reset.airpods-reset .steps .st-note small{ display:block; font-size:11px; color:#5A7386; font-weight:500; margin-top:3px; }
/* 2026-08-30 scrutiny r2 [L]: ここにあった 2 つの空ブロック（旧 text-wrap:balance / pretty の器。_INDEX §3 で
   auto-phrase / text-wrap:balance / pretty は禁止＝宣言だけ抜かれてセレクタ列が残っていた）を撤去。
   泣き別れの制御は「break-word ＋ 語境界 nowrap」に一本化済み。 */
/* ScrollHint オーバーレイ：テーマ style.css:10164-10271 を再スコープ・素材はテーマ pointer.svg/pointer1.svg 流用 */
@keyframes scroll-hint-appear{ 0%{ transform:translateX(40px); opacity:0; } 10%{ opacity:1; } 50%,100%{ transform:translateX(-40px); opacity:0; } }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-shadow-wrap */.main.airpods-reset.airpods-reset .compare-table-scroll .scroll-hint-icon-wrap{ width:100%; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon-wrap *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before *//* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after */.main.airpods-reset.airpods-reset .compare-table-scroll .scroll-hint-icon{ width:120px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon */.main.airpods-reset.airpods-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text{ margin-top:5px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon .scroll-hint-text */.main.airpods-reset.airpods-reset .compare-table-scroll .scroll-hint-icon:before{ width:28px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon:before */.main.airpods-reset.airpods-reset .compare-table-scroll .scroll-hint-icon:after{ width:34px; }
/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon:after */
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .compare-table-scroll .compare-table{ min-width:0; width:100%; }/* 2026-08-27 canon へ委譲（build/_shared/components.css が唯一の実体）: .main.airpods-reset .compare-table-scroll .scroll-hint-icon-wrap */
}
/* 2026-06-25 theme-diff-gate検出: bespoke節の .thisinner が width:calc(100% - 40px)=テーマ【PC】値(style.css:1177)のままで、SPでテーマが calc(100% - 30px) へ上書きする規則(style.css:1186-1187)を欠落→bespoke節だけ左右ガター20px(他のテーマ流用節は15px)でガタついていた。SP実効ガター15px(計30px)へ統一（.model で .model.flow も包含）。 */
@media (max-width:750px){
  .main.airpods-reset.airpods-reset .quick .thisinner,
  .main.airpods-reset.airpods-reset .worry .thisinner,
  .main.airpods-reset.airpods-reset .model .thisinner,
  .main.airpods-reset.airpods-reset .force .thisinner,
  .main.airpods-reset.airpods-reset .safe .thisinner,
  .main.airpods-reset.airpods-reset .trouble .thisinner,
  .main.airpods-reset.airpods-reset .highsell .thisinner,
  .main.airpods-reset.airpods-reset .why-extra .thisinner{ width:calc(100% - 30px); }
}

/* 2026-08-30 scrutiny r2 [L]: `.main.airpods-reset .nowrap{white-space:nowrap}` は build/_shared/components.css:34 `.main .nowrap` の完全複製（鉄則10 CSS共通化）→ 撤去。実体は canon 側のみ */
/* 2026-08-30 critic r1 A-3: 実写の器 .photo-band ＝ build/ipad-reset/extra.css:940-945（apple-machine/extra.css:448-450 と同値・21:9・color7 罫・navy overlay .08・object-position:left・下16=直後の本文と密着回避・PC max-width 760）。
   ※共通部品候補（ipad/apple-machine/本ページの3頁で同値）＝ _shared への移設は別途（本ラウンドは _shared 不変更） */
/* 2026-08-31 _shared 昇格: position/border/border-radius/overflow は _shared（photo-band canon）へ移動 */
.main.airpods-reset.airpods-reset .photo-band{ margin:20px 0 16px; aspect-ratio:21/9; }
/* 2026-08-31 _shared 昇格: .main.airpods-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.airpods-reset.airpods-reset .photo-band img{ height:100%; object-fit:cover; object-position:left center; }
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .photo-band{ max-width:760px; margin-left:auto; margin-right:auto; }
}/* cloned系 base .nowrap util 欠落補填（class=nowrap span が inert だった） */

/* 2026-06-30 gold同期【PCタイポ拡大】: cohort(aquos extra §[R]:585)と同方針＝テーマは本文をSP12px→PC~15px拡大する設計(body clamp style.css:1130/.line-content PC≈15)。bespoke節が12pxメディア外固定だとPCで本文割れ＋1000px幅で間延び（[[pc-typography-bespoke-scaling-golden]]・harness D「PC本文未拡大」）。SP(390)は不変。
   2026-08-30 scrutiny N1-1: 旧ブロックの多くが base より特異度が低く死んでいた（.op-d 0,2,1 vs base .steps .op-d 0,3,1 等＝1280 で 13/14px のまま）。
   → 各宣言を base と同じセレクタ（同特異度・後読みで勝つ）で書き直し、金型 ipad の PC tier（本文15／カード題16／補足13／板見出し20）に一致させる。値は canon と同一。 */
@media (min-width:751px){
  /* 本文/リード/カード本文 → 15px */
  .main.airpods-reset.airpods-reset .quick .quick-lead, .main.airpods-reset.airpods-reset .worry .worry-lead, .main.airpods-reset.airpods-reset .model .model-lead,
  .main.airpods-reset.airpods-reset .force .force-lead, .main.airpods-reset.airpods-reset .trouble .tr-lead, .main.airpods-reset.airpods-reset .safe .safe-lead,
  .main.airpods-reset.airpods-reset .highsell .hs-lead,
  .main.airpods-reset.airpods-reset .steps .op-d, .main.airpods-reset.airpods-reset .trouble .tc .tc-body,
  .main.airpods-reset.airpods-reset .force .br .br-a, .main.airpods-reset.airpods-reset .highsell .assess-desc, .main.airpods-reset.airpods-reset .steps .sc-item .sc-a,
  .main.airpods-reset.airpods-reset .quick .card-hi p,
  .main.airpods-reset.airpods-reset .safe .pi .px, .main.airpods-reset.airpods-reset .worry .pi .px,
  .main.airpods-reset.airpods-reset .worry .worry-board .wi{ font-size:15px; }
  /* カードタイトル/操作行/分岐見出し/概要チップ → 16px */
  .main.airpods-reset.airpods-reset .steps .op-t, .main.airpods-reset.airpods-reset .trouble .tc .tc-q,
  .main.airpods-reset.airpods-reset .steps .sc-item .sc-q, .main.airpods-reset.airpods-reset .safe .pi .px b, .main.airpods-reset.airpods-reset .worry .pi .px b,
  .main.airpods-reset.airpods-reset .steps .ov-step .ov-t, .main.airpods-reset.airpods-reset .force .br .br-q, .main.airpods-reset.airpods-reset .highsell .assess-head{ font-size:16px; }
  /* 補足/note/キャプション/チップ説明 → 13px（本文との段差を保つ） */
  .main.airpods-reset.airpods-reset section.part .note, .main.airpods-reset.airpods-reset .connection-note, .main.airpods-reset.airpods-reset .connection-note2,
  .main.airpods-reset.airpods-reset .steps .step-note, .main.airpods-reset.airpods-reset .trust-note,
  .main.airpods-reset.airpods-reset .quick .simple3 .s .d,
  .main.airpods-reset.airpods-reset .steps .ov-step .ov-d, .main.airpods-reset.airpods-reset .steps .proc-micro,
  .main.airpods-reset.airpods-reset .steps .st-note small{ font-size:13px; }
  /* 板見出し → 20px（金型 ipad .worry-board .board-head PC20） */
  .main.airpods-reset.airpods-reset .worry .worry-board .board-head{ font-size:20px; }
  /* 比較表セル td14 / th15 は _shared/components.css の PC tier が単一実体 */
}

.main.airpods-reset.airpods-reset #cta{ border-top:1px solid var(--color7); }/* 2026-06-30 user-flag cross-page (applewatch): closing CTA (connection non-partbg) follows white related/gen -> white-on-white, CTA top is not a navy band -> needs divider. aquos/xperia prev=color section so none. */

/* 2026-07-03 台帳#26⑤（新検出器が金型自身で真陽性=帯先頭が区切り線と1px密着）: corporate closing と同修正=呼吸30 */
.main.airpods-reset.airpods-reset #cta{ padding-top:30px !important; }

/* 2026-08-27 PC タイポの拡大漏れ（[[pc-typography-bespoke-scaling-golden]]・cross-page gate 1280 の drift）:
   canon は `@media(min-width:751px){ .main .note, .main .connection .connection-note … {font-size:13px} }`
   （build/_shared/components.css）を持つが、ページ側の base ルールが同詳細度で**後読み**のため PC でも 11px のまま勝っていた。
   ページ側にも同じ PC tier を置いて canon と一致させる（値は canon と同一＝独自値ではない）。 */
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .note{ font-size:13px; }/* 2026-08-29 ledger#74: 閉じを失っていたセレクタ行を復元 */
}
/* 2026-08-28 ledger#72 検出器（PC figcaption 13）が捕捉した金型ドリフト: SP11→PC13 の役割別拡大が本 figcaption に届いていなかった（canon _shared figcaption PC13・ledger#33） */
@media (min-width:751px){
  .main.airpods-reset.airpods-reset .steps .step-fig figcaption{ font-size:13px; }
}
@media (min-width:751px){
  /* 2026-08-30 shared-dead-rule: ページ側 base（0,4,1）が _shared の PC tier を潰していた3宣言を PC で canon 値に（trust-note 13 / .tl 14 / .tn-s 15＝_shared と同値） */
  .main.airpods-reset.airpods-reset .why-extra .trust-note{ font-size:13px; }
  .main.airpods-reset.airpods-reset .why-extra.trust .tc .tl{ font-size:14px; }
  .main.airpods-reset.airpods-reset .why-extra.trust .tc .tn-s{ font-size:15px; }
}

/* ============================================================
   2026-08-30 critic r2 [B-3][C-4] PC の作り込み
   ============================================================ */
@media (min-width:751px){
  /* [B-3] safety-check が PC で1列＝幅1000pxに「✓＋1行見出し＋1行本文」のバーが3本並ぶだけの状態が
     手順A/B/C の3節で反復していた → PC でグリッド化。
     2026-08-30 scrutiny r2 [D]: 列数は 3 → **2**（金型 apple-machine/extra.css:765 `grid-template-columns:1fr 1fr`）。
     3列だと 1 カラム 313px＝1行16文字で、.sc-q/.sc-a が「完|了」「削|除」「イヤーチッ|プ」「チェッ|クリスト」と
     語中で割れる（@1280 実測）。2列＝477px／27文字で sc-a が 3行→2行になり割れ点が減る。
     3枚目が半幅の孤児セルになるのは金型 apple-machine も同じ（同幅で実測: 728px を 357px×2＋2行目に1枚）。 */
  .main.airpods-reset.airpods-reset .steps .safety-check{ display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:stretch; }
  .main.airpods-reset.airpods-reset .steps .sc-item{ padding:16px 16px 16px 54px; }

  /* [C-4] #trust カードが PC で低密度（1000px を2分割＝1行本文に対して余白過多）。
     グリッドの幅を絞ってカードあたりの情報密度を上げ、白円アイコンを 40→48px（_shared canon の
     padding/font は触らない＝ページ側はコンテキスト差分のみ・shared-dead-rule 維持）。 */
  .main.airpods-reset.airpods-reset .why-extra.trust .trust-grid{ max-width:860px; margin-left:auto; margin-right:auto; }
  .main.airpods-reset.airpods-reset .why-extra.trust .tc .tl .tl-ic{ width:48px; height:48px; }

  /* [B-2 続き] 図解をアコーディオン外（節の要約図）へ出したことで、PC では 1000px 幅の枠に 300px の図が浮く。
     枠を中央 560px に絞り、図自体も 380px まで拡大して密度を上げる（枠は .step-fig＝ページ固有部品。_shared に同名なし） */
  .main.airpods-reset.airpods-reset .steps .step-fig{ max-width:560px; margin-left:auto; margin-right:auto; padding:18px; }
  .main.airpods-reset.airpods-reset .steps .step-fig svg{ max-width:380px; }

  /* 2026-08-30 critic r3 [B-3]: 手順A の図 2 枚は PC で横2列（560px 枚×2 で 1000px の thisinner を埋める） */
  .main.airpods-reset.airpods-reset .steps .step-figs{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .main.airpods-reset.airpods-reset .steps .step-figs .step-fig{ max-width:none; margin-left:0; margin-right:0; }

  /* 2026-08-30 critic r4 手4: .compact の PC 規則も撤去（派生スキン廃止に伴う）。
     残った #steps / #steps-max は上の 2 列グリッド（金型 apple-machine/extra.css:765 と同値）で描く。 */
}
/* 2026-08-30 台帳#82: 本文 line-height を 1.7 → 1.6 へ（テーマ既定 style.css:71 `font:...14px/1.6`）。
   1.7 はテーマ原典に2箇所しか無く、うち本文系は `.reason .point p{font-size:15px;line-height:1.7}`(6633-6635) だけ＝本ページの11ルールは典拠なしのドリフトだった。
   金型3本（ipad 59/59・aquos 68/68・apple-machine 78/78）は本文が例外ゼロで 1.6。 */


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