.hoho-icon { display:inline-block; flex:none; vertical-align:middle; }
.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:var(--hoho-border-width) solid var(--hoho-border); border-radius:var(--hoho-radius-lg); padding:var(--hoho-space-4); background:var(--hoho-surface-elevated); color:var(--hoho-text-primary); }
.hoho-summary-card h3 { margin:.15rem 0 .65rem; }
.hoho-eyebrow,.hoho-card-meta { color:var(--hoho-text-secondary); font-size:var(--hoho-text-sm); }
.hoho-card-meta { display:flex; gap:var(--hoho-space-3); margin-bottom:var(--hoho-space-3); }
.hoho-action-bar { display:flex; flex-wrap:wrap; gap:var(--hoho-space-2); margin-top:var(--hoho-space-4); }
.hoho-button { min-height:var(--hoho-target-min); min-width:var(--hoho-target-min); border-radius:var(--hoho-radius-md); padding:.65rem var(--hoho-space-4); font:inherit; cursor:pointer; }
.hoho-button-primary { border:var(--hoho-border-width) solid var(--hoho-action); background:var(--hoho-action); color:var(--hoho-on-info); }
.hoho-button-secondary { border:var(--hoho-border-width) solid var(--hoho-border); background:var(--hoho-surface); color:var(--hoho-text-primary); }
.hoho-button:focus-visible { outline:var(--hoho-focus-width) solid var(--hoho-focus); outline-offset:var(--hoho-focus-offset); }
.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-text-secondary); font-size:var(--hoho-text-xs); }.hoho-metadata-grid dd { margin:0; }
.hoho-callout { border-inline-start:.3rem solid var(--hoho-action); padding:var(--hoho-space-3); background:#f2f6ff; }
.hoho-amount { font-size:var(--hoho-text-xl); font-weight:var(--hoho-weight-bold); margin-block:var(--hoho-space-2); }
.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-reviews-filters { min-width:0; margin-block:var(--hoho-space-4); }
.hoho-filter-group { min-width:0; max-width:100%; margin:0; padding:0; border:0; }
.hoho-filter-group legend { max-width:100%; padding:0; font-weight:var(--hoho-weight-bold); overflow-wrap:anywhere; }
.hoho-filter-bar { display:flex; min-width:0; max-width:100%; flex-wrap:wrap; align-items:end; gap:var(--hoho-space-3); margin-block-start:var(--hoho-space-4); }
.hoho-filter-field { display:grid; min-width:0; max-width:100%; gap:var(--hoho-space-1); overflow-wrap:anywhere; }
.hoho-filter-field select { min-width:var(--hoho-target-min); min-height:var(--hoho-target-min); max-width:100%; padding:.55rem var(--hoho-space-3); border:var(--hoho-border-width) solid var(--hoho-border); border-radius:var(--hoho-radius-md); background:var(--hoho-surface); color:var(--hoho-text-primary); font:inherit; }
.hoho-filter-field-checkbox { grid-template-columns:var(--hoho-target-min) minmax(0,1fr); align-items:center; gap:var(--hoho-space-2); min-height:var(--hoho-target-min); }
.hoho-filter-field-checkbox input { width:var(--hoho-target-min); height:var(--hoho-target-min); margin:0; }
.hoho-filter-field-checkbox label { min-width:0; overflow-wrap:anywhere; }
.hoho-filter-field select:focus-visible,
.hoho-filter-field-checkbox input:focus-visible { outline:var(--hoho-focus-width) solid var(--hoho-focus); outline-offset:var(--hoho-focus-offset); }
.hoho-filter-field select:disabled,
.hoho-filter-field-checkbox input:disabled { cursor:not-allowed; opacity:.58; }
.hoho-filter-progress { margin-block:var(--hoho-space-3) 0; overflow-wrap:anywhere; }
.hoho-reviews-account-link { display:inline-flex; align-items:center; justify-content:center; min-width:var(--hoho-target-min); min-height:var(--hoho-target-min); max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:center; }
@media (max-width:639px) {
    .hoho-action-bar,.hoho-action-bar .hoho-button,
    .hoho-filter-bar,.hoho-filter-field,.hoho-filter-field select,.hoho-filter-bar .hoho-button { width:100%; }
}