@charset "UTF-8";
/*
 * 運営者情報ページ（固定ページ78 /about/）の本文スタイル。
 *
 * ★2026-07-31、本文内<style>を外部化。中身は本文にあったCSSの「逐語コピー」。
 *   値を1つも変えていない。整形も詰めもしていない。
 *
 * ★セレクタの詳細度を上げてはいけない（.ab-wrap で包む等）。
 *   実測すると、次のプロパティは現状 Cocoon 側が勝っている。
 *   詳細度を上げると勝敗がひっくり返り、見た目が変わる。
 *
 *     .ab-h2      font-weight  → .article h1..h6 (0-1-1) の bold が勝つ（ここの800は負けている）
 *                 padding      → .article h2 (0-1-1) の 25px が勝つ（.65em は負けている）
 *                 background   → Cocoon の見出し装飾 #f5f6f7 / border-radius 2px が乗る
 *     .ab-list    padding-left → 素の ol,ul (0-0-2) より .ab-list (0-1-0) が勝ち、2.4em が出る
 *     .ab-list li margin       → .article ul li (0-1-2) の .2em が勝つ（.5em は負けている）
 *
 *   つまり .ab-h2 と .ab-list li は「本文の<style>だった頃から効いていない」。
 *   外部化しても効かないままで正しい。★ここで直そうとすると、それは外部化ではなく変更になる。
 *
 * ★読み込み順の注意。
 *   Cocoon はスキン/設定由来の巨大な inline <style>（約61,000字）を head の最後、
 *   つまり本プラグインの <link> より後に出力する。enqueue の依存では追い越せない。
 *   よって「詳細度が同点」のルールは、本文<style>時代の勝敗と逆転しうる。
 *   → 外部化のあと、全プロパティを実測して基準値と突き合わせること（手順は
 *      クラフトビール_運営者情報style外部化_2026-07-31.md）。
 *
 * ※ .ab-hero / .ab-cap は本文に該当要素が無い（写真を外したときの残り）。
 *   将来ヒーロー画像を戻す可能性があるため、逐語コピーの原則どおり残してある。
 */

.ab-wrap{max-width:820px;margin:0 auto;font-size:1.02em;line-height:2}
.ab-hero{margin:0 0 1.6em;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.ab-hero img{width:100%;display:block}
.ab-cap{font-size:.82em;color:#7a6a58;padding:.6em .9em;background:#faf6f0;margin:0}
.ab-name{background:linear-gradient(135deg,#3b2412,#6b4423);color:#fff;border-radius:12px;padding:1.4em 1.5em;margin:0 0 1.8em}
.ab-name .ttl{font-size:1.45em;font-weight:800;letter-spacing:.04em;margin:0 0 .3em}
.ab-name .sub{font-size:.9em;opacity:.88;margin:0}
.ab-h2{font-size:1.22em;font-weight:800;color:#3b2412;border-left:6px solid #c8952a;padding-left:.65em;margin:2.2em 0 .9em}
.ab-quote{background:#fdf8ee;border:2px dashed #d9b46a;border-radius:12px;padding:1.2em 1.4em;margin:1.6em 0;text-align:center}
.ab-quote strong{font-size:1.28em;color:#8a5a12;letter-spacing:.03em}
.ab-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.4em 0}
.ab-2col figure{margin:0}
.ab-2col img{width:100%;border-radius:10px;display:block}
.ab-2col figcaption{font-size:.78em;color:#7a6a58;margin-top:.4em;line-height:1.6}
.ab-list{background:#faf6f0;border-radius:12px;padding:1.2em 1.4em 1.2em 2.4em;margin:1.2em 0}
.ab-list li{margin:.5em 0}
.ab-note{font-size:.88em;color:#5c4a38;background:#f4f0ea;border-radius:10px;padding:1em 1.2em;margin:1.6em 0}
@media(max-width:600px){.ab-2col{grid-template-columns:1fr}}