/* 場館頁專用樣式。
   ── 通用的東西（配色、.shell、.top、.hero、.sec、.figures、.faq、.cross、footer）
      全部在 /assets/page.css，這裡只補那邊沒有的：每週時間表那張表、球團標籤、
      以及 /venue 索引頁的球館清單。
   ── 場館頁算「臨打行事曆」家族，所以 body 掛 p-pickup，重點色是紫的。 */

/* ───────── 地址那一行 ───────── */
.where{margin:16px 0 0; font-size:.98rem; color:var(--paper-dim)}
.where a{color:var(--paper); text-decoration:none; border-bottom:1px solid var(--edge)}
.where a:hover{color:var(--accent); border-bottom-color:var(--accent)}
.where .mp{
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.74rem; letter-spacing:.04em; color:var(--paper-faint); margin-left:6px;
  white-space:nowrap;
}
.where a:hover .mp{color:var(--accent)}

/* 設施：從貼文裡讀出來的，有就放，沒有就整塊不出現 */
.facs{display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 0}
.facs .chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 12px; border:1px solid var(--edge-soft); border-radius:999px;
  background:var(--ink-1); font-size:.8rem; color:var(--paper-dim);
}
.facs .chip::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--accent); opacity:.7}

/* ───────── 每週時間表 ───────── */
/* minmax(0,1fr) + min-width:0 是必要的：grid 項目預設 min-width:auto，
   底下那張表有 min-width:540px，不壓住的話整頁會被撐寬，手機上變成左右可以拖。 */
.week{display:grid; grid-template-columns:minmax(0,1fr); gap:26px; margin:clamp(26px,3.6vw,38px) 0 0}
.day{min-width:0}

.day > h3{
  margin:0 0 10px; display:flex; align-items:baseline; gap:10px;
  font-size:1rem; font-weight:700; color:var(--paper);
  padding-bottom:8px; border-bottom:1px solid var(--edge-soft);
}
.day > h3 .cnt{
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.72rem; font-weight:400; letter-spacing:.05em; color:var(--paper-faint);
}

/* 表格比畫面寬的時候讓它自己橫捲，不要把整頁推寬 */
.tw{overflow-x:auto; -webkit-overflow-scrolling:touch}
.tw table{width:100%; min-width:540px; border-collapse:collapse; font-size:.9rem}
.tw thead th{
  text-align:left; font-weight:400; white-space:nowrap;
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.7rem; letter-spacing:.08em; color:var(--paper-faint);
  padding:0 12px 7px 0; border-bottom:1px solid var(--edge);
}
.tw tbody td{
  padding:9px 12px 9px 0; border-bottom:1px solid var(--edge-soft);
  vertical-align:top; line-height:1.6;
}
.tw tbody tr:last-child td{border-bottom:0}
.tw tbody tr:hover td{background:color-mix(in srgb, var(--ink-1) 70%, transparent)}

.tw .tm{
  white-space:nowrap; color:var(--paper);
  font-family:"IBM Plex Mono","Noto Sans TC",monospace; font-size:.85rem;
}
.tw .tn{min-width:9rem; color:var(--paper)}
.tw .tn a{color:var(--paper); text-decoration:none; border-bottom:1px solid var(--edge)}
.tw .tn a:hover{color:var(--accent); border-bottom-color:var(--accent)}
.tw .lv, .tw .sh, .tw .sr{color:var(--paper-dim)}
.tw .fe{white-space:nowrap; color:var(--paper-dim)}
.tw .sr{
  font-size:.78rem; color:var(--paper-faint); white-space:nowrap;
}

/* 只看到單一日期、不確定每週固定的那種 */
.one{
  display:inline-block; margin-left:7px; padding:1px 7px; border-radius:999px;
  border:1px solid var(--edge); font-size:.68rem; color:var(--paper-faint);
  vertical-align:1px; white-space:nowrap;
}

@media (max-width:560px){
  .tw table{font-size:.86rem}
  .tw .sr{display:none}
  .tw thead th:last-child{display:none}
}

/* ───────── 球團名稱那一堆標籤 ───────── */
.tags{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; padding:0; list-style:none}
.tags li{
  padding:5px 12px; border-radius:8px; background:var(--ink-2);
  border:1px solid var(--edge-soft); font-size:.84rem; color:var(--paper-dim);
}

/* ───────── /venue 索引頁：挑縣市的卡片 ─────────
   球館超過三百間之後，全部列在一頁會變成一面又一面的表格。
   /venue 只負責挑縣市，每個縣市自己一頁。 */
