/*
 * ご成婚報告のページ群（/report/）の境目の調整。
 *
 * 写した写し元の CSS（report.css と event-top.css）と、テーマ共通の CSS が
 * ぶつかる箇所だけをここに書く。写し元の規則そのものは 2 本の写しにあり、
 * 手で書かない。
 *
 * ------------------------------------------------------------------
 * 柱を外す理由
 * ------------------------------------------------------------------
 * テーマは固定ページの本文へ max-width: 1100px の柱を当てている。移行元は
 * 外側の器が画面いっぱいで、その中の #seo が 1100px、さらに .report_inner が
 * 950px に収まる三段構えである。
 *
 * 実測（2026-08-27・幅 1440px・Bug #2315）:
 *
 *   .report_inner / .eq-cta … 移行元 950px（x=245） → dev 1100px（x=170）
 *   .eq-cta-title / .tac    … 移行元 852px（x=294） → dev 1100px（x=170）
 *   .heartsMain             … 移行元 886px（x=277） → dev 1100px（x=170）
 *
 * 移行元で画面いっぱいに広がる器は、CSS に幅の指定を持たない。親の全幅へ
 * 広がった結果である。幅の規則を写すだけでは足りず、柱そのものを外す。
 *
 * max-width を外しても、広がるのは親の幅までである。移行元は画面いっぱいなので、
 * 画面幅そのものへ広げる書き方が要る。横に飛び出したぶんは body の側で隠す。
 * どちらもテーマが成婚ストーリーと会員の声で使う形にそろえている。
 *
 * **その指定はここには無い。**5 区画で中身が 1 文字も違わなかったため、
 * `assets/css/section-fullwidth.css` の 1 本へまとめた（Task #2454）。この区画は
 * `inc/report-page-css.php` が `PA_REPORT_PAGE_CSS_MEDIA`（1117px 以上）で
 * その 1 本を配る。
 */

/*
 * ------------------------------------------------------------------
 * 箱の数え方を移行元にそろえる
 * ------------------------------------------------------------------
 * 移行元は幅の指定を「中身の幅」として数える（content-box）。このテーマは
 * 「余白と枠を含めた外形」として数える（border-box）。同じ width の値でも
 * 外形が変わるため、写した規則をそのまま当てても寸法が合わない。
 *
 * 婚活川柳（Bug #2314）で、移行元 234 要素すべてが content-box、dev 234 要素
 * すべてが border-box であることを実測している。ご成婚報告も同じ共通 CSS を
 * 読むため、同じ扱いにする。
 */

body .pa-page--report .page-content__body,
body .pa-page--report .page-content__body * {
	box-sizing: content-box;
}

/*
 * ------------------------------------------------------------------
 * 移行元のサイト共通 CSS（css/style.css）から写した 2 つ
 * ------------------------------------------------------------------
 * .page_topArea と .page_top は、ご成婚報告の専用 CSS ではなく移行元の
 * サイト共通 CSS が決めている。テーマにはこの共通 CSS の写しが無い。
 *
 *   .page_topArea … 移行元 幅 1100px（x=170） → dev 幅 1440px（x=0）
 *   .page_top     … 移行元 幅   50px（x=1220） → dev 幅 1100px（x=170）
 *
 * .page_top の float: right は必須である。テーマは移行元の float: right を
 * text-align: right へ置き換えて既に持っているが（main.css の 778〜783 行）、
 * その置き換えでは箱の外形が行いっぱいに広がる。移行元は float によって
 * 中身の画像ぶん（50px）まで縮む。
 *
 * **この 2 つは共通の側で写すべきものである**（Issue #2322）。担当が決まる
 * までこの区画に閉じて当てる。共通の側で写されたら、ここは消す。
 */

body .pa-page--report .page-content__body .page_topArea {
	width: 1100px;
	margin: 0 auto;
}

body .pa-page--report .page-content__body .page_top {
	float: right;
	padding: 40px 0 0;
	clear: both;
}

/*
 * ------------------------------------------------------------------
 * 移行元の共通 reset が決めていた 2 つを戻す
 * ------------------------------------------------------------------
 * **ページ別 CSS を写すだけでは足りない。**その要素に効いている移行元の
 * サイト共通の初期化も確かめる必要がある（2026-08-27・実測）。
 *
 *   img の縦の揃え … 移行元 baseline（初期値のまま） → dev middle
 *   p の行の高さ   … 移行元 27.2px（1.7）           → dev 24px（1.5）
 *
 * **どちらも移行元は何も指定していない。**受け継ぐ値のままである。テーマが
 * 記事の文字組みのために当てている値が、写した本文にも効いていた。
 *
 * 行の高さは、本文の囲み自体は移行元と同じ 27.2px になっている。**段落だけが
 * テーマの値へ落ちていた**ので、囲みから受け継ぐように戻す。
 *
 * 縦の揃えを baseline に戻すと、行の中の画像の下に文字の下ぶらがりぶんの
 * すき間が出る。**移行元がその見え方なので、そろえる。**
 *
 * 🚨 **支援の箱（`.box_support`）の段落は外す（Bug #8266）。**箱の段落は
 * `support-band.css` の `.box_support p { line-height: 2 }`（24px の字で 48px）が
 * 移行元と同じ値を持つ。この規則は詳細度 (0,2,2) でそれに勝ち、箱の `normal` を
 * 受け継がせていた。箱が一覧と個別 124 本で 6px 低かった（662 対 668）のはこのため。
 * 除外は `legacy-reset.css` の `:not(:where(.box_support, .box_support *))` と同じ形で、
 * `:where()` は詳細度を持たないので規則の強さを変えない.
 */

body .pa-page--report .page-content__body img {
	vertical-align: baseline;
}

body .pa-page--report .page-content__body p:not(:where(.box_support *)) {
	line-height: inherit;
}