:root {
    --hoho-space-1: .25rem; --hoho-space-2: .5rem; --hoho-space-3: .75rem;
    --hoho-space-4: 1rem; --hoho-space-6: 1.5rem; --hoho-space-8: 2rem;
    --hoho-ink: #172033; --hoho-muted: #526078; --hoho-border: #ccd3df;
    --hoho-primary: #2854a6; --hoho-focus: #ffbf47;
}
.hoho-surface-header { margin-block-end: var(--hoho-space-6); }
.hoho-surface-header h1 { margin: 0 0 var(--hoho-space-2); line-height: 1.15; }
.hoho-card-grid { display:grid; gap:var(--hoho-space-4); grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); }
.hoho-summary-card { border:1px solid var(--hoho-border); border-radius:.8rem; padding:var(--hoho-space-4); background:#fff; color:var(--hoho-ink); }
.hoho-summary-card h3 { margin:.15rem 0 .65rem; }
.hoho-eyebrow,.hoho-card-meta { color:var(--hoho-muted); font-size:.875rem; }
.hoho-card-meta { display:flex; gap:var(--hoho-space-3); margin-bottom:var(--hoho-space-3); }
.hoho-status-badge { display:inline-block; border-radius:999px; padding:.25rem .6rem; background:#e7eefc; }
.hoho-action-bar { display:flex; flex-wrap:wrap; gap:var(--hoho-space-2); margin-top:var(--hoho-space-4); }
.hoho-button { min-height:44px; min-width:44px; border-radius:.5rem; padding:.65rem 1rem; font:inherit; cursor:pointer; }
.hoho-button-primary { border:1px solid var(--hoho-primary); background:var(--hoho-primary); color:#fff; }
.hoho-button-secondary { border:1px solid var(--hoho-border); background:#fff; color:var(--hoho-ink); }
.hoho-button:focus-visible { outline:3px solid var(--hoho-focus); outline-offset:2px; }
.hoho-button:disabled { cursor:not-allowed; opacity:.58; }
.hoho-action-message { margin-top:var(--hoho-space-3); }
.hoho-metadata-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(8rem,1fr)); gap:var(--hoho-space-3); }
.hoho-metadata-grid div { min-width:0; }.hoho-metadata-grid dt { color:var(--hoho-muted); font-size:.8rem; }.hoho-metadata-grid dd { margin:0; }
.hoho-callout { border-inline-start:.3rem solid var(--hoho-primary); padding:var(--hoho-space-3); background:#f2f6ff; }
.hoho-amount { font-size:1.75rem; font-weight:700; margin-block:.5rem; }
.reviewer-detail { margin-top:var(--hoho-space-6); overflow-wrap:anywhere; }
.hoho-detail-list { padding-inline-start:1.25rem; }
.hoho-detail-list li { margin-block:var(--hoho-space-2); }
.hoho-filter-bar { display:flex; flex-wrap:wrap; align-items:end; gap:var(--hoho-space-3); margin-block:var(--hoho-space-4); }
.hoho-filter-bar label { display:grid; gap:var(--hoho-space-1); }
@media (max-width:639px) { .hoho-action-bar,.hoho-action-bar .hoho-button { width:100%; } }