@charset "UTF-8";

/* =========================================================
   aap_fonts.css

   場所 : salient-child/css/aap_fonts.css
   役割 : 書体登録。ここは @font-face だけ

   ---------------------------------------------------------
   参照 : なし（誰も知らない。ただ書体を宣言するだけ）
   知られる : 使う側が font-family で名前を呼ぶ

   読み込み順 : core の直後（トークンの次は書体）
   aap_load_css.php の $css に 'aap-fonts' => 'fonts' を1行

   ---------------------------------------------------------
   なぜ CDN を使わないか

   Google Fonts の @import は WebKit（Safari）をブロックする
   CSS の中で外部 CDN を叩くと、レンダリングが止まる
   日本語は unicode-range で数百分割 → @import で処理すると重い
   だから全部セルフホスト。自サーバーの woff2 を @font-face で読む

   ---------------------------------------------------------
   1ウェイト = 1ファイル = 1つの @font-face（1:1式）

   regular に 900 は入っていない。ウェイトごとに別ファイル
   同じ font-family 名に weight 違いで束ねる
   → CSS で font-weight:700 と書けば 700 のファイルが出る
   → 合成太字（synthetic bold）が起きない。本物のウェイトが乗る

   ---------------------------------------------------------
   登録だけではロードされない

   @font-face を16個書いても、そのページで実際に font-family が
   使われた書体だけ、ブラウザが woff2 を取りに行く
   使わない書体は1バイトも落ちない
   → 「悩まないために全部登録」と「必要なものだけロード」が両立
   → 一度落ちたら全ページでキャッシュ。記事が増えても再取得なし

   ---------------------------------------------------------
   charset の原則

   日本語フォント = japanese だけ（英数字も中に入っている）
   英字専用フォント = latin だけ（japanese が存在しない）
   ========================================================= */


/* =========================================================
   01. 英字 ── 見出し・数字・サイン・キャプション

   日本語グリフを持たない。latin。数十KB で激軽
   ========================================================= */

/* --- Anton ---
   使う場所 :
   ・TOP ヒーロー「ODYSSEY AAP」（.aap-hero-main）
   ・数字マーカー（.aap_mk_num）8.7% / 15% / 4ポイント
   極太コンデンス。英数字が「バン」と立つ
   R-NOTE は数字で通説を割る記事 → 数字を Anton にすると内容と一致する
   注意 : 400 で既に極太。font-weight:900 を指定すると合成で汚れる */
