/* === pg-corporate.css ─ 類型A・会社系3P（158 message / 907 history / 945 company）=========
   仕様の正: _scripts/design_system_2026-08-18.md（以下「仕様書」。§番号は本書のもの）
   寸法の検証: _scripts/design_research/proto/tokens.css ＋ p_message / p_history / p_company.html
   markup の正: _scripts/redesign_corporate_2026-08-18.php（冪等・対象ID 158/907/945 のみ）

   【このファイルの責任範囲】仕様書 §8 の責任分担表の `pg-corporate.css` 行がすべて。
     .scy-acro / .scy-acro__ini / .scy-acro__en / .scy-acro__ja
     .scy-tl / .scy-tl__year / .scy-tl__ev
     .scy-flow2
     .scy-hist__portrait / .scy-figlabel / .scy-pg__docs / .scy-fig--doc
     .scy-list2
     .scy-map
   これ以外のクラス（.scy-mark / .scy-cta / .scy-idx / .scy-band / .scy-foot / .scy-sheet /
   .scy-lay / .cN / タイポ6役）は pg-core.css の担当。**ここでは定義し直さない。**

   【例外：2種類だけ「器」に触れている。理由を明記する】
   (a) §A-0「節リズム」… 旧 assets/pages.css の `.scy-lay{margin-block:64px}` は仕様書 §7 の
       3値（48 / 96 / 128）に無い値で、そのままだと S4（縦の空白は3値だけ）が成立しない。
       また pg-core は .scy-h2 / .scy-h3 を margin:0 で出すので、見出し→中身の 24 / 16 を
       どこかが持たないと節が組めない。触るのは **margin だけ**（字面・色・罫は触らない）。
       打ち消しは **body の類型クラス .scy-t-corp を起点にスコープする**ので、
       サービス系・実務系・法務系の各レーンには物理的に届かない（並列作業を壊さない）。
       対象セレクタは §A-0 の5本と §A-8 の5本、計10本だけ。
   (b) §A-8「狭い列のシート」… .scy-sheet の th は 180px 固定なので、4カラム（≈331px）や
       右レール（≈427px）に置くと値が 220px に潰れて1行14字まで落ちる。
       この2つの器の中だけ、pg-core が ≤782px で既に持っている「項目名を値の上に積む」形へ
       前倒しする。見た目の語彙は変えていない（SPと同じ形）。

   【禁止事項（仕様書 §0・§3・§9）】
     - --scy-ink-2 / --scy-ink-3 を参照しない（白地 4.41:1 / 2.38:1 ＝ AA割れ・F-6）
     - .scy-reveal に見た目を持たせない（演出専用・F-9）
     - 角丸は pill(999px) の1種のみ。他は全て0
     - 影・グラデ・グロー・ダーク背景・アクセントの大面積ベタ塗りを作らない
     - ブレークポイントは 1200 / 960 / 782 の3本のみ（新設禁止・§9-4）
     - font-size は rem（SPはルートが 3.6vw ＝ 390px で 14.04px に縮む）。px 固定にしない
   ========================================================================================= */

/* ============================================================
   A-0. 類型Aの節リズム（48 / 96 / 128 の3値だけで組む・S4）
   ------------------------------------------------------------
   縦の間は「前の要素の下マージン」が持つ。見出しブロック（.scy-mark + h2）は
   pg-core で margin:0 なので、器の側に持たせないと節の切れ目が作れない。

     .scy-pagehead        下 48（pg-core）
     > .scy-lay           上 0 / 下 96      ← 節そのもの
     > h2.scy-h2          下 24             ← 見出し → 中身
     .scy-band            上下 96（pg-core）
     .scy-foot            上 128（pg-core）

   隣接マージンは相殺されるので、96 と 96 が並んでも 96 のままになる。
   ============================================================ */
