` を1つ持つ**
* その他 2枚 `overflow-hidden` で子が1つだけ
*
* ⚠ **角丸で母集団を絞らないこと。**納品物のスタイルガイドは「カードは2xl」と書いているが
* （`:19625`）、**帯型には `rounded-xl` が5枚ある。**2xl だけで数えると帯型を半分見落とす。
*
* ⚠ **0枚が出たので、見出しの側から数え直してある。**納品物の見出し要素は193本
* （`h1`-`h6` と `jp-h*` の和集合）で、**線の下に居るのは9本。9本とも一覧の器の帯である**
* （問題一覧 `:12442` ／ クエスト一覧 `:13190` ／ ユーザー一覧 `:13913` ／ 対象一覧 `:14614` ／
* アンケート一覧 `:15148` ／ 配分ログ `:16255` ／ 期間区分 `:16508` ／ スタッフ一覧 `:17441` ／
* カタログの見本 `:20444`）。**見出しの直後の兄弟が `border-t` を持つ形は0本。**
*
* ## ⚠ 帯型は触っていない。あちらは Section ではない
*
* **帯型に当たるのは Filament の表の器（`.fi-ta-ctn`）で、出荷CSSが
* `.fi-ta-header` と `.fi-ta-header-toolbar` に同じ線を引いている。**
* ⚠ **あちらは既に納品物と一致しているので、1行も足していない。**
*
* ## ⚠ 線は見出しの下辺ではない。中身の上辺である
*
* 出荷CSSはこう書いている——
* `.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)
* > .fi-section-content-ctn { border-top-width: 1px }`。
* ⚠ **`.fi-section-header` 側を探しても見つからない。**「無い」と結論しかける形なので書いておく。
*
* **打ち消す相手を1つに絞るため、幅だけを0にする。**`border: none` と書くと、
* **畳んだときの `border-style: none` や、脚（`.fi-section-footer`）の線と話が混ざる。**
* ⚠ **脚の線は別の要素に付いていて、ここでは触っていない。**
*
* ## ⚠ 外したあと、詰まって見えるかは測っていない
*
* 納品物 見出し `mb-5` = 20px
* 実装 見出しの下余白 16px ＋ 中身の上余白 24px = 40px
*
* **数の上では納品物より広い。**⚠ **心配されたのと逆向きである。**
* **ただし「広すぎて間延びして見えるか」は数では言えない。**
* **描いた結果は `admin-authenticated.spec.ts` が線の太さだけを読む。**
*
* ## ⚠ 100本すべてに効く
*
* `Section::make(` は100本あり、**100本とも見出しを持つ**（見出しなしの `Section::make()` は0本）。
* `->aside(` 0本・`->contained(` 0本なので、**100本すべてが出荷の条件を満たしている。**
* **1画面ぶんの直しではない。**
*/
.fi-section > .fi-section-content-ctn {
border-top-width: 0;
}
/*
* カードの中の区切り線を1段薄くする（#311 で引いた線そのもの・2026-08-31）。
*
* **納品物 `qpark-cms-mock-master_v2.html` は、`border-t` の区切りを2つの段で描き分けている。**
* ⚠ **23本を数えて、例外が無いことを確かめた。**
*
* gray-100 6本 カードの「中」で内容どうしを分ける線
* セグメント `:12161` ／ 画像・動画 `:15405` ／ 指標の設定 `:16428` `:16468`
* ／ 注記 `:16544` ／ **最終更新・更新者 `:17959`**
* gray-200 17本 カードの「脚」
* ページ送りの帯 8本（「〜 件 / 全件」）／ 操作列 8本（キャンセル・保存）
* ／ タブの下の面 1本 `:20768`
*
* **`.fi-divided` が引く線は前者である。**出荷CSSは `--gray-200` を当てていて、1段濃い。
*
* ⚠ **脚のほうは触らない。**実装の脚は既に納品物と同じ gray-200 である
* ——ページ送りは出荷CSSの `.fi-pagination`、浮いた操作列はこのファイルの
* `border-block-start: 1px solid var(--gray-200)`。**2つとも合っている。**
*
* ## ⚠ いま効くのは1枚だけである。増えたら測り直すこと
*
* `->divided(` は**1本**（メンテナンス管理の「現在の状態」）。**それが納品物 `:17959` と
* 1対1で対応するので、この段はその1枚から取った値である。**
* ⚠ **2本目が現れたら、その画面の納品物と突き合わせてからにすること。**
* **`TheSectionHeadingsFollowTheDeliveredMockTest` が本数を数えて止める。**
*
* ⚠ **出荷の宣言は `:where(…)` に包まれていて特異度が0である。**それでも打ち消せるのは
* 特異度ではなく `@layer` の外に居るからで、**`:where()` を真似る必要は無い。**
*/
.fi-section.fi-divided > .fi-section-content-ctn > .fi-section-content > :not(:last-child) {
border-color: var(--gray-100);
}
/*
* 説明文の字（発注者の指示・2026-08-31）。
*
* 納品物 `qpark-cms-mock-master_v2.html` の小さい本文は **gray-500** で、
* 出荷CSSは **gray-600** である（`.fi-sc-text:not(.fi-badge){color:var(--gray-600)}`。
* 配信済みの `app.css` から読んだ。2026-08-31）。**1段だけ薄くする。**
*
* 納品物 `p.jp-body-sm` 121本
* 500 105本 ← これに寄せる
* 400 7本 空状態・補足の行
* 800 5本 言い切りの文
* 600 2本 ／ 700 1本 ／ 無指定 1本
*
* ⚠ **`.jp-body-sm` はクラス自身が色を持たない**（`font-size` / `line-height` /
* `font-weight` / `letter-spacing` だけ）。**だから上の 500 は要素の実効値である。**
* ⚠ **グレー11段は納品物と `AdminPalette::GRAY` で16進が完全一致している**ので、
* 段の番号のまま突き合わせてよい。
*
* ## ⚠ `.fi-color` を外すこと。外さないと赤い注意書きが灰色になる
*
* **このファイルは `@layer` の外に居るので、層の中の宣言に特異度と関係なく勝つ**
* （理由は一覧の升の docblock に書いてある）。素の `.fi-sc-text:not(.fi-badge)` と
* 書くと、出荷CSSの
* `.fi-sc-text:not(.fi-badge).fi-color:not(.fi-color-neutral){color:var(--text)}` にも
* 勝ってしまう。⚠ **`->color('danger')` を渡した注意書きが4本あり、全部灰色になる**
* ——メンテナンス画面の「保存すると利用者は今すぐ使えなくなります」を含む。
*
* `->color()` を渡した `Text` には `fi-color` が必ず付く
* （`Filament\Support\Colors\ColorManager::getComponentClasses()` が
* `['fi-color', 'fi-color-<名前>']` を返す）。**だから「色を頼まれた字には触らない」を
* `:not(.fi-color)` の1つで言える。**
*
* ⚠ **`->color('gray')` だけは `fi-color` が付かない**（`HasDefaultGrayColor` の分岐で
* 空配列が返る）。**あれは既定と同じ色を頼んだときなので、ここで拾ってよい。**
*
* ## ⚠ ここが 500 なのは「説明しか描いていない」からである
*
* `.fi-sc-text` は `Filament\Schemas\Components\Text` だけが出すクラスで、
* **いま在る15本は全部が説明・注意書きである。**⚠ **値をここへ入れると、
* 納品物が値に当てている 800 から静かにずれる。**
* **その前提は `TheTextColoursFollowTheDeliveredMockTest` が数えて守っている。**
*/
.fi-sc-text:not(.fi-badge):not(.fi-color) {
color: var(--gray-500);
}
/*
* ─── 一覧の表 ──────────────────────────────────────────────────────────────
*
* 納品物の一覧テーブル9枚を描画して測った値へ寄せる（`qpark-cms-mock-master_v2.html`）。
* ⚠ **CSSの字面ではなく、127.0.0.1 に立てて `getComputedStyle` で読んだ値である。**
*
* 見出しの升 padding 12px 16px ／ 14px ／ 500 ／ gray-500 ／ 地は無し
* 本文の升 padding 12px 16px
* 行の高さ バッジのある行 51.5px ／ 無い行 49px（最終行は罫が無いぶん 0.5px 低い）
* 行の境界 1px gray-100（最終行には無い）
* ホバー gray-50
* バッジ 12px / 行送り 18px / padding 4px 12px / 角丸 9999px → 高さ 26px
* ページ送り border-top 1px gray-200 ／ padding 16px 20px ／ 現在ページは白字
*
* ⚠ **「51.5px」は単一の値ではない。**バッジが行の高さの床になっていて、バッジを持たない
* `ranking` の行は納品物でも 49px である。**バッジは 26px で、本文の行送り 24px より高い。**
* したがって上下の余白をこれ以上削っても 46px には届かない——`docs/admin/component_catalog.md`
* に在った「46px」は `12 + 12 + 22` という**計算値**で、バッジを勘定に入れ忘れている。
* ⚠ **納品物自身が 51.5px である。**
*
* ⚠ **升の箱を持つのは `| ` ではない。**Filament の ` | .fi-ta-cell` は padding 0 で、
* 値は内側の列要素（`.fi-ta-text` `.fi-ta-icon` …）が持っている。` | ` に書いても効かない。
* 例外が2つあり、**端の升だけ ` | ` 自身が 12px / 24px を持つ**のと、
* **操作列は内側が 0 で ` | ` が持つ**。だから両方をここで揃える。
*
* ⚠ **この上書きが効くのは `@layer` の外に居るからである。**`questpark-admin-tonmana.css` は
* `filament/app.css` より**先に**読み込まれる（`` の並びで確認済み）。それでも勝つのは、
* Filament の出荷CSSが丸ごと `@layer theme/base/components/utilities` の中に在り、
* **層の外の宣言は層の中の宣言に無条件で勝つ**からである。
* ⚠ **このファイルを `@layer` で包むと、ここの上書きが全部黙って効かなくなる。**
*
* ⚠ **`.fi-ta-*` は26画面ぜんぶの一覧に効く。**詳細画面の中の関連一覧も同じ組で描かれる
* （実測で値まで同一）。**片方だけ動かすことはできない。**
*/
/*
* 状態タブの帯。納品物 `#announcement` の
* ` |