@font-face {
    font-family: 'Anton AAP';
    src: url('../fonts/anton-v27-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Playfair Display ---
   使う場所 :
   ・TOP ヒーロー副題「Living With AI...」（.aap-hero-sub、italic）
   ・画像キャプション（--aap-font-en-mincho 経由、英数が主のとき）
   英字明朝。斜体にすると優雅。欧文の「品」を出す担当 */
@font-face {
    font-family: 'Playfair AAP';
    src: url('../fonts/playfair-display-v40-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Caveat ---
   使う場所 : 英字のサイン・手書きメモ（RINA / R1 など短い英字）
   英字手書き。走り書きの温度。日本語には使えない
   ※ 未使用でも登録だけしておく。使う日に呼ぶ */
@font-face {
    font-family: 'Caveat AAP';
    src: url('../fonts/caveat-v23-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Kalam ---
   使う場所 : 英字手書き（Caveat より太め・ペンっぽい）
   Caveat と使い分ける予備。まだ用途未定 */
@font-face {
    font-family: 'Kalam AAP';
    src: url('../fonts/kalam-v18-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Shadows Into Light ---
   使う場所 : 英字手書き（細い・繊細）
   小さな英字の添え書き向き。まだ用途未定 */
@font-face {
    font-family: 'Shadows AAP';
    src: url('../fonts/shadows-into-light-v22-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   02. 日本語ゴシック ── ヘッダー・見出し（AAP の顔）

   Zen Kaku Gothic New。3ウェイトを 1:1 式で束ねる
   全 OS で同じ見た目を保証する場所（顔だから統一する）
   ========================================================= */

/* --- Zen Kaku 400 ---
   使う場所 : 抜粋（記事ページの顔の説明）、Zen の細い方が要る場面
   本文には使わない（本文はシステムに預けてヒラギノを活かす） */
@font-face {
    font-family: 'Zen Kaku AAP';
    src: url('../fonts/zen-kaku-gothic-new-v18-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Zen Kaku 700 ---
   使う場所 : 記事タイトル（.entry-title）← R-NOTE ヘッダーの主役
   900 は文章タイトルには黒すぎる。700 で漢字のふところを残す
   長い日本語タイトルを2行で読ませる端正さ = ここが「ヒラギノ超え」の主戦場 */
@font-face {
    font-family: 'Zen Kaku AAP';
    src: url('../fonts/zen-kaku-gothic-new-v18-japanese-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* --- Zen Kaku 900 ---
   使う場所 : 短いロゴ的見出し・章番号・強い一撃（1〜3文字の語）
   .aap_mk_box の決め台詞にも。文章には黒すぎるが、短語なら効く
   タイトル本文には使わない（700 の担当） */
@font-face {
    font-family: 'Zen Kaku AAP';
    src: url('../fonts/zen-kaku-gothic-new-v18-japanese-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   03. 日本語明朝 ── セリフ（脚本の質感）

   Shippori Mincho。会話・サブに明朝の繊細さを差す
   R-NOTE は会話式 = 脚本化していく → セリフを明朝にすると
   「チャット」ではなく「読ませる台詞」の質感になる
   ここも全 OS 統一する価値がある（システム明朝は OS でバラつく）

   ※ b1 = Shippori Mincho B1（700 が別ファミリー扱い）
     ファイル名は違うが同じ 'Shippori AAP' に 700 で束ねる
   ========================================================= */

/* --- Shippori 400 ---
   使う場所 : セリフ本体（.aap_labo_talk のセリフ）
   注意 : 本文の地の文・長い説明はシステムに預ける（ヒラギノを殺さない）
          明朝にするのは「声」の部分だけ */
@font-face {
    font-family: 'Shippori AAP';
    src: url('../fonts/shippori-mincho-v17-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Shippori 700 ---
   使う場所 : セリフの中で強めたい一言（明朝の太字）
   明朝の繊細さを保ったまま重心を上げる */
@font-face {
    font-family: 'Shippori AAP';
    src: url('../fonts/shippori-mincho-b1-v24-japanese-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   04. 日本語 手書き・装飾 ── マーカー（本文の外で手塩）

   本文に span で差す味付け。CSS の外で一語だけ書体を変える
   RINA のツッコミ・本音・崩れた瞬間に温度を足す
   使い分けは「その一言が、どの声か」で決める
   ========================================================= */

/* --- Zen Kurenaido ---
   使う場所 : RINA のツッコミ・本音・心の声（本命の手書き）
   Zen ファミリーで揃う（ヘッダーと DNA が同じ）→ 浮かない
   クセが強すぎず読める。落ち着いた女の子の手書き
   RINA の「わたし」一人称・幼すぎない人格に合う
   → .aap_mk_hand の第一候補 */
@font-face {
    font-family: 'Zen Kurenaido AAP';
    src: url('../fonts/zen-kurenaido-v19-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Yomogi ---
   使う場所 : RINA が崩れる瞬間「うぇぇ!」など、可愛い寄りの一言
   柔らかくゆるい。多用すると幼く見える（過剰な幼さは AAP の失敗パターン）
   → ここぞの崩れ専用。地の声には使わない */
@font-face {
    font-family: 'Yomogi AAP';
    src: url('../fonts/yomogi-v13-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Kaisei Decol ---
   使う場所 : 手書きと丸ゴシックの中間。柔らかいが崩れすぎない見出し的強調
   手書きほど砕けず、ゴシックほど硬くない中間トーンが要るとき */
@font-face {
    font-family: 'Kaisei Decol AAP';
    src: url('../fonts/kaisei-decol-v11-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Yusei Magic ---
   使う場所 : マーカーで書いたような太めの手書き。元気・強調
   ツッコミの中でも「勢い」がある一言向き */
@font-face {
    font-family: 'Yusei Magic AAP';
    src: url('../fonts/yusei-magic-v17-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Hachi Maru Pop ---
   使う場所 : まん丸ポップ。かなり可愛い・幼い
   グッズ会話・ぬいぐるみ・ふざけた場面のごく一部に限定
   → 幼さが前に出るので、地の声・分析パートには絶対使わない */
@font-face {
    font-family: 'Hachi Maru AAP';
    src: url('../fonts/hachi-maru-pop-v23-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Dela Gothic One ---
   使う場所 : 極太の装飾ゴシック（手書きではない）。見出しの一撃
   「どどどどどおおん」（R7 の1位発表）みたいな、笑える強調に
   本文には重すぎる。イベント的な見出し専用 */
@font-face {
    font-family: 'Dela Gothic AAP';
    src: url('../fonts/dela-gothic-one-v19-japanese-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}