html, body { margin: 0; padding: 0; background: #0a0b0d; }
  body { background: radial-gradient(70% 90% at 72% -18%, rgba(255,255,255,0.045), transparent 60%), #0a0b0d; -webkit-font-smoothing: antialiased; }
  a { color: #e8b04b; text-decoration: none; }
  a:hover { color: #f0c46e; text-decoration: underline; }
  ::selection { background: rgba(232,176,75,0.25); }

/* 表の 1 列目は白いバッジ名を折り返さない指定（white-space:nowrap）が入っており、
   「PARALLEL / COLOR DETECTED」のような長い値があると 320px 級の幅で
   ページ全体が横スクロールする。その幅でだけ折り返しを許可する。
   インライン style に勝つ必要があるので !important。 */
@media (max-width: 380px) {
  table td, table th { white-space: normal !important; }
}

/* COMPSCOPE の画面構成モックアップにある GR NOW / GR PEAK / MATCH の数値行。
   3 つの読み取り値を gap:14px で並べており、320px 級の幅で 13px ほど溢れる。
   マークアップを変えずに済むよう属性セレクタで狙い、その幅でだけ間隔を詰める。 */
@media (max-width: 380px) {
  span[style*="margin-left:auto"][style*="gap:14px"] { gap: 6px !important; }
}