/* 高尾山の色づき状況カード [takao_koyo_status] */
.tks-koyo {
  background: #fdfdf9;
  border: 1.5px solid #d4e6ae;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 1.4em 0;
}
.tks-koyo p { margin: 0; }
.tks-title { font-weight: 700; font-size: 17px; color: #1f2a1a; }
.tks-lead { margin-top: 4px !important; font-size: 14px; color: #55614d; line-height: 1.7; }
.tks-grid { display: grid; grid-template-columns: 5fr 4fr; gap: 14px 24px; margin-top: 14px; }
.tks-src-name { font-weight: 700; font-size: 15px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin-bottom: 6px !important; }
.tks-asof { font-weight: 400; font-size: 13px; color: #55614d; }
.tks-koyo table.tks-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 15px; }
.tks-koyo .tks-table th, .tks-koyo .tks-table td { padding: 7px 8px; border: 0; border-bottom: 1px solid #dde5cf; background: none; }
.tks-koyo .tks-table tr:first-child th, .tks-koyo .tks-table tr:first-child td { border-top: 1px solid #dde5cf; }
.tks-koyo .tks-table th { font-weight: 500; text-align: left; }
.tks-koyo .tks-table td { text-align: right; white-space: nowrap; }
.tks-pill { display: inline-block; min-width: 5.5em; text-align: center; padding: 2px 10px; border-radius: 999px; font-size: 14px; font-weight: 700; border: 1px solid transparent; line-height: 1.6; }
.tks-pill[data-stage="green"]   { background: #eaf3d9; color: #2f4d10; }
.tks-pill[data-stage="early"]   { background: #fbf1c9; color: #6b5200; }
.tks-pill[data-stage="turning"] { background: #fde3c4; color: #8a4500; }
.tks-pill[data-stage="peak"]    { background: #a3281c; color: #fff; }
.tks-pill[data-stage="late"]    { background: #f3d9cf; color: #7a2f1d; }
.tks-pill[data-stage="fallen"]  { background: #ece8e1; color: #5a5147; }
.tks-pill[data-stage="old"], .tks-pill[data-stage="other"] { background: none; border-color: #dde5cf; color: #55614d; font-weight: 500; }
.tks-note { margin-top: 8px !important; font-size: 13px; color: #55614d; line-height: 1.7; }
@media (max-width: 640px) {
  .tks-koyo { padding: 14px; }
  .tks-grid { grid-template-columns: 1fr; }
}