/* チャート形状のカード（/chart-patterns.html と個別ページ /stock/<code> で共用）。2026-10-29
 * 描画は js/chart-patterns.js。 */
.cp-legend { display:flex; flex-wrap:wrap; gap:4px 14px; font-size:12px; color:#666; margin:4px 0 10px; }
.cp-card .cp-legend { margin:2px 0 4px; font-size:11px; color:#777; }
.cp-sw { display:inline-block; width:12px; height:10px; border-radius:2px; vertical-align:-1px; margin-right:4px; }
.cp-sw-zone { background:rgba(214,150,30,.35); }
.cp-sw-handle { background:rgba(120,90,200,.35); }
.cp-sw-line { background:#7a5ac8; height:2px; vertical-align:3px; }

.cp-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap:12px; }
.cp-card { border:1px solid #e0e0e0; border-radius:6px; padding:10px 12px 6px; min-width:0; background:#fff; color:#333; }
.cp-head { display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; }
.cp-code { font-weight:bold; text-decoration:none; color:#1565c0 !important; }
.cp-name { font-weight:bold; text-decoration:none; color:#222 !important; }
.cp-mkt { font-size:11px; color:#888; }
.cp-pill { margin-left:auto; font-size:11px; padding:1px 8px; border-radius:3px; color:#fff; white-space:nowrap; }
.cp-pill.cp-buy { background:#d8394a; }
.cp-pill.cp-sell { background:#2f6fcf; }
.cp-stats { display:flex; flex-wrap:wrap; gap:0 12px; font-size:11px; color:#777; margin:4px 0; }
.cp-stats b { color:#333; font-weight:normal; }
.cp-card canvas { width:100%; height:220px; display:block; }
.cp-empty { color:#888; padding:24px 0; }