/* style.css — 外壁塗料比較ツール */
.paint-compare-card {
  background:var(--white); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:18px; margin-bottom:12px;
  position:relative; overflow:hidden;
}
.paint-compare-card.rank1 { border-color:var(--accent); border-width:2px; }
.rank-badge {
  position:absolute; top:0; right:0;
  background:var(--accent); color:#fff;
  font-size:11px; font-weight:700; padding:4px 14px;
  border-bottom-left-radius:var(--r);
}
.paint-compare-card.rank1 .rank-badge { background:var(--accent); }
.paint-compare-card.rank2 .rank-badge { background:#64748b; }
.paint-compare-card.rank3 .rank-badge { background:#94a3b8; }
.paint-compare-card.rank4 .rank-badge { background:#cbd5e1; color:var(--ink); }
.paint-name-lg { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:17px; color:var(--ink); margin-bottom:4px; }
.paint-tag { display:inline-block; font-size:11px; background:var(--accent-light); color:var(--accent); padding:2px 10px; border-radius:var(--r-full); font-weight:700; margin-bottom:12px; }
.paint-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media (min-width:480px){ .paint-stats { grid-template-columns:repeat(4,1fr); } }
.paint-stat { text-align:center; }
.paint-stat-label { font-size:12px; color:var(--ink3); margin-bottom:3px; }
.paint-stat-val   { font-family:'DM Mono',monospace; font-size:15px; font-weight:700; color:var(--ink); }
.paint-stat-val.em { color:var(--accent); }
.star-bar { display:flex; gap:2px; justify-content:center; margin-top:3px; }
.star { width:12px; height:12px; border-radius:2px; }
.star.on  { background:var(--accent); }
.star.off { background:var(--border); }

.compare-table { width:100%; border-collapse:collapse; font-size:12px; }
.compare-table th,.compare-table td { padding:10px 12px; border-bottom:1px solid var(--border); text-align:center; white-space:nowrap; }
.compare-table th { background:#fafaf8; font-weight:700; color:var(--ink2); }
.compare-table td:first-child { text-align:left; font-weight:600; }
.compare-table tr:last-child td { border-bottom:none; }
.compare-table .best { color:var(--accent); font-weight:700; }