.chub{
  display:grid; gap:12px; margin:30px 0 0;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 232px), 1fr));
}
.ccard{
  display:flex; flex-direction:column; gap:5px; min-width:0;
  padding:16px 18px; border-radius:14px; text-decoration:none;
  border:1px solid var(--edge); background:var(--ink-1);
}
.ccard:hover{border-color:var(--accent); background:var(--ink-2)}
.ccard b{font-size:1.06rem; font-weight:700; color:var(--paper)}
.ccard:hover b{color:var(--accent)}
.ccard .cn2{
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.74rem; letter-spacing:.03em; color:var(--accent);
}
/* 每一段自己不斷行，換行只發生在中間的「·」—— 中文沒有空白，
   不這樣寫會斷成「12 個行政 / 區」。 */
.ccard .cn2 em{font-style:normal; white-space:nowrap}
.ccard .cn2 i{font-style:normal; opacity:.55; margin:0 .45em}
/* 球館名字只佔兩行，長的裁掉 —— 卡片高度要整齊 */
.ccard .cv{
  font-size:.8rem; line-height:1.55; color:var(--paper-faint);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* ───────── /venue 索引頁：開頭那排縣市跳點 ───────── */
.jump{display:flex; flex-wrap:wrap; gap:10px; margin:30px 0 0; padding:0; list-style:none}
.jump a{
  display:inline-flex; align-items:baseline; gap:8px; text-decoration:none;
  padding:9px 16px; border-radius:999px;
  border:1px solid var(--edge); background:var(--ink-1);
  font-size:.92rem; color:var(--paper);
}
.jump a:hover{border-color:var(--accent)}
.jump a b{
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.8rem; font-weight:500; color:var(--accent);
}

/* 段落標題後面那個「N 間」 */
.head h2 .cn{
  margin-left:12px; font-weight:400;
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.78rem; letter-spacing:.06em; color:var(--paper-faint);
  white-space:nowrap;
}

/* ───────── /venue 索引頁的球館清單 ───────── */
.vlist{overflow-x:auto; margin:clamp(26px,3.6vw,38px) 0 0}
.vlist table{width:100%; min-width:520px; border-collapse:collapse; font-size:.93rem}
.vlist thead th{
  text-align:left; font-weight:400; white-space:nowrap;
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;
  font-size:.7rem; letter-spacing:.08em; color:var(--paper-faint);
  padding:0 14px 7px 0; border-bottom:1px solid var(--edge);
}
.vlist tbody td{padding:12px 14px 12px 0; border-bottom:1px solid var(--edge-soft); vertical-align:top}
.vlist tbody tr:last-child td{border-bottom:0}
.vlist tbody tr:hover td{background:color-mix(in srgb, var(--ink-1) 70%, transparent)}
/* 球館名一定要 nowrap：不然窄螢幕上中文會一個字一行，變成一直條 */
.vlist .vn{white-space:nowrap}
.vlist .vn a{color:var(--paper); font-weight:700; text-decoration:none; border-bottom:1px solid var(--edge)}
.vlist .vn a:hover{color:var(--accent); border-bottom-color:var(--accent)}
.vlist .vw{color:var(--paper-dim); white-space:nowrap}
.vlist .vf{
  white-space:nowrap; color:var(--paper-dim);
  font-family:"IBM Plex Mono","Noto Sans TC",monospace; font-size:.85rem;
}
/* 球團名單只是提示，一行放不下就切掉，不要把表格撐開 */
.vlist .vt{
  color:var(--paper-faint); white-space:nowrap;
  max-width:22rem; overflow:hidden; text-overflow:ellipsis;
}
@media (max-width:640px){
  .vlist table{min-width:0}
  .vlist .vt, .vlist thead th:last-child{display:none}
  .vlist tbody td, .vlist thead th{padding-right:10px}
}

/* ───────── 其他球館的橫向連結 ───────── */
.others{display:flex; flex-wrap:wrap; gap:9px; margin:16px 0 0; padding:0; list-style:none}
.others a{
  display:inline-block; padding:7px 14px; border-radius:999px;
  border:1px solid var(--edge); background:var(--ink-1);
  font-size:.86rem; color:var(--paper-dim); text-decoration:none;
}
.others a:hover{color:var(--accent); border-color:var(--accent)}

/* 資料時間 */
.asof{
  margin:22px 0 0; font-size:.8rem; color:var(--paper-faint);
  font-family:"IBM Plex Mono","Noto Sans TC",monospace; letter-spacing:.03em;
}