/* ==========================================================================
   技能初期値ショートコード [shinen_skill_base] のスタイル(2026-08-06)
   assets/librarian/librarian.css の書き方(サイト共通の金アクセント+
   var()にフォールバック値を必ず添える形)に合わせる。本文の段落に混ざって
   出るため、目立たせすぎず、しかし出典付きの事実データだと分かる程度の
   控えめな区別(左に細い金の罫線)だけを付ける。
   ========================================================================== */

.shn-skill-base {
  margin: 1.4em 0 0.4em;
  padding: 10px 16px;
  border-left: 2px solid var(--shn-gold, #c9a45c);
  background: rgba(201, 164, 92, .06);
  font-size: 0.95em;
  line-height: 1.9;
  color: var(--shn-text, #d8cfc0);
}
.shn-skill-base strong {
  color: var(--shn-gold, #c9a45c);
  font-weight: 700;
}

.shn-skill-base-list {
  margin: 0 0 0.6em;
  padding: 10px 16px 10px 34px;
  border-left: 2px solid var(--shn-gold, #c9a45c);
  background: rgba(201, 164, 92, .06);
  font-size: 0.95em;
  line-height: 1.9;
  color: var(--shn-text, #d8cfc0);
}
.shn-skill-base-list li strong {
  color: var(--shn-gold, #c9a45c);
  font-weight: 700;
}

.shn-skill-base-src {
  display: block;
  margin: 2px 0 0.8em;
  font-size: 0.78em;
  color: var(--shn-text-dim, #9aa79e);
}
.shn-skill-base-src a {
  color: var(--shn-text-dim, #9aa79e);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.shn-skill-base-src a:hover {
  color: var(--shn-gold, #c9a45c);
}

/* 管理者(edit_posts)にのみ表示される「データに見つからない」注記。
   読者には出ないため派手にする必要はないが、通常の.shn-skill-baseと
   紛れないよう点線の警告色に変える。 */
.shn-skill-base-notfound {
  border-left-style: dashed;
  border-left-color: #c97a4a;
  background: rgba(201, 122, 74, .08);
  color: var(--shn-text-dim, #9aa79e);
  font-size: 0.85em;
}

/* ---- ライトテーマ(:root[data-theme="light"]、shinen-theme-toggle.jsが
   documentElementへ付与する属性)。librarian.cssと同じく、このコンポーネントの
   親要素(記事本文)はサイト共通の--shn-*変数の外で使われる場合があるため
   個別に上書きする。 ---- */
:root[data-theme="light"] .shn-skill-base,
:root[data-theme="light"] .shn-skill-base-list {
  background: rgba(156, 113, 48, .07);
  border-left-color: #8a6a2f;
  color: #2a2620;
}
:root[data-theme="light"] .shn-skill-base strong,
:root[data-theme="light"] .shn-skill-base-list li strong {
  color: #8a6a2f;
}
:root[data-theme="light"] .shn-skill-base-src,
:root[data-theme="light"] .shn-skill-base-src a {
  color: #6b6a5e;
}
:root[data-theme="light"] .shn-skill-base-src a:hover {
  color: #8a6a2f;
}
:root[data-theme="light"] .shn-skill-base-notfound {
  border-left-color: #a5502a;
  background: rgba(165, 80, 42, .08);
}

@media print {
  .shn-skill-base-notfound { display: none; }
}