/*
 * 🔴 Green 側の打ち消し CSS（Step3-39-1）。**移送物ではない**（Blue に対応するファイルは無い）。
 *
 * ── 重ね方 ──────────────────────────────────────────────
 *   1. lang/home/index.mobile/Main.css              … 土台（全幅）        Blue が書いたもの
 *   2. lang/home/index/Main.css   media≥1000px      … 広い幅で上書き      Blue が書いたもの
 *   3. ★このファイル（全幅）                        … 1・2 に対する**意図的な差分だけ**
 *
 * ⚠️ Lang 系のしきい値は **1000px**（レイアウトが `lang/shared/layout/Main.css` を
 *    media="(min-width: 1000px)" で着せているのと同値）。
 *    **ここがズレると「骨格は PC なのに写真の枚数だけモバイル」の幅が生まれる。**
 */

/* 🔴🔴 **PC の CSS はモバイルの nth-child を打ち消せない**（罠 T-1・下見で発見）
 *
 * 【Blue はどうやっていたか】写真の表示枚数を**CSS で**絞っている。
 *   ・PC       … `.pgl-grid-item:nth-child(n+7) { display: none }` ＝ 7枚目以降を隠す＝**6枚**
 *   ・モバイル … `.pgl-grid-item:nth-child(n+4) { display: none }` ＝ 4枚目以降を隠す＝**3枚**
 *
 * 【なぜそのまま重ねられないか】**セレクタが違う**（`n+7` と `n+4`）。
 *   PC 版は**自分が書いた宣言しか上書きしない**ので、広い幅でも
 *   **モバイルの `n+4` が生き残り、PC でも写真が3枚しか出ない**。
 *   📌 **例外もエラーも出ず、HTML には空枠20個がちゃんと出る**＝
 *      静的な検査は全部緑のまま3枚になる（memory feedback_ua_split_css_cannot_be_layered）。
 *
 * 【直し方】広い幅で `n+4` を**明示的に戻す**。
 *   ⚠️ 戻す先は `display: block` ＝**その環境での初期値**（`.pgl-grid-item` はギャラリーの
 *      CSS で grid の子として並ぶ div）。**勝手な値を入れない。**
 *   ⚠️ 順序が仕様＝このファイルは `index/Main.css`（`n+7`）より**後**に読む。
 *      `n+7` が効いたうえで `n+4` を戻すので、結果は**1〜6枚が見え、7枚目以降が隠れる**。
 *   🔑 **確かめ方は「綴りが在るか」ではなく「実際に何枚見えるかを数える」**（検品 39-5）。
 */
@media (min-width: 1000px) {
    .home_hub .hub_item.photos .pgl-grid-item:nth-child(n+4) {
        display: block;
    }
}