/* ============================================================
   article-custom.css — 記事用カスタムCSS（2026-08-25 新設）
   全ヘッダの </head> 直前で読み込まれるため、テーマのどのCSSよりも
   優先されます。!important は不要です。
   記事内では class="ac-◯◯" と書くだけで適用されます。
   クラスは自由に追記してOK（このファイルが常に最後に勝ちます）。
   ============================================================ */

/* --- 文字色・強調 --- */
.ac-red    { color: #e60000; }
.ac-blue   { color: #0066cc; }
.ac-green  { color: #2e8b57; }
.ac-bold   { font-weight: bold; }
.ac-large  { font-size: 1.25em; }
.ac-small  { font-size: 0.85em; }
.ac-center { text-align: center; }

/* 蛍光マーカー（黄色の下線マーカー） */
.ac-marker { background: linear-gradient(transparent 60%, #fff59d 60%); }

/* --- ボックス --- */
/* 標準の囲みボックス（薄グレー枠） */
.ac-note {
  max-width: 800px;
  margin: 1em auto 2em;
  padding: 15px;
  background: #fdfdfd;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  line-height: 1.8;
}
/* 注意・警告ボックス（赤枠） */
.ac-warn {
  margin: 1em auto 2em;
  padding: 15px;
  background: #fff5f5;
  border: 2px solid #e60000;
  border-radius: 6px;
  line-height: 1.8;
}
/* ポイント・補足ボックス（青枠） */
.ac-point {
  margin: 1em auto 2em;
  padding: 15px;
  background: #f0f7ff;
  border: 2px solid #3498db;
  border-radius: 6px;
  line-height: 1.8;
}

/* --- 画像 --- */
/* 丸抜きアイコン画像（青枠・左寄せ） */
.ac-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #3498db;
  float: left;
  margin: 0 12px 8px 0;
}