.ledger {
    margin: 0;
    background: #f4f1e7;
    color: #12372c;
    font: 16px/1.5 system-ui, sans-serif;
}
.ledger-shell {
    width: min(1150px, calc(100% - 32px));
    margin: 0 auto;
    padding: clamp(32px, 7vw, 78px) 0 80px;
}
.ledger-intro, .ledger-tools {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
}
.ledger-intro { margin: 0 0 28px; }
.ledger-kicker {
    color: #556c5d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}
.ledger-intro h1 {
    margin: 0;
    font-size: clamp(46px, 9vw, 94px);
    line-height: .98;
    letter-spacing: -.08em;
}
.ledger-intro h1 span { color: #6e8b45; }
.ledger-intro p:not(.ledger-kicker):not(.ledger-status) { color: #556c5d; margin-bottom: 0; }
.ledger-status {
    margin: 0;
    padding: 8px 14px;
    border: 1px solid #c8d4c4;
    border-radius: 999px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
}
.ledger-status::before {
    display: inline-block;
    width: .55em;
    height: .55em;
    margin-right: .55em;
    border-radius: 50%;
    background: #a66a22;
    content: "";
}
.ledger-status[data-state="live"] {
    background: #e1edc8;
    border-color: #bbcf9e;
}
.ledger-status[data-state="live"]::before { background: #3b784c; }
.ledger-card {
    overflow: hidden;
    border: 1px solid #d5ddce;
    border-radius: 20px;
    background: #fffcf1;
}
.ledger-tools { padding: 18px clamp(15px, 4vw, 28px); }
.ledger-tools h2 { margin: 0; font-size: 21px; }
.ledger-tools p { margin: 3px 0 0; color: #556c5d; font-size: 13px; }
.ledger-search { display: grid; gap: 4px; width: min(100%, 240px); font-size: 12px; font-weight: 700; }
.ledger-search input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #b7c9b9;
    border-radius: 8px;
    background: #fffdf6;
    color: inherit;
    font: inherit;
    font-size: 14px;
}
.ledger-search input:focus-visible { outline: 2px solid #4b774f; outline-offset: 2px; }
.ledger-table-wrap { overflow-x: auto; }
.ledger-table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; font-size: 14px; }
.ledger-table :is(th, td) { border-top: 1px solid #dce3d5; padding: 11px clamp(12px, 3vw, 26px); }
.ledger-table th { background: #e7ecde; font-size: 12px; }
.ledger-table td:nth-child(1), .ledger-table td:nth-child(5) { color: #556c5d; white-space: nowrap; }
.ledger-table :is(th, td):nth-child(4) { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ledger-table a { color: inherit; font-weight: 650; }
.ledger-credit { color: #205e3b; font-weight: 700; }
.ledger-debit { color: #8a3e31; }
.ledger-empty { padding-block: 28px !important; color: #556c5d; text-align: center; }
@media (max-width: 570px) {
    .ledger-intro, .ledger-tools { align-items: start; flex-direction: column; gap: 12px; }
}