/* ── vtabs：事業體頁籤（一次看一家，階段 3 C1）＋紅點圖例 ──
   .vtab 要 position:relative：裡面讀屏用的 .sr 是絕對定位，不然它不會被頁籤列的橫向捲動裁住，手機整頁會被撐寬（10/07 驗收抓到 758px） */
.wr-tabs{display:flex;align-items:center;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.wr-tabs:empty{display:none}
.vtabs{flex:1 1 0;display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;min-width:0;max-width:100%;padding-bottom:2px}
.vtab{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-6);border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--surface);color:var(--ink-2);font-weight:700;font-size:var(--fs-body);white-space:nowrap}
.vtab:hover{border-color:var(--ink-3)}
.vtab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.vtab.is-closed .vt-n{text-decoration:line-through}
.vt-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--bad);flex:0 0 auto}
.vtab[aria-selected="true"] .vt-dot{box-shadow:0 0 0 2px var(--bg)}
.vt-legend{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-cap);color:var(--ink-2);white-space:nowrap}
/* 手機：頁籤一排橫向滑，圖例放下一行 */
@media (max-width:759px){.wr-tabs{flex-direction:column;align-items:stretch}.vt-legend{order:2}.vtabs{flex:none}} /* 直排時不能用 flex:1 1 0（高度會被壓成 0，10/07 截圖抓到） */
.wrhead:has(> .wr-tools:empty){display:none}
/* 頁籤一長不准撐寬主欄（10/07 驗收抓到電腦版整頁 1388px 寬）：
   ①頁籤列自己的「最窄寬度」不算裡面的頁籤（contain:inline-size），多的就在列裡橫向捲；
   ②電腦版主欄是格線的一格、又有 margin:auto，寬度會被「最窄寬度」撐開——直接定成 100%（上限照舊 1240） */
.vtabs{contain:inline-size}
@media (min-width:1000px){.main{width:100%;min-width:0}}