/* エリア別の市場動向（T-246）。配色・角丸・影は towers.css のトークンを使う。 */
.market-kind{margin-top:clamp(56px,7vw,88px)}
.market-kind__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px}
.market-kind__meta{color:var(--text-3);font-size:.8rem;line-height:1.7}
/* 主要数値カード。値と単位が 1 行に収まる幅を確保し、標本数は注記の大きさに戻す
   （.figures dd は既定で明朝 2rem なので、そのままだと標本数まで見出し級になる）。 */
.market-kind .figures{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}
.market-kind .figures dd{font-size:1.6rem}
.market-kind .figures dd small{margin-left:.2em;font-family:var(--gothic);font-size:.82rem;color:var(--text-2)}
.market-kind .figures dd.note{margin-top:7px;font-family:var(--gothic);font-size:.76rem;line-height:1.6}
.market-periods{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.market-periods a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid var(--rule-2);border-radius:var(--radius-sm);color:var(--text-2);font-size:.86rem;text-decoration:none}
.market-periods a:hover{background:var(--ground-2);color:var(--text)}
.market-periods__state{color:var(--text-3);font-size:.74rem;letter-spacing:.06em}
.market-periods a[data-unlocked="yes"]{border-color:var(--gold);color:var(--text)}
.market-periods a[data-unlocked="yes"] .market-periods__state{color:var(--gold-text)}
.market-period{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule-2)}
.market-period__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}
.market-period h4{margin:0}
.market-period__tolerance{color:var(--text-3);font-size:.76rem}
.market-state{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.74rem;letter-spacing:.06em;white-space:nowrap}
.market-state--accumulating{background:var(--ground-2);color:var(--text-3)}
.market-state--low_sample{background:var(--ground-2);color:var(--text-3)}
.market-state--ok{background:#f3eee4;color:var(--gold-text)}
.market-flow{margin:24px 0 0;padding:18px 22px;border:1px solid var(--rule-2);border-radius:var(--radius-sm);background:var(--ground-2)}
.market-flow dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px 24px;margin:12px 0 0}
.market-flow dt{color:var(--text-3);font-size:.76rem;letter-spacing:.1em}
.market-flow dd{margin:4px 0 0;font-size:1.15rem}
.market-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:34px;padding:0;list-style:none}
.market-areas li{padding:20px 22px;border:1px solid var(--rule-2);border-radius:var(--radius-sm);background:var(--ground)}
.market-areas h2{margin:0 0 10px;font-size:1.1rem}
.market-areas dl{margin:0}
.market-areas dt{color:var(--text-3);font-size:.76rem;letter-spacing:.08em}
.market-areas dd{margin:2px 0 12px;font-size:.92rem}
@media (max-width:640px){
  .market-kind__head{display:block}
}