/* ==== Article Gold Extras (豪華オプション) ==== */

/* ヒーローをもう少し豪華に（模様＋微グロー） */
[data-theme="gold"] .article-header {
    position: relative;
    background: radial-gradient(1200px 400px at 50% -160px, #fff7e6 0%, #fff 60%);
    box-shadow: 0 1px 0 #fff8e1 inset, 0 20px 40px -30px rgba(245, 158, 11, .35);
  }
  [data-theme="gold"] .article-header::before {
    content:""; position:absolute; inset:0; pointer-events:none;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 40 40'><path d='M20 2 L38 20 L20 38 L2 20 Z' fill='none' stroke='%23f1c40f' stroke-opacity='.12'/></svg>") repeat;
    background-size:160px 160px; opacity:.65; mix-blend-mode:multiply;
  }
  
  /* （任意）キッカーを金系に：.kicker を使う場合だけ効く */
  [data-theme="gold"] .article-header .kicker {
    border:1px solid #f1c40f; background:#fff7e6; color:#7c4a03;
    display:inline-block; padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.04em;
  }
  
  /* プルクオートを金枠に（blockquote.pull を使う場合） */
  [data-theme="gold"] .pull {
    border-color: #f1c40f; background: #fffbeb;
    box-shadow: inset 0 1px 0 #fff9c4;
  }
  
  /* 注意ボックスをやや濃い目に（.box.caution を使う場合） */
  [data-theme="gold"] .box.caution {
    background:#fff3e0; border-color:#f59e0b;
  }
  
  /* h2の下に細い金の仕切り（本文は .content 内） */
  [data-theme="gold"] .content h2 {
    position: relative; padding-bottom: 6px;
  }
  [data-theme="gold"] .content h2::after {
    content:""; position:absolute; left:0; bottom:0; width:72px; height:3px;
    background: linear-gradient(90deg,#f59e0b,#facc15,#fde68a);
    border-radius: 999px;
  }
  
  /* 1段落目は軽く“ドロップキャップ風”（.intro がなければ .content の先頭段落に） */
  [data-theme="gold"] .content .intro p:first-child::first-letter,
  [data-theme="gold"] .content > p:first-of-type::first-letter {
    font-size: 1.4em; line-height: 1; padding-right: .08em; font-weight: 700; color:#7c4a03;
  }
  
  /* 図版のキャプションに細い金ライン（素の <figure> に対応） */
  [data-theme="gold"] figure figcaption {
    border-top: 1px dashed #f1c40f; padding-top: 6px;
  }
  
  /* 前後ナビにうっすら金の反射（.prevnext を使うページのみ） */
  [data-theme="gold"] .prevnext a {
    background: linear-gradient(180deg,#fff,#fffdf7);
    box-shadow: 0 1px 0 #fff9c4 inset;
  }
  
  /* スクロール進捗バー（JSがDOMを差し込む） */
  .gold-progress { position: sticky; top: 0; z-index: 60; height: 4px; background: transparent; }
  .gold-progress span { display:block; height: 100%; width: 0%;
    background: linear-gradient(90deg,#f59e0b,#facc15,#fde68a);
    box-shadow: 0 0 8px rgba(245,158,11,.6);
  }
  
  /* 目次のアクティブ色もちょい金寄り */
  [data-theme="gold"] .toc a.is-active {
    background:#fff7e6; border-color:#f1c40f;
  }