/* S2 メモを読む（担当A）。値は tokens.css の変数だけ。 */
.note-read { padding-top: var(--sp-2); }
.note-title { margin: 0 0 var(--sp-1); font-size: var(--fs-display); font-weight: var(--fw-heavy); line-height: var(--lh-title); }
.note-dates { margin: 0 0 var(--sp-3); color: var(--text-3); font-size: var(--fs-small); line-height: var(--lh-ui); font-variant-numeric: tabular-nums; }
.note-chips { display: flex; flex-wrap: wrap; gap: var(--sp-1); margin-bottom: var(--sp-4); }

/* 広い画面の右側（一覧の右に置く。戻るは無い） */
.screen-note.is-embedded { padding-top: var(--safe-t); }

/* チェック項目: 項目の行の全体が一つの的（高さ 44px 以上。16-4.6） */
.note-read .md li.task-hit { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--sp-1); min-height: var(--hit-min); padding: var(--sp-2) 0; margin: 0; cursor: pointer; border-radius: var(--r-s); }
.note-read .md li.task-hit > ul, .note-read .md li.task-hit > ol { flex-basis: 100%; }
.note-read .md li.task-hit:active { background: var(--press-bg); }
.note-read .md li.task-hit > input[type="checkbox"] { flex: none; margin-top: 0.15em; cursor: pointer; }
.note-read .md li.task-hit:has(> input:checked) { color: var(--text-2); }
.note-read .task-line { display: inline-flex; align-items: center; min-height: var(--hit-min); cursor: pointer; }

/* ---------- 印刷（紙面だけを出す。A4、白地に黒） ---------- */
.print-root { display: none; }
@media print {
  @page { size: A4; margin: 15mm; }
  html, body { height: auto !important; overflow: visible !important; background: #fff !important; color: #000 !important; }
  body > :not(.print-root) { display: none !important; }
  .print-root { display: block; color: #000; font-size: 11pt; line-height: 1.7; }
  .print-root .print-title { margin: 0 0 4pt; font-size: 18pt; font-weight: 700; line-height: 1.3; }
  .print-root .print-meta { margin: 0 0 6pt; font-size: 9pt; color: #333; }
  .print-root .print-tags { display: flex; flex-wrap: wrap; gap: 4pt; margin-bottom: 10pt; }
  .print-root .chip { background: none; border: 1px solid #666; color: #000; font-size: 9pt; padding: 0 4pt; }
  .print-root .chip-dot { display: none; }
  .print-root .md { font-size: 11pt; }
  .print-root .md h1, .print-root .md h2 { font-size: 14pt; }
  .print-root .md img { max-width: 100%; page-break-inside: avoid; }
  .print-root .md pre, .print-root .md code { background: none; border: 1px solid #ccc; }
  .print-root a { color: #000; }
}