/* ─────────────────────────────────────────────────────────────
   账本 #/ledger 的页面专属样式（对应 public/js/views/ledger.js）
   先用 base.css 的布局类和 components.css 的组件；这里只放这一页独有的排布。
   规则同全站：只引用 tokens.css 变量，类名以 .ledger- 开头避免串味。
   ───────────────────────────────────────────────────────────── */
.ledger-toolbar { max-width: 820px; }
.ledger-months { max-width: 960px; width: 100%; }
.ledger-month__numbers { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s-3); flex-wrap: wrap; }
.ledger-month__note { white-space: pre-wrap; padding: var(--s-3); background: var(--fill); border-radius: var(--r-sm); }
.ledger-archive__details summary { cursor: pointer; padding: var(--s-3) 0; min-height: var(--hit); color: var(--accent-text); font-size: var(--fs-sub); }
.ledger-archive__details summary:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--r-xs); }
.ledger-archive__note { padding: var(--s-3); background: var(--warn-soft); color: var(--ink); border-radius: var(--r-sm); font-size: var(--fs-sub); }
.ledger-months .row__title { overflow-wrap: anywhere; }
@media (max-width: 430px) { .ledger-months .row__icon { width: 32px; height: 32px; flex-basis: 32px; } .ledger-months .row { column-gap: var(--s-2); } }