トランジション（転換）という神話を解体するエネルギー史
木から石炭、石炭から石油、石油から次のステージへ──エネルギーは置き換わってきたのではなく、積み重なってきた。その蓄積の歴史をたどる。
縦組みは実サイトに 1 要素だけ実在する（<em> タグ、游明朝 19.2px / weight 300 / writing-mode: vertical-rl）。画像ではなく CSS で組まれている。下層ページには縦組みは無い。
文字と帯は #734b28、右サイドナビの面だけ明るい #8e6746。カテゴリラベルは色だけで分け、形は全部同じ（12px・白文字・角丸 0・#f4f4f4 の枠）。
Bootstrap 4 の既定変数が 35 個中 29 個残っている（--blue: #007bff --indigo: #6610f2 --purple: #6f42c1 --breakpoint-* …）。実際に塗られているのは --info（#4876d0）と --danger（#dd6d5e）だけで、他は 1 要素も使っていない。これらを「このサイトの色」として採用しないこと。
@font-face はアイコンの icomoon 1 件だけで、フォントファイルのリクエストは実測 0 件。和文はすべて OS のローカル書体で、①游ゴシック先頭（UI）②メイリオ先頭（書籍一覧）③游明朝（見出し）の 3 スタックを使い分ける。
行間が「密」と「疎」で二重化している。読み物の本文は line-height: 1.875（body の既定）、書籍一覧（著者・価格・ISBN）は 1.10（下層 160 要素で最多）。1.10 は「読む文」ではなく「引く情報」にだけ使う。
書籍一覧だけメイリオ先頭のスタックを使うのは意図的。12px という小さい級数で著者名・価格・ISBN を並べるため、ヒンティングが効いて潰れにくいメイリオを優先している（游ゴシックは小級数で細くなる）。「游ゴシックに統一」と直さないこと。
字間は normal が既定（下層 303 要素）。グローバルナビだけ -0.05em と詰め、日付（0.1em）・明朝の惹句（0.07em）・ジャンル見出し（0.2em）は逆に空ける。明朝＋字空けがこのサイトの「読ませる」合図。palt はトップ 28 / 下層 23 要素に効いているが、書籍一覧の 12px には効いていない（目録はベタ組み）。
游ゴシックの Windows Medium 対策は入っていない（"Yu Gothic Medium" 等をチェーンに持たない）。Windows では Light 寄りに出ることを前提に、太さが要る箇所は font-weight: 600 を当てている。
Bootstrap のグリッドをそのまま使い、ガターは 12.8px（片側 6.4px）。gap の宣言は 0 件で、padding ベースで組んでいる。
リンクの下線は border-bottom ではなくグラデーション。linear-gradient(to left, transparent 50%, rgba(115,75,40,0.4) 50%)（可視 19 / 17 要素）で、ホバー時に左から下線が伸びる演出の静止状態になっている。
行の地は #f4f4f4。日付は 13.008px（Bootstrap の .small 相当）で letter-spacing: 0.1em、見出しはメイリオ 16px / weight 600。
本の表紙を紙として見せるための縁取りで、UI の浮き上がりには使っていない。
これがこのサイトで最も重要な実測値。rem 由来の値はすべて 0.8125 倍になる。rem の px 換算を 16px 基準で固定しないこと。
| 幅 | html font-size | body font-size | body line-height | h2（24px 基準） |
|---|---|---|---|---|
| 1440px | 16px | 16px | 30px（1.875） | 24px / ls 1.68px |
| 1200px | 16px | 16px | 30px（1.875） | 24px / ls 1.68px |
| 834px | 13px | 13px | 24.375px（1.875） | 19.077px / ls 1.335px |
| 375px | 13px | 13px | 24.375px（1.875） | 17.7px / ls 1.239px |
line-height は無単位（1.875）で宣言されているので比率は保たれる。px に読み替えないこと。letter-spacing も 0.07em 宣言なので、サイズに比例して追従する。
ブレークポイントは Bootstrap 4 の 575.98 / 767.98 / 991.98 / 1199.98px。(min-width: 992px) の宣言が 129 件と最多で、992px を境にデザインが切り替わる設計。