/*
 * 広告 LP `/ad/as2/` `/ad/as3/` `/ad/main/` `/ad/man2/` の他社比較表で、セルの幅を
 * 移行元と同じに戻す（Bug #6434・as2 と man2 は Bug #6806 で足した）。
 * 対象は携帯幅だけに出る `div.sp.compares` の表 3 枚。
 *
 * 🚨 **この CSS はページを絞っていない。**当たり先は `.sp.compares` の類名だけで
 * 決まる。どのページへ効かせるかは配り口
 * （`inc/ad-lp-assets.php` の `PA_AD_LP_COMPARES_CELL_WIDTH_PATHS`）が決める。
 * **トップページ `index.html` は表の並びが違う**ので、この当たり先では合わない
 * （表 4 に `15,23` の表が挟まり、`35ch` の表が表 5 へずれる。Bug #6807 で扱う）。
 *
 * ## なぜ要るか
 *
 * 移行元は表の 1 行目のセルへ行内で `style="width: Nch"` を 11 個書いているが、
 * **投入の消毒が行内の `style` を落とす**（材料の記録に
 * `{"kind": "attribute", "name": "style", ...}` として残っている）。
 *
 * **この幅を補う CSS はどこにも無い。**意匠の写しで `.compare-table` に在る幅の
 * 宣言は `width: max-content` の 1 つだけで、`.compare-table th` /
 * `.compare-table td` / `.sticky-col` に幅の宣言は 0 件である（テーマ全体を
 * `compare-table` / `sticky-table` / `nth-child` で走査しても手当ては 0 件）。
 * よって 11 個の出どころは行内の指定だけで、落ちれば計算後の値が変わる。
 *
 * 3 軸の比較（2026-09-15 04:2x・幅 375）で、この区画の高さが
 * **移行元 1863.45px / dev 1842.45px（差 −21.00）** と出ている。
 * 21.00px は `.compare-table th, td` の `font-size: 14px` と初期化ブロックの
 * `line-height: 150%` から、表の 1 行ぶんに当たる。
 *
 * ## 21px の出どころ（実測で決まった）
 *
 * 2026-09-15 20:30:18〜20:30:27・実ブラウザ・幅 375・両側・読み込み 4 回。
 * **差は 1 か所で全部説明がつく。**表 3（サポート）の 4 行目だけが 155 → 134 で、
 * 表 1 と表 2 の高さの差は 0 だった。
 *
 * そのセルは `<ul>` を 5 つ持ち、**4 つ目だけが移行元では 2 行・dev では 1 行**に
 * なる（行数 移行元 [1,1,1,2,1] = 6 行／dev [1,1,1,1,1] = 5 行）。列の幅が
 * **移行元 271.94px（= 35ch）に対し dev 286.73px** と広がるためである。
 * 計算後の値も `width: 35ch` が在る側だけ 271.938px になっている。
 *
 * 🚨 **高さに効くのはこの 1 個だが、11 個とも戻す。**幅は 3 枚とも縮んでいた
 * （表 1 471.97 → 344.22／表 2 782.75 → 580.47／表 3 510.81 → 465.13）。
 * 高さだけを見て 1 個だけ戻すと、**残りの幅の差がそのまま残る**。
 *
 * ## なぜ意匠の CSS を直さないか
 *
 * 🚨 `assets/ad-` 配下は移行元と **1 バイトも違わないこと**を検査が md5 で見張って
 * いる（`tests-retired/pa-cms-ad-lp-assets9/`）。書き換えるとあの検査が落ちる。既存の型
 * （`ad-lp-cta-button-color.css` ほか）と同じく、**上書きを別ファイルで足して
 * 後ろへ配る**。
 *
 * ## 当たり先の絞り方
 *
 * 🚨 **`.sp.compares` で囲う。**同じ `table.compare-table` がこの区画の外にもある
 * （as3 は 1 枚・main は 2 枚。パソコン幅に出る版）。**外の表は行内の幅を 1 つも
 * 持たない**ので、戻す対象ではない。
 *
 * 🚨 **表の指し分けは `.table-wrap` の並び順で行う。**3 枚は類名がまったく同じで、
 * 字では見分けられない。`div.sp.compares` の直下は
 * `div.table-wrap` → `h3.maincol.center` → `div.notice` → `div.table-wrap` →
 * `div.table-wrap` で、移行元と dev で一致する（自動整形が差し込むのは `<p>` だけ
 * なので `div` の並びは動かない）。`.table-wrap:nth-of-type(k)` と書けば、
 * 並びが変わったときに**別の表へ当たるのではなく、どこにも当たらなくなる**。
 *
 * 🚨 **幅の条件（`@media`）は付けない。**移行元の行内の指定は幅で変わらない。
 * `div.sp` 自体が意匠の CSS で `display: none`（768px 以下でだけ `block`）なので、
 * パソコン幅では描かれない。
 */

.sp.compares .compare-table tr:first-child > th.sticky-col {
	width: 15ch;
}

/* 表 1: 出会いの数（会員数・ネットワーク） */
.sp.compares > .table-wrap:nth-of-type(1) .compare-table tr:first-child > td:nth-child(2) {
	width: 15ch;
}

.sp.compares > .table-wrap:nth-of-type(1) .compare-table tr:first-child > td:nth-child(3) {
	width: 30ch;
}

/* 表 2: 出会いの種類（担当からの紹介・AI マッチング・検索申込・その他の紹介） */
.sp.compares > .table-wrap:nth-of-type(3) .compare-table tr:first-child > td:nth-child(-n + 4) {
	width: 20ch;
}

.sp.compares > .table-wrap:nth-of-type(3) .compare-table tr:first-child > td:nth-child(5) {
	width: 25ch;
}

/* 表 3: サポート（定期面談・サポート内容） */
.sp.compares > .table-wrap:nth-of-type(4) .compare-table tr:first-child > td:nth-child(2) {
	width: 15ch;
}

.sp.compares > .table-wrap:nth-of-type(4) .compare-table tr:first-child > td:nth-child(3) {
	width: 35ch;
}