/* S13 取り込む・S14 書き出す（担当I）。値は tokens.css の変数だけを使う（直書きしない）。
   行と面は settings.css の .set-*、いちばん下の強いボタンは docs.css の .docs-foot を使う。 */

:root[data-measure="read"] .transfer-body { padding-left: max(var(--gutter), calc((100% - var(--measure)) / 2)); padding-right: max(var(--gutter), calc((100% - var(--measure)) / 2)); }
.transfer-body { padding-bottom: var(--sp-7); }
.transfer-foot[hidden] { display: none; }
.transfer-lead { margin: 0 0 var(--sp-4); color: var(--text-2); font-size: var(--fs-small); line-height: var(--lh-small); }
.transfer-headline { margin: 0 0 var(--sp-2); font-size: var(--fs-title); font-weight: var(--fw-heavy); line-height: var(--lh-ui); }

/* 気をつけること（言葉の札「注意」と一文。色だけにしない） */
.transfer-warn { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-2); margin: 0 0 var(--sp-3); padding: var(--sp-3) var(--cell-x); border-radius: var(--r-m); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line-strong); }
.transfer-warn p { margin: 0; line-height: var(--lh-small); }
.transfer-badge { display: inline-block; margin-right: var(--sp-2); padding: 0 var(--sp-2); border-radius: var(--r-s); background: var(--text); color: var(--bg); font-size: var(--fs-caption); font-weight: var(--fw-bold); line-height: 1.7; vertical-align: 0.1em; }
.transfer-lost .transfer-warn { margin-bottom: var(--sp-2); }

/* 開いて中を見る一覧 */
.transfer-fold { margin: 0 0 var(--sp-3); border-radius: var(--r-group); background: var(--surface); overflow: hidden; }
.transfer-fold-head { display: flex; align-items: center; min-height: var(--cell-h); padding: var(--row-pad) var(--cell-x); cursor: pointer; list-style: none; line-height: var(--lh-ui); }
.transfer-fold-head::-webkit-details-marker { display: none; }
.transfer-fold-head::after { content: "＋"; flex: none; margin-left: var(--sp-2); color: var(--accent); }
.transfer-fold[open] > .transfer-fold-head::after { content: "－"; }
.transfer-fold-head:active { background: var(--press); }
.transfer-fold-list { margin: 0; padding: 0 var(--cell-x) var(--sp-3) calc(var(--cell-x) + 1.2em); color: var(--text-2); font-size: var(--fs-small); line-height: var(--lh-small); overflow-wrap: anywhere; }
.transfer-fold-list li { margin: var(--sp-1) 0; }

/* 札（元のタグ・本文の #・フォルダの名前） */
.transfer-chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.transfer-chip-count { margin-left: var(--sp-1); color: var(--text-3); font-variant-numeric: tabular-nums; }

/* 進み具合 */
.transfer-progress { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-4) var(--cell-x); border-radius: var(--r-group); background: var(--surface); }
.transfer-progress p { margin: 0; }
.transfer-bar { max-width: none; }
.transfer-bar[hidden] { display: none; }
.transfer-count { font-size: var(--fs-headline); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; line-height: var(--lh-ui); }
.transfer-now { color: var(--text-2); font-size: var(--fs-small); line-height: var(--lh-small); overflow-wrap: anywhere; }
.transfer-sub { color: var(--text-3); font-size: var(--fs-small); line-height: var(--lh-small); font-variant-numeric: tabular-nums; }
.transfer-note { color: var(--text-2); font-size: var(--fs-small); line-height: var(--lh-small); }
.transfer-note:empty { display: none; }
.transfer-note.is-warn::before { content: "注意　"; font-weight: var(--fw-bold); color: var(--text); }