/*
 * QOM総研（/research/）の区画で、テーマと移行元の食い違いを埋める（手書き）。
 *
 * 🚨 **`section.css` は機械が作るので手で書けない**（写し元の
 * `legacy/www.p-a.jp/public/css/page_research.css` を
 * `scripts/pa-cms/transform-legacy-page-css.py` に通した結果である）。
 * **写し元に無い宣言は、この橋渡しの側に書く。**
 *
 * 読み込む順は `section.css` の後である（`inc/research-page-css.php` の
 * `PA_RESEARCH_PAGE_CSS_FILES` の並び）。配る幅も同じで、`(min-width: 750px)`
 * のときだけ配られる。
 *
 * --------------------------------------------------------------
 * 1. 区画が受け継ぐ字の大きさを移行元にそろえる（Bug #5149）
 * --------------------------------------------------------------
 *
 * **移行元の区画は 13px を受け継ぐ。dev は 16px を受け継いでいた。**
 *
 * | 当たり先 | dev（直す前） | 移行元 |
 * |---|---|---|
 * | `body` | 12px | 12px |
 * | **`#research`** | **16px** | **13px** |
 *
 * 13px の出どころは移行元のサイト共通 CSS（`css/common.css` の
 * `body { font-size: 13px }`）である。**写し元のページ専用 CSS には入っていない**ので、
 * 機械が作る `section.css` には現れない。**`body` へ当てると全ページに波及する**ので、
 * 区画の器へ当てて閉じ込める。
 *
 * ## 画面に出る差は 1 か所だった（実測・2026-09-09 11:4x・幅 1440px）
 *
 * 区画の中の文字を持つ要素を全数で突き合わせた（**画面に出ている文字を鍵にして組む**。
 * 添え字で組むと、片側にしか無い要素で 1 つずれて全件が違って見える）。
 *
 * | 中身 | 件数 |
 * |---|---|
 * | 両側に在る要素 | 76 種類 |
 * | **字の大きさが違う要素** | **1 種類**（`p.text_more > a`「この記事を読む >」12 本） |
 *
 * ほかの 75 種類は、自分で大きさを決めているので受け継ぎの差を受けない。
 */
body .pa-page--research .page-content__body #research {
	font-size: 13px;
}

/*
 * --------------------------------------------------------------
 * 2. 「これまでの記事の一覧」の回り込みの解除と余白（Bug #8272）
 * --------------------------------------------------------------
 *
 * 一覧の下の `div.under_menu`（「これまでの記事の一覧」）で、中の `ul.under_menu_list`
 * の高さが 0 になり、箱が 48px つぶれていた。
 *
 * 実測（幅 1440・`pa-verify-assets/tools/d3-8272規則-0920.mjs`・sha256 先頭
 * `5bd8e6a94e664497`・2026-09-21 00:0x・本番へ出たリクエスト 0 件）。
 *
 * | 対象 | dev（直す前） | 移行元 |
 * |---|---|---|
 * | 箱 `div.under_menu` の高さ | 122 | **170.42** |
 * | 並び `ul.under_menu_list` の高さ | **0** | **48** |
 * | 並びの `::after` の `content` | **none** | **"."**（`display: block` / `clear: both`） |
 * | 並びの下の外余白 | **25px** | **0** |
 * | 項目 `li` の下の外余白 | **0** | **10px** |
 *
 * 差の出どころは 3 つで、**どれも写し元の `page_research.css` には無い**。
 *
 * | # | 何が違うか | 移行元の出どころ | dev で当たっていた規則 |
 * |---|---|---|---|
 * | 1 | 回り込みの解除 | サイト共通 `css/common.css` の `.clearfix:after` | 当たる規則が 1 本も無い（`content: none`） |
 * | 2 | 並びの下の外余白 | 指定なし（0） | `.page-content__body :is(ul, ol) { margin: 0 0 var(--pa-article-paragraph-gap) }` ＝ 25px |
 * | 3 | 項目の下の外余白 | **ページの中の `<style>`** の `.under_menu_list li { margin-bottom: 10px }` | `.page-content__body li { margin-bottom: 0 }` |
 *
 * 🚨 **3 の出どころはページに直接書かれた `<style>` である。**投入は本文の中しか運ばないので、
 * ページの `<head>` に書かれた指定はテーマ側で補うほかない。
 *
 * 🚨 **移行元は `.clearfix` を全ページ共通で持つが、このテーマは持たない。**ここでは当の並びだけに
 * 閉じ込める。共通の `.clearfix` を足すと、同じ類名を持つほかの区画が一度に動く。
 *
 * この 3 本は `(min-width: 750px)` のときだけ配られる（`PA_RESEARCH_PAGE_CSS_MEDIA`）。
 * 幅 375 では移行元のスマートフォン版がこの区画そのものを持たないため、別途決める。
 */
body .pa-page--research .page-content__body #research .under_menu_list {
	margin-bottom: 0;
}

body .pa-page--research .page-content__body #research .under_menu_list::after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

body .pa-page--research .page-content__body #research .under_menu_list li {
	margin-bottom: 10px;
}

/*
 * 題名の見出しの行の字と行送り（Bug #8332）。
 *
 * 見出し `h3.title` の中は題名の絵（`title.gif`）だけで、絵は行の中に置かれる。見出しの高さは
 * 絵の高さと、その行の字の大きさ・行送りで決まる。移行元はサイト共通の字（13px・行送り
 * `normal`）のまま絵を置き、見出しは **81px** になる。dev はテーマの見出しの既定（22px・
 * 33px）がこの行に効いて **84px** になり、カルーセルとその矢印が 3px 下へ送られていた
 * （2026-09-25 の実測。`pa-verify-assets/B/8332-入れ子-0925c/`）。
 *
 * 絵の寸法と位置は両側で同じ（Bug #8160 の実測）なので、行の字と行送りだけを移行元に戻す。
 * 携帯幅は `main.css` の `@media (max-width: 749px)` の `#research .title` で同じことをする
 * （この 1 本は `(min-width: 750px)` のときだけ配られる）.
 */
body .pa-page--research .page-content__body #research .title {
	font-size: 13px;
	line-height: normal;
}