/*
Theme Name: Compare by MoneyCharger
Theme URI: https://compare.moneycharger.jp/
Author: MoneyCharger Editorial
Author URI: https://moneycharger.jp/
Description: 海外FXキャッシュバックサイト比較メディア「Compare by MoneyCharger」専用テーマ。Tailwind CDN利用、5社比較・ランキング・レビュー・vs比較記事構成。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: compare-mc
*/

/* Tailwind CDN を使うため、ここは最小スタイルのみ */
body { font-family: 'Inter', 'Noto Sans JP', sans-serif; color: #1A1F36; margin: 0; }
.cmp-recommended { background: linear-gradient(90deg, #FFF9E6 0%, #FFFFFF 100%); border-left: 4px solid #F5C518; }
.cmp-cta-shimmer { background: linear-gradient(90deg, #2D5BFF, #4A6FFF, #2D5BFF); background-size: 200% 100%; animation: shimmer 2.5s linear infinite; }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.cmp-fade-in { opacity: 0; transform: translateY(20px); transition: all 0.6s ease-out; }
.cmp-fade-in.visible { opacity: 1; transform: translateY(0); }
.cmp-table-row:hover { background-color: #F5F7FA; }
.cmp-rank-badge { background: linear-gradient(135deg, #F5C518, #D4AB16); }
.cmp-section-divider { background: linear-gradient(90deg, transparent, #E1E5EE, transparent); height: 1px; }

/* WP固定ページ用の本文スタイル */
.cmp-prose { max-width: 760px; margin: 0 auto; padding: 4rem 1.5rem; line-height: 1.85; color: #1A1F36; }
.cmp-prose h1 { font-size: 2.25rem; font-weight: 900; color: #0F1B3D; margin: 0 0 1.5rem; }
.cmp-prose h2 { font-size: 1.5rem; font-weight: 800; color: #0F1B3D; margin: 2.5rem 0 1rem; padding-bottom: .5rem; border-bottom: 2px solid #F5C518; }
.cmp-prose h3 { font-size: 1.15rem; font-weight: 700; color: #0F1B3D; margin: 2rem 0 .75rem; }
.cmp-prose p { margin: 0 0 1.25rem; }
.cmp-prose ul, .cmp-prose ol { margin: 0 0 1.25rem 1.5rem; }
.cmp-prose li { margin-bottom: .5rem; }
.cmp-prose a { color: #2D5BFF; text-decoration: underline; }
.cmp-prose strong { font-weight: 700; color: #0F1B3D; }
.cmp-prose blockquote { border-left: 4px solid #2D5BFF; background: #E8EFFF; padding: 1rem 1.25rem; margin: 1.5rem 0; border-radius: 6px; }
.cmp-prose table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .95rem; }
.cmp-prose th, .cmp-prose td { padding: .75rem; border: 1px solid #E1E5EE; }
.cmp-prose th { background: #F5F7FA; font-weight: 700; }