.scy-t-corp .post_content > .scy-lay {
	margin: var(--scy-sp-3) 0 var(--scy-gap-m);
}
/* ページヘッダー直後の節は、ヘッダー側の 48 をそのまま使う（24 を足さない） */
.scy-t-corp .post_content > .scy-pagehead + .scy-lay {
	margin-top: 0;
}
/* 節見出し → 中身は 24（仕様書 §7 のワイヤの「24 ─── rule ───」）。
   カラムの中に入った h2（/history/ 冒頭）も同じ間にする。 */
.scy-t-corp .post_content h2.scy-h2 {
	margin-bottom: var(--scy-sp-3);
}
/* カラム内の小見出し（創業者名・受賞歴）→ 中身は 16 */
.scy-t-corp .post_content .scy-lay h3.scy-h3 {
	margin-bottom: var(--scy-sp-2);
}
/* 見出しブロックの直後に頭文字グリッドが来る場合だけ、間を 24 に締める
   （.scy-acro の上罫がそのまま節の区切り罫になる＝罫を二重に引かない） */
.scy-t-corp .post_content > .scy-lay:has(+ .scy-acro) {
	margin-bottom: var(--scy-sp-3);
}
/* 本文中に残す区切り記号（｜・：・◇）は削除せず hidden で保持する。
   post_content の文字列は1字も変えない、という制約を満たしたまま見た目だけ整える。 */
.scy-t-corp .post_content [hidden] {
	display: none;
}

