/* legal-inheritance-share — ツール固有の微調整のみ。共通は /_shared/shirugear.css */

/* display を指定した要素にも hidden を効かせる。
   .li-sub の display:flex や .li-rank の display:inline-block が
   ブラウザ既定の [hidden]{display:none} に勝ってしまうため。 */
[hidden] { display: none !important; }

.li-people { display: grid; gap: 10px; }

.li-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 10px 12px; border: 1px solid var(--sg-border, #e2e8f0); border-radius: 10px;
}
.li-row .li-name { font-weight: 700; min-width: 5.5em; }
.li-row select { min-width: 8em; }
.li-row .li-sub { display: flex; align-items: center; gap: 6px; font-size: 0.9em; }

.li-hint { font-size: 0.85em; opacity: 0.72; line-height: 1.7; margin: 4px 0 0; }

/* かんたん設定（プリセット） */
.li-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.li-preset-btn {
  appearance: none; cursor: pointer;
  padding: 7px 13px; border-radius: 999px; font-size: 0.86em; font-weight: 600;
  border: 1px solid var(--sg-border, #e2e8f0); background: transparent; color: inherit;
  line-height: 1.3;
}
.li-preset-btn:hover { border-color: #3b5bdb; color: #3b5bdb; }
.li-preset-btn.is-active { background: rgba(59, 91, 219, 0.1); border-color: #3b5bdb; color: #3b5bdb; }
.sg-dark .li-preset-btn:hover { border-color: #9db4ff; color: #9db4ff; }
.sg-dark .li-preset-btn.is-active { background: rgba(120, 150, 255, 0.16); border-color: #9db4ff; color: #9db4ff; }

/* 結果テーブル */
.li-table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
.li-table th, .li-table td { padding: 9px 10px; border-bottom: 1px solid var(--sg-border, #e2e8f0); text-align: left; }
.li-table th { font-size: 0.8em; opacity: 0.7; font-weight: 700; }
.li-table td.num, .li-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.li-table tr:last-child td { border-bottom: 0; }
.li-frac { font-weight: 700; }
.li-pct { opacity: 0.6; font-size: 0.85em; margin-left: 4px; }

.li-rank {
  display: inline-block; padding: 2px 10px; border-radius: 999px;
  background: rgba(59, 91, 219, 0.1); color: #3b5bdb; font-size: 0.82em; font-weight: 700;
}
.sg-dark .li-rank { background: rgba(120, 150, 255, 0.16); color: #9db4ff; }

.li-notes { margin: 14px 0 0; padding-left: 20px; font-size: 0.88em; line-height: 1.85; opacity: 0.85; }
.li-notes li { margin-bottom: 4px; }

.li-warn {
  margin-top: 14px; padding: 10px 13px; border-radius: 9px; font-size: 0.85em; line-height: 1.75;
  background: rgba(234, 179, 8, 0.1); border: 1px solid rgba(234, 179, 8, 0.35);
}