/* ルールの 1 行表示（ui/rule-line.js。全部の画面で同じ。欄の幅は軸のいちばん長い名前にそろえる） */
.rule-line { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rule-line-seg { display: inline-block; text-align: center; }
.rule-line-sep { color: var(--text-2); }
.menu-rule-line { margin: 8px 0 4px; text-align: center; font-weight: 700; }
/* ルールの 1 行の札（押すとルールの用語の「？」）: 押せる高さ 40px・幅 40px（R1 #26。見た目の字の大きさは変えない） */
.rule-line .metric-help.metric-help-link { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; min-width: 40px; vertical-align: middle; }
.rule-line { align-items: center; }