.weekly-ledger { color: var(--ink, #463320); overflow-wrap: anywhere; }
.weekly-ledger p { font-size: 12px; line-height: 1.5; }
.weekly-ledger progress { display: block; width: 100%; height: 10px; margin: 8px 0; accent-color: #997032; }
.ledger-card { border: 1px solid #b7a386; background: #f3e7ce; border-radius: 8px; padding: 10px; margin: 8px 0; }
.ledger-card b, .ledger-card small, .weekly-ledger > small { display: block; }
.ledger-card small { margin: 6px 0; }
.weekly-ledger button { min-height: 44px; padding: 8px 12px; color: #463320; background: #e5c992; border: 1px solid #9b7c49; border-radius: 6px; cursor: pointer; white-space: normal; }
.weekly-ledger button:disabled { opacity: .65; cursor: default; }
.weekly-ledger button:focus-visible, .weekly-ledger summary:focus-visible { outline: 3px solid #386eaa; outline-offset: 2px; }
.ledger-actions { display: flex; gap: 8px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ledger-rewards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 8px; }
.ledger-rewards .ledger-card { display: flex; flex-direction: column; margin: 0; }
.ledger-rewards button { margin-top: auto; }
.weekly-ledger summary { min-height: 44px; padding: 12px 0; cursor: pointer; font-weight: bold; }
.ledger-ranking { padding-left: 26px; }
.ledger-ranking li { padding: 8px 0; border-bottom: 1px solid #c8b899; }
.ledger-ranking li span { display: inline-block; width: calc(100% - 55px); vertical-align: top; }
.ledger-ranking li b { display: inline-block; width: 50px; text-align: right; }

.ledger-village-title { display: block; margin-top: 2px; }