/* 機材ガイド第4版（guides/quest-equipment-v4.html）で足した部品。equipment-v2.css・equipment-v3.css の上に重ねる。
   周辺用品を、上の2つの表（VRヘッドセット・電動機器）と同じ見た目の行の一覧にする */
.qg-app .ge-acc-table th[scope=row]{width:34%}
.qg-app .ge-acc-table thead th:first-child{width:34%}
.qg-app .ge-acc-table td{width:auto;vertical-align:middle}
.ge-acc-text{font-size:14px;line-height:1.8;color:#eeeff2}
.ge-acc-text a{color:#eeeff2;font-weight:700;text-decoration:underline;text-decoration-color:#5b606a;text-underline-offset:3px;white-space:nowrap}
.qg-app .ge-acc-table td.ge-acc-links{width:16%;white-space:nowrap}
.ge-acc-links a{display:block;color:#eeeff2;font-weight:700;font-size:14px;line-height:1.9}
.ge-acc-links a:hover,.ge-acc-text a:hover{color:#7aa7ff}
/* 見出しの行（Meta Quest 3と使う／A10ピストンSA+PLUSと使う）: 表の見出しと同じ少し明るい黒 */
.qg-app .ge-acc-table tr.ge-acc-head th{background:#121317;font-size:13px;font-weight:700;color:#a3a7b0;padding:10px 13px;width:auto;text-align:left}
@media (max-width:760px){
  .ge-acc-table tr{grid-template-columns:1fr!important}
  .qg-app .ge-acc-table th[scope=row]{width:auto}
  .qg-app .ge-acc-table td.ge-acc-links{width:auto;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline}
  .ge-acc-links .ge-col-label{width:100%}
  .ge-acc-links a{display:inline}
  .qg-app .ge-acc-table tr.ge-acc-head th{padding:10px 8px}
  .qg-app .ge-acc-table td.ge-acc-text{padding-bottom:8px}
}

/* VRヘッドセットの比較表に機種の写真（public/img/hmd/。本体だけを切り抜いた 160px 四方） */
.qg-app .ge-hmd-table th[scope=row]{width:34%}
.ge-hmd .ge-thumb{flex-basis:56px;width:56px}
.ge-hmd .ge-thumb img{padding:4%}
.ge-hmd .ge-device-name{font-size:15px}
.ge-hmd .ge-badge{margin-left:6px}
.ge-pick-line{display:block;font-size:12px!important;color:#a3a7b0;margin-top:2px}
.ge-row-link{display:inline-block;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:700;color:#eeeff2;text-decoration:underline;text-decoration-color:#5b606a;text-underline-offset:3px}
.ge-row-link:hover{color:#7aa7ff}
@media (max-width:480px){
  .ge-hmd{flex-direction:column;align-items:flex-start;gap:6px}
  .ge-hmd .ge-thumb{flex-basis:auto;width:44px}
  .ge-hmd .ge-device-name{font-size:13px}
  .ge-hmd .ge-badge{margin-left:0}
}
/* 細かな折れ: 出典のリンクの文字、「現行機」の見出し、狭い幅の見出しと「動作確認済み」 */
.ge-source a{white-space:nowrap}
.ge-hmd-table thead th:nth-child(2){white-space:nowrap}
@media (max-width:380px){
  .qg-app .ge-hmd-table thead th{font-size:10px}
  .ge-hmd-table .qa-device-state{font-size:10px}
  .qg-app .ge-hmd-table th,.qg-app .ge-hmd-table td{padding:10px 2px}
}
/* 340px 以下: 見出しと確認状況は折らない（名前の欄を少し細くして、ほかの欄に幅を回す） */
@media (max-width:340px){
  .qg-app .ge-hmd-table thead th span{white-space:nowrap}
  .qg-app .ge-hmd-table th[scope=row]{width:28%}
  .ge-hmd .ge-thumb{width:40px}
  .ge-row-link{white-space:normal;font-size:12px}
  .ge-hmd .ge-device-name{font-size:12px}
}