/* 家族の年表（nenpyo/）だけの見た目。色は ../style.css のトークンを使う */
.np-person, .np-event { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 0.8rem; border-bottom: 1px dashed var(--border); margin-bottom: 0.6rem; }
.np-person .field, .np-event .field { margin-bottom: 0.6rem; }
.np-name { flex: 0 1 7.5rem; }
.np-birth { flex: 1 1 12rem; }
.np-retire { flex: 0 1 8rem; }
.np-name input, .np-birth input, .np-retire input, .np-event input { width: 100%; max-width: 100%; }
.np-err { display: block; min-height: 1.1em; font-size: 0.78rem; color: var(--muted); margin-top: 0.15rem; }
.np-err.bad { color: #b00020; }
@media (prefers-color-scheme: dark) { .np-err.bad { color: #ff8a80; } }
.np-del { min-width: 44px; min-height: 44px; margin-bottom: 0.6rem; }
.np-row-btns { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.np-row-btns .btn { line-height: 1.4; }   /* 共通の font: inherit で行間 1.7 になった分を戻す（3 画面以内: SCREEN 2 章） */
.np-controls label.inline, #opt-events label.inline { display: block; font-weight: 400; margin: 0.3rem 0; }

.np-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.np-table th, .np-table td { border: 1px solid var(--border); padding: 0.25rem 0.35rem; vertical-align: top; line-height: 1.3; font-size: 0.82rem; }
.np-table thead th { background: var(--bg-2); white-space: nowrap; }
.np-table tbody th { white-space: nowrap; text-align: left; }
.np-y { display: block; font-weight: 700; }
.np-w { display: block; font-size: 0.75rem; color: var(--muted); font-weight: 400; }   /* 12px 以上（REVIEW C9） */
@media screen { .np-w { line-height: 1.2; } }   /* 画面の行の高さを前と同じに（印刷は下の pt のまま） */
.np-age { white-space: nowrap; }
.np-g { color: var(--muted); font-size: 0.75rem; }
.np-e { display: block; font-weight: 700; color: var(--accent); font-size: 0.78rem; }
.np-table td.ev { background: var(--accent-soft); }
.np-table tr.me > th { outline: 2px solid var(--accent); outline-offset: -2px; }

@media print {
  @page { size: A4 portrait; margin: 10mm; }
  .np-table th, .np-table td { font-size: 8pt; padding: 0.4mm 1mm; }
  .np-w, .np-g { font-size: 6.8pt; color: #333; }
  .np-e { font-size: 7.4pt; color: #000; }
  .np-table td.ev { background: #ececec; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .np-table tr { break-inside: avoid; }
  .np-table thead { display: table-header-group; }
}