/* ヒートマップ共通CSS - jp/us heatmap pages + embedded heatmap widgets */
.hm-hero{text-align:center;padding:18px 16px 10px;background:white;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.07);margin-bottom:10px}
.hm-hero h1{font-size:1.3rem;font-weight:800;color:#0f172a;margin-bottom:2px}
.hm-hero p{font-size:.78rem;color:#64748b}
.hm-section-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hm-section-title{font-size:.95rem;font-weight:700;color:#0f172a}
.hm-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.hm-tabs{display:flex;gap:4px}
.hm-tab{padding:6px 16px;border:1px solid #e2e8f0;border-radius:18px;font-size:.78rem;background:white;cursor:pointer;color:#475569;font-weight:600;transition:all .12s}
.hm-tab:hover{background:#eff6ff;border-color:#93c5fd}
.hm-tab.active{background:#2563eb;color:white;border-color:#2563eb}
.hm-periods{display:flex;gap:3px;margin-left:auto}
.hm-period{padding:5px 12px;border:1px solid #e2e8f0;border-radius:14px;font-size:.72rem;background:white;cursor:pointer;color:#64748b;font-weight:500;transition:all .12s}
.hm-period:hover{background:#f1f5f9}
.hm-period.active{background:#1e293b;color:white;border-color:#1e293b}
.hm-info{font-size:.68rem;color:#94a3b8;margin-bottom:6px}
.hm-container{background:#1a1a2e;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative}
.hm-sector-group{position:absolute;overflow:hidden}
.hm-sector-label{position:absolute;top:0;left:0;right:0;height:16px;background:rgba(0,0,0,.55);color:#e2e8f0;font-size:.6rem;font-weight:700;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;line-height:16px}
.hm-tile{position:absolute;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:0.5px solid rgba(0,0,0,.3);transition:opacity .1s;box-sizing:border-box}
.hm-tile:hover{opacity:.85;z-index:3}
.hm-tile .tk{color:white;font-weight:700;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.hm-tile .chg{color:rgba(255,255,255,.9);font-weight:600;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.hm-tooltip{position:fixed;background:rgba(15,23,42,.95);color:white;padding:8px 12px;border-radius:8px;font-size:.75rem;pointer-events:none;z-index:100;max-width:260px;box-shadow:0 4px 12px rgba(0,0,0,.3);line-height:1.5}
.hm-tooltip .tt-tk{font-weight:700;font-size:.85rem}
.hm-tooltip .tt-name{color:#94a3b8;font-size:.7rem}
.hm-tooltip .tt-chg{font-weight:700;font-size:.9rem;margin-top:2px}
.hm-tooltip .tt-mcap{color:#94a3b8;font-size:.68rem}
.hm-legend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:.65rem;color:#64748b}
.hm-legend-bar{width:200px;height:10px;border-radius:5px;background:linear-gradient(to right,#991b1b,#dc2626,#6b7280,#22c55e,#166534)}