/* wiki-components.css — 共通コンポーネントスタイル（インラインCSS外出し） */

/* ── タグ（テクニックタグ、カテゴリタグ）── */
.wc-tag{display:inline-block;margin:4px;padding:6px 14px;background:#141926;border:1px solid #1e293b;border-radius:20px;color:#90caf9;font-size:.8rem;text-decoration:none;transition:all .2s}
.wc-tag:hover{background:#1e293b;border-color:#e94560}

/* ── PRO バッジ ── */
.wc-pro-badge{display:inline-block;font-size:.6rem;font-weight:700;background:#7c3aed;color:#fff;border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:middle}

/* ── フッター ── */
.wc-footer{margin:40px 0 0;padding:20px 16px;border-top:1px solid #1a2a3a;text-align:center}
.wc-footer-text{color:#546e7a;font-size:.72rem;line-height:1.6;max-width:600px;margin:0 auto}

/* ── カード（Tips / Mistakes / Variations） ── */
.wc-card-tip{margin-bottom:16px;padding:14px 16px;background:#0a1a0a;border-left:3px solid #16a34a;border-radius:8px}
.wc-card-tip-title{color:#86efac;font-size:0.95rem;font-weight:700;margin-bottom:6px}

.wc-card-warn{margin-bottom:16px;padding:14px 16px;background:#1a0a0a;border-left:3px solid #dc2626;border-radius:8px}
.wc-card-warn-title{color:#fca5a5;font-size:0.95rem;font-weight:700;margin-bottom:6px}

.wc-card-info{margin-bottom:16px;padding:14px 16px;background:#0d1b2a;border:1px solid #1e2a3a;border-radius:8px}
.wc-card-info-title{color:#e2e8f0;font-size:0.95rem;font-weight:700;margin-bottom:6px}

/* ── セクション ── */
.wc-section-divider{margin:32px 0}
.wc-section-box{margin:32px 0 16px;padding:20px;background:#0c1220;border:1px solid #1e293b;border-radius:16px}
.wc-section-box-title{color:#a5b4fc;font-size:1rem;margin:0 0 12px;font-weight:700}
.wc-section-box-grid{display:flex;flex-wrap:wrap;gap:0}

/* ── テキストユーティリティ ── */
.wc-muted{color:#9ca3af;font-size:0.9rem;margin:0}
.wc-muted-mb8{color:#9ca3af;font-size:0.9rem;margin-bottom:8px;padding-left:4px}
.wc-muted-mb12{color:#9ca3af;font-size:0.9rem;margin-bottom:12px}
.wc-muted-mb16{color:#9ca3af;font-size:.9rem;margin-bottom:16px}
.wc-heading-section{color:#e2e8f0;font-size:1.2rem;font-weight:800;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #1a2a3a}
.wc-link-muted{color:#9ca3af;text-decoration:none}
.wc-link-blue{color:#64b5f6;text-decoration:none;font-size:.85rem}
.wc-text-tip{font-size:.8rem;color:#c8e6c9;margin:0 0 12px}
.wc-mb16{margin-bottom:16px}

/* ── CTA ── */
.wc-cta-primary{display:block;background:#10B981;color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;text-align:center;transition:background .2s}
.wc-cta-primary:hover{background:#059669}

/* ── フローティングCTA ── */
.wc-floating-cta{position:fixed;bottom:20px;right:20px;max-width:280px;background:#0d2010;border:1px solid #2e7d32;border-radius:12px;padding:14px;box-shadow:0 4px 20px rgba(0,0,0,.4);z-index:9999}
.wc-floating-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#546e7a;font-size:1rem;cursor:pointer}
.wc-floating-title{font-weight:700;color:#a5d6a7;margin-bottom:6px;font-size:.9rem}

/* ── ピラーページ ── */
.wc-pillar-subtitle{font-size:.75rem;font-weight:700;color:#546e7a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.wc-pillar-list{display:flex;flex-direction:column;gap:6px}