/* * claudia.css — pasta マニュアルの Claudia テーマ（manual-claudia-theme）。 * mdBook の additional-css として全章に読み込まれる。 * * 構成（ファイル内の順序が上書き順。design「ClaudiaTheme / State Management」）: * 1. :root — 字体トークンと、部品トークンの既定値（mdBook 変数への参照。rust・coal・ayu でも部品が読める。要件 2.4） * 2. .light, html:not(.js) — mdBook のテーマ変数のすべてと Claudia トークンを light 値で再定義 * 3. .navy — 同じ範囲を navy 値で再定義 * 4. 部品のスタイル（トークンだけを参照し、色を直書きしない。角丸 3 段・影 2 段）— タスク 2.3・2.4・2.5 * 5. コードの着色 6 群の上書き（pasta と実行時着色の兄弟クラス。light・navy・JS 無効時のみ） * 6. 狭い画面の規則 — タスク 2.4 * 7. 印刷の規則 — タスク 2.4 * * 値は design「データモデル / テーマトークン契約」の表に従う。 * 文字色と背景色の対比は book/tools/theme-test.mjs が検査する（各組 4.5 以上）。 * * ------------------------------------------------------------ * 台詞部品のクラス（design「データモデル / 出力 HTML 契約」。talk-html.mjs がビルド後に出力する） * .talk.talk-{claudia|anthony}.talk-{left|right} > img.talk-face ＋ .talk-bubble > span.talk-name ＋ 本文 * * 扉とクレジットのクラス契約（タスク 2.4 で決め、タスク 5.1 の book/src/introduction.md が使う） * claudia-hero 扉の紙の枠。
で開き
で閉じる * （talk.mjs の checkRegion の cover が、この開始行から までを扉として許す） * hero-corner 角飾り。4 つの に hero-corner と、位置の hero-corner-tl・hero-corner-tr・ * hero-corner-bl・hero-corner-br を 1 つずつ付ける（aria-hidden="true"） * hero-latin 欧文添え字の段落（扉の中に題名は置かない。題名は扉の直上の H1） * hero-faces 二人の顔を横に並べる枠 * hero-face 84px の顔（装飾なので alt=""）。Claudia はこれだけ、アンソニーは hero-face-anthony も付ける * hero-toc パート案内。