/* ============================================================
   A-1. 頭文字グリッド .scy-acro（/message/ 専用・§6-6）── このページの合否ライン
   ------------------------------------------------------------
   9項目は社名そのものの折句である。**1列9行に積むと、頭文字を上から下に読んで
   S U P E R C I T Y ＝ SUPERCITY** になる。
   【2026-08-18 修正】当初は3列に組んでいたが、CEO指摘「これ、縦に並べないとわからん」。
   3列だと目は各列を縦に追う（S E I / U R T / P C Y）ため折句が読めない。折句は
   「頭文字が一直線に縦に並ぶ」ことでしか成立しないので、1列9行が唯一の正解。
   横幅は行の中で使い切る（頭文字 / 英語 / 和訳 の3カラム）ので右は死なない。
   テキストは1字も足していない（現行の `S｜Satisfaction　顧客満足（客户满意）` を
   ｜ と全角空白の位置で3片にマークアップし直しただけ）。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) ul.scy-acro {
	display: grid;
	grid-template-columns: minmax(0, 1fr); /* 1列9行。頭文字が縦一直線に並ぶ */
	gap: 0;
	margin: 0;
	padding: 0;
	max-width: none;
	list-style: none;
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-acro > li {
	display: grid;
	/* 頭文字 / 英語 / 和訳 の3カラムで横幅を使い切る（1列でも右を死なせない） */
	grid-template-columns: 64px minmax(180px, 300px) minmax(0, 1fr);
	gap: 0 var(--scy-sp-4);
	align-items: baseline;
	margin: 0;
	padding: var(--scy-sp-3) 0;
	list-style: none;
	border-bottom: 1px solid var(--scy-line);
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-acro > li::marker { content: none; }

/* markup は <span class="ini"> / <span hidden>｜</span> / <span>(en + ja)</span> の3片。
   英語と和訳を別カラムに置くため、クラスの無いラッパーだけを display:contents で溶かす。
   [hidden] を除外しないと UA の display:none を上書きして「｜」が復活するので必須。 */
:is(.scy-pg .post_content, .scy-pg) ul.scy-acro > li > span:not([class]):not([hidden]) {
	display: contents;
}

:is(.scy-pg .post_content, .scy-pg) .scy-acro__ini {
	font-family: var(--scy-num);
	font-variant-numeric: tabular-nums;
	font-size: 2.75rem; /* 44px */
	font-weight: 600;
	line-height: .9;
	letter-spacing: -.02em;
	color: var(--scy-accent);
}
:is(.scy-pg .post_content, .scy-pg) .scy-acro__en {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .01em;
	color: var(--scy-ink);
	margin-bottom: 0;
}
/* 和訳は行の右端で揃える。頭文字(左)と和訳(右)が両端を押さえ、間を罫が渡る＝
   目次・台帳の組み方。1列にした結果できる右の余白を「意図のある間」に変える。 */
:is(.scy-pg .post_content, .scy-pg) .scy-acro__ja {
	display: block;
	text-align: right;
	font-size: .875rem; /* 14px */
	font-weight: 400;
	line-height: 1.6;
	color: var(--scy-ink-label);
}

/* ============================================================
   A-2. 年表 .scy-tl（/history/・§6-5）── 年がこのページの骨
   ------------------------------------------------------------
   年は 22px / 600 / 等幅 / tabular-nums / accent。桁が縦に揃うので、
   26行が「読む前に年表だと分かる」状態になる（S2）。
   「年」の1字は和文なので等幅に流さず、数字の肩に小さく添える（§4-1）。
   2列化は .scy-lay の c6 + c6 に前半／後半で分ける。column-count は使わない
   （左段だけが伸びて右段が空く事故が起きる）。
   ============================================================ */
/* 【2026-08-18 修正】CEO指摘「なんか線が多すぎて見にくいんよ」。
   26件の出来事すべてに横罫を引くと1ページで49本になり、罫が文字より目立つ。
   年表の線は「時間が続いていること」を示す**縦の連結線1本**が正しい。
   横罫は全廃し、年（アクセント・等幅）と縦線だけで年表を組む。 */
:is(.scy-pg .post_content, .scy-pg) ul.scy-tl {
	--scy-tl-col: 120px; /* 年の列幅。782px以下で 88px に縮む */
	position: relative;
	margin: var(--scy-sp-3) 0 0;
	padding: 0;
	max-width: none;
	list-style: none;
}
/* 縦の連結線＝年の列と出来事の列のちょうど間を、上から下まで1本だけ通す */
:is(.scy-pg .post_content, .scy-pg) ul.scy-tl::before {
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: calc(var(--scy-tl-col) + var(--scy-sp-4) / 2);
	width: 1px;
	background: var(--scy-line);
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-tl > li {
	display: grid;
	grid-template-columns: var(--scy-tl-col) minmax(0, 1fr);
	gap: 0 var(--scy-sp-4);
	align-items: start;
	margin: 0;
	padding: 14px 0;
	list-style: none;
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-tl > li::marker { content: none; }

:is(.scy-pg .post_content, .scy-pg) .scy-tl__year {
	font-family: var(--scy-num);
	font-variant-numeric: tabular-nums;
	font-size: 1.375rem; /* 22px */
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .01em;
	color: var(--scy-accent);
	white-space: nowrap;
}
/* 「年」の1字だけ和文サンスに戻して小さく添える（等幅に和文を流さない・§4-1） */
:is(.scy-pg .post_content, .scy-pg) .scy-tl__year > span {
	font-family: var(--scy-sans);
	font-size: .75rem; /* 12px */
	font-weight: 500;
	letter-spacing: .02em;
	color: var(--scy-ink-label);
	margin-left: 2px;
}
:is(.scy-pg .post_content, .scy-pg) .scy-tl__ev {
	display: block;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--scy-ink);
}
/* 出来事は「見出し（何が起きたか）」と「説明」の2段。strong をブロック化して4px下げる */
:is(.scy-pg .post_content, .scy-pg) .scy-tl__ev > strong {
	display: block;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 4px;
}
:is(.scy-pg .post_content, .scy-pg) .scy-tl__ev > strong strong {
	font-weight: 600;
}

/* ============================================================
   A-3. 走り文 .scy-flow2（/message/・§7）
   ------------------------------------------------------------
   もとは column-count:2 の2段組だったが、段の間で読む順が折り返して読みにくい
   （CEO指摘・2026-08-18）ため1段へ変更。1行の長さは測度 43em で抑える。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) .scy-flow2 {
	column-count: 1;
	margin: var(--scy-gap-s) 0 0;
}
:is(.scy-pg .post_content, .scy-pg) .scy-flow2 p {
	max-width: var(--scy-measure-text, 43em);
	margin: 0 0 1.5em;
	font-size: 1rem;
	line-height: 1.8;
	color: var(--scy-ink);
}
:is(.scy-pg .post_content, .scy-pg) .scy-flow2 p:last-child { margin-bottom: 0; }

/* ============================================================
   A-4. 図版 .scy-fig--doc（/history/ 中国拠点図）
   ------------------------------------------------------------
   写真ではなく「読み取れること」が価値の図。cover で切らず、面の上に contain で置く。
   サムネイル化（角丸＋枠線＋余白）は実在10社で0件なので作らない（P5）。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) .scy-fig--doc {
	margin: 0;
}
:is(.scy-pg .post_content, .scy-pg) .scy-fig--doc img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 480px;
	object-fit: contain;
	background: var(--scy-surface-2);
	border: 0;
	border-radius: 0;
	padding: var(--scy-sp-3);
	box-sizing: border-box;
}

/* ============================================================
   A-5. 創業者ポートレート .scy-hist__portrait（/history/・c3）
   ------------------------------------------------------------
   行の高さは文字（経歴 c5 ＋ 受賞歴 c4）が決め、写真はその高さを cover で埋める。
   figure 自身をグリッドアイテムにしているので、ここで align-self を持てる。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) figure.scy-hist__portrait {
	position: relative;
	align-self: stretch;
	min-height: 360px;
	margin: 0;
	padding: 0;
	background: var(--scy-surface-2);
	overflow: hidden;
}
:is(.scy-pg .post_content, .scy-pg) figure.scy-hist__portrait img {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: 50% 20%;
	border: 0;
	border-radius: 0;
	padding: 0;
	background: var(--scy-surface-2);
}

/* ============================================================
   A-6. 図版群のラベル .scy-figlabel ＋ ギャラリー .scy-pg__docs（/history/ 掲載誌面）
   ------------------------------------------------------------
   誌面は cover で切ると読めなくなるので、面の高さを決めて contain で置く
   （面の左右にだけ地色が残る形）。キャプションは面の外・左揃え。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) .scy-figlabel {
	max-width: none;
	margin: var(--scy-gap-s) 0 var(--scy-sp-3);
	padding-top: var(--scy-sp-2);
	border-top: 1px solid var(--scy-rule);
	font-size: .875rem; /* 14px */
	line-height: 1.7;
	letter-spacing: .01em;
	color: var(--scy-ink-label);
}
:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs.wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--scy-sp-6) var(--scy-col-gap);
	margin: 0;
}
/* WordPress 本体 wp-includes/blocks/gallery/style.min.css の
   `figure.wp-block-image:not(#individual-image){width:calc(50% - …)}` は
   詳細度が (1,2,1)＝ID1個ぶんある。同じ :not(#individual-image) を足して (1,4,1) で勝つ。
   これを外すと 451px のマスの中に 140px の図版が浮く（既知事象・!important は使わない）。 */
:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image,
:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image:not(#individual-image) {
	width: auto;
	max-width: none;
	flex-basis: auto;
	align-self: start;
	margin: 0;
	background: none;
}
:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image img {
	display: block;
	width: 100%;
	height: 420px;
	object-fit: contain;
	object-position: center;
	background: var(--scy-surface-2);
	border: 0;
	border-radius: 0;
	padding: var(--scy-sp-2);
	box-sizing: border-box;
}
/* WPギャラリー既定の「画像に重ねた暗いグラデ帯のキャプション」を面の外へ出す */
:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image figcaption {
	position: static;
	max-height: none;
	margin: var(--scy-sp-2) 0 0;
	padding: 0;
	background: none;
	font-size: .875rem;
	line-height: 1.6;
	text-align: left;
	color: var(--scy-ink-label);
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
}

/* ============================================================
   A-7. 2列の一覧 .scy-list2（/history/ メディア掲載）
   ------------------------------------------------------------
   5件が小さな文字の壁になっていた。媒体名（—— の手前）を 600 で立て、
   1件＝1行の記録に見えるよう行罫を通す。文章は1字も変えていない
   （既存の文字列を <strong> で囲っただけ）。
   段組み（column-count）ではなくグリッド。段組みだと項目長が不揃いなときに
   左段だけ伸びて右に空白が縦に残る。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--scy-sp-8);
	row-gap: 0;
	max-width: none;
	margin: 0 0 var(--scy-sp-3);
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--scy-rule);
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 > li {
	margin: 0;
	padding: 18px 0;
	max-width: 43em;
	font-size: 1rem;
	line-height: 1.8;
	color: var(--scy-ink);
	list-style: none;
	border-bottom: 1px solid var(--scy-line);
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 > li::marker { content: none; }
:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 > li > strong {
	font-weight: 600;
}
/* 5件＝奇数なので最終行は左マスだけが埋まる。箱だけ全幅にして下罫を通し切り、
   右半分は padding で空ける（＝文字の折り返し幅は 640px のまま変わらない）。
   max-width を none に戻さないと、旧 pages.css の padding-right(50%+32px) と
   本ファイルの max-width(43em) が食い合って本文が1文字ずつ縦に折れる。 */
:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 > li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	max-width: none;
	box-sizing: border-box;
	padding-right: calc(50% + var(--scy-sp-8) / 2);
}
@media (max-width: 960px) {
	:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 > li:last-child:nth-child(odd) {
		padding-right: 0;
	}
}

/* ============================================================
   A-8. 狭い列に置く .scy-sheet（右レール c9-c12 / 受賞歴 c4）
   ------------------------------------------------------------
   th 180px 固定のままだと値が 220px 以下に潰れる（1行14字）。
   pg-core が ≤782px で既に持っている「項目名を値の上に積む」形を、
   この2つの器の中だけ前倒しする。見た目の語彙（横罫のみ・縦罫なし）は変えない。
   ============================================================ */
.scy-t-corp .post_content :is(.c4, .right-4) table.scy-sheet tr {
	display: block;
	padding: 14px 0;
	border-bottom: 1px solid var(--scy-line);
}
.scy-t-corp .post_content :is(.c4, .right-4) table.scy-sheet tr:first-child {
	border-top: 1px solid var(--scy-rule);
}
.scy-t-corp .post_content :is(.c4, .right-4) table.scy-sheet th {
	display: block;
	width: auto;
	padding: 0 0 4px;
	border: 0;
}
.scy-t-corp .post_content :is(.c4, .right-4) table.scy-sheet td {
	display: block;
	padding: 0;
	border: 0;
}
/* レールのシート直後に置くゴーストCTA（/company/ の弊社パンフレット）。
   クラスではなく「レールの中の p」を主語にするので、共有部品には触れていない。 */
.scy-t-corp .post_content .right-4 > table.scy-sheet + p {
	margin: var(--scy-sp-4) 0 0;
}

/* ============================================================
   A-9. 地図 .scy-map（/company/）── 全幅バンドへ昇格
   ------------------------------------------------------------
   右上の小箱に置くと、その下に 500px 超の白い穴が残る（実測）。
   .scy-band と併記して全幅の面に上げ、高さは pg-core の .scy-band iframe に委ねる。
   旧 pages.css の .scy-map{height:100%} / iframe{min-height:520px} をここで解く。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) .scy-map {
	height: auto;
	background: var(--scy-surface-2);
}
:is(.scy-pg .post_content, .scy-pg) .scy-map iframe {
	min-height: 0;
	border: 0;
}

/* ============================================================
   A-10. ブレークポイント（1200 / 960 / 782 の3本のみ・新設禁止）
   ============================================================ */
/* ============================================================
   A-8. メディア掲載の対 .scy-media（/history/）
   ------------------------------------------------------------
   もとは「5件の説明文の一覧」と「6枚の誌面ギャラリー」が上下2ブロックに
   分かれており、どの文がどの誌面のことか読者が突き合わせる必要があった
   （CEO指摘・2026-08-18）。1行＝1媒体にして、左に誌面・右にその説明文を置く。
   誌面が2枚ある媒体（AERA / City Weekend）は左マスの中で横に並べる。
   誌面画像が無い媒体（Insider）は左マスを空け、本文の頭を他行と揃える
   （--noimg）。揃えないと1行だけ左に飛び出して列が崩れる。
   誌面は cover で切ると読めなくなるので、面の高さを決めて contain で置く。
   ============================================================ */
:is(.scy-pg .post_content, .scy-pg) ul.scy-media {
	display: block;
	max-width: none;
	margin: 0 0 var(--scy-sp-3);
	padding: 0;
	list-style: none;
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-media > li {
	display: grid;
	grid-template-columns: var(--scy-media-col, 420px) minmax(0, 1fr);
	column-gap: var(--scy-sp-8);
	align-items: start;
	margin: 0;
	padding: var(--scy-sp-4) 0;
	max-width: none;
	list-style: none;
	border-bottom: 1px solid var(--scy-line);
}
:is(.scy-pg .post_content, .scy-pg) ul.scy-media > li::marker { content: none; }
:is(.scy-pg .post_content, .scy-pg) ul.scy-media > li:first-child { padding-top: var(--scy-sp-4); }

/* 左：誌面 */
/* 誌面は1枚でも2枚でも同じ大きさで並ぶよう、マスは常に2つ。
   1枚しか無い媒体は右のマスが空くだけ（1枚を横に引き伸ばすと、
   地色の面ばかり広くなって誌面が小さく見える）。 */
:is(.scy-pg .post_content, .scy-pg) .scy-media__figs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--scy-sp-3);
	align-items: start;
}
:is(.scy-pg .post_content, .scy-pg) figure.scy-media__fig {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	background: none;
}
:is(.scy-pg .post_content, .scy-pg) figure.scy-media__fig img {
	display: block;
	width: 100%;
	height: 190px;
	aspect-ratio: auto;
	object-fit: contain;
	object-position: center;
	background: var(--scy-surface-2);
	border: 0;
	border-radius: 0;
	padding: var(--scy-sp-2);
	box-sizing: border-box;
}
:is(.scy-pg .post_content, .scy-pg) .scy-media__cap {
	margin: var(--scy-sp-2) 0 0;
	padding: 0;
	font-size: .8125rem; /* 13px */
	line-height: 1.6;
	letter-spacing: .01em;
	text-align: left;
	color: var(--scy-ink-label);
	background: none;
}

/* 右：媒体名と説明文 */
:is(.scy-pg .post_content, .scy-pg) .scy-media__name {
	max-width: none;
	margin: 0 0 var(--scy-sp-2);
	font-size: 1rem;
	line-height: 1.7;
	color: var(--scy-ink);
}
:is(.scy-pg .post_content, .scy-pg) .scy-media__name > strong { font-weight: 600; }
:is(.scy-pg .post_content, .scy-pg) .scy-media__desc {
	max-width: var(--scy-measure-text, 43em);
	margin: 0;
	font-size: 1rem;
	line-height: 1.8;
	color: var(--scy-ink);
}
/* 誌面画像が無い行は、左マスを空けて本文を2列目に置く（列を揃える） */
:is(.scy-pg .post_content, .scy-pg) .scy-media__it--noimg .scy-media__txt {
	grid-column: 2;
}

@media (max-width: 1200px) {
	/* 折句は常に1列。畳むのは行の中の3カラム（下の 960 / 782 で処理する）。 */
	:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image img { height: 300px; }
	:is(.scy-pg .post_content, .scy-pg) ul.scy-media > li { --scy-media-col: 340px; column-gap: var(--scy-sp-6); }
	:is(.scy-pg .post_content, .scy-pg) figure.scy-media__fig img { height: 160px; }
}

@media (max-width: 960px) {
	/* 行の中の3カラムが窮屈になるので、和訳を英語の下へ落として2カラムにする。
	   頭文字の列は動かさない＝縦一直線は保たれる。 */
	:is(.scy-pg .post_content, .scy-pg) ul.scy-acro > li {
		grid-template-columns: 64px minmax(0, 1fr);
		align-items: start;
	}
	/* ラッパーを1つの格に戻し、英語の下に和訳を積む */
	:is(.scy-pg .post_content, .scy-pg) ul.scy-acro > li > span:not([class]):not([hidden]) {
		display: block;
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-acro__en { margin-bottom: 4px; }
	:is(.scy-pg .post_content, .scy-pg) .scy-acro__ja { text-align: left; }

	/* 2段組は1カラム 400px（25字）を切ると読みにくい。1段に戻す。 */
	:is(.scy-pg .post_content, .scy-pg) ul.scy-list2 {
		grid-template-columns: minmax(0, 1fr);
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs.wp-block-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--scy-sp-4) var(--scy-sp-4);
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image img { height: 260px; }
	/* 960 以下は縦積み。誌面が上、説明文が下 */
	:is(.scy-pg .post_content, .scy-pg) ul.scy-media > li {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--scy-sp-4);
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-media__figs { max-width: 460px; }
	:is(.scy-pg .post_content, .scy-pg) .scy-media__it--noimg .scy-media__txt { grid-column: auto; }
	:is(.scy-pg .post_content, .scy-pg) .scy-media__desc { max-width: none; }
	:is(.scy-pg .post_content, .scy-pg) figure.scy-media__fig img { height: 200px; }
	:is(.scy-pg .post_content, .scy-pg) figure.scy-hist__portrait {
		min-height: 0;
		aspect-ratio: 4 / 5;
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-fig--doc img { max-height: 380px; }
	/* 6カラムに畳んだ段階で節の下は 96 → 64 に詰める（3値の外に出さないため
	   ここでは値を変えず、器の上下だけ .scy-gap-m を維持する） */
}

@media (max-width: 782px) {
	:is(.scy-pg .post_content, .scy-pg) ul.scy-acro > li {
		grid-template-columns: 48px minmax(0, 1fr);
		padding-right: 0;
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-acro__ini { font-size: 2rem; }
	:is(.scy-pg .post_content, .scy-pg) ul.scy-tl { --scy-tl-col: 88px; }
	:is(.scy-pg .post_content, .scy-pg) ul.scy-tl > li {
		gap: 0 20px;
		padding: 16px 0;
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-tl__year { font-size: 1.25rem; } /* 20px */
	:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs.wp-block-gallery {
		grid-template-columns: minmax(0, 1fr);
	}
	:is(.scy-pg .post_content, .scy-pg) .scy-pg__docs figure.wp-block-image img { height: 200px; }
	:is(.scy-pg .post_content, .scy-pg) figure.scy-media__fig img { height: 160px; }
	:is(.scy-pg .post_content, .scy-pg) ul.scy-media > li { padding: var(--scy-sp-4) 0; }
	:is(.scy-pg .post_content, .scy-pg) .scy-figlabel { margin-top: var(--scy-sp-6); }
	/* SPでは節の間を 96 に統一（128 はプレート直前だけ） */
	.scy-t-corp .post_content > .scy-lay { margin-bottom: var(--scy-gap-m); }
}