/* 手機版表格 → 列表行（phone-rows.js 標 table.ph-rows＋每格 data-l；只 html[data-dev="phone"]，iPad／電腦零影響）。
   一行資料＝一組：第一格做標題（全闊、粗字），其餘每格「欄名（細字）＋值」兩欄排；冇欄名（第一欄）照出值。 */
.ph-sort{display:none}
@media screen{   /* 列印（例如手機印保障一覽表）照出原本表格 */
  html[data-dev="phone"] .scroll:has(> table.ph-rows),html[data-dev="phone"] .v-tablewrap:has(table.ph-rows){overflow:visible}
  html[data-dev="phone"] table.ph-rows,html[data-dev="phone"] table.ph-rows>tbody{display:block;width:100%;min-width:0}
  html[data-dev="phone"] table.ph-rows>thead{display:none}
  html[data-dev="phone"] table.ph-rows>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-1h) var(--sp-3);padding:var(--sp-2h) 0;border-bottom:1px solid var(--line2);background:none}
  html[data-dev="phone"] table.ph-rows>tbody>tr:last-child{border-bottom:0}
  html[data-dev="phone"] table.ph-rows>tbody>tr>td{display:block;position:relative;padding:0;border:0;height:auto;min-width:0;max-width:none;width:auto;text-align:left;white-space:normal;overflow-wrap:anywhere;background:none;box-shadow:none;font-size:var(--fs-sm);line-height:1.4}
  html[data-dev="phone"] table.ph-rows>tbody>tr>td:first-child{grid-column:1/-1;font-weight:700;font-size:var(--fs-md);color:var(--ink)}
  html[data-dev="phone"] table.ph-rows>tbody>tr>td.ph-span{grid-column:1/-1}
  html[data-dev="phone"] table.ph-rows>tbody>tr>td:first-child[data-l]::before{display:none}
  html[data-dev="phone"] table.ph-rows>tbody>tr>td[data-l]::before{content:attr(data-l);display:block;font-family:var(--sans);font-size:var(--fs-xs);font-weight:400;color:var(--muted);line-height:1.3;margin-bottom:1px}
  html[data-dev="phone"] table.ph-rows.ph-nohead>tbody>tr{grid-template-columns:minmax(0,1fr)}
  html[data-dev="phone"] table.ph-rows.ph-nohead>tbody>tr>td:first-child{font-weight:500;font-size:var(--fs-sm);color:var(--ink2)}
  html[data-dev="phone"] table.ph-rows.ph-nohead>tbody>tr>td+td{font-size:var(--fs-md);color:var(--ink)}
  /* 表頭排序 → 表格上面一條 .mseg（ui-kit.css）；掣多就摺行，每粒最少 72 闊 */
  html[data-dev="phone"] .ph-sort{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-1) 0;border-bottom:1px solid var(--line)}
  html[data-dev="phone"] .ph-sort .l{flex:none;font-size:var(--fs-sm);color:var(--muted);line-height:44px}
  html[data-dev="phone"] .ph-sort .mseg{flex:1 1 auto;min-width:0;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}
  html[data-dev="phone"] .ph-sort .mseg::before{top:4px;bottom:4px}
  html[data-dev="phone"] .ph-sort .mseg button{min-width:0;padding:0 var(--sp-1);white-space:normal;line-height:1.15;min-height:44px;height:auto}
  html[data-dev="phone"] .ph-sort .mseg button .dir{font-size:var(--fs-xs);margin-left:2px}
}