.hp-heading { display:flex; gap:var(--vq-space-4); align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.hp-tabs { display:flex; flex-wrap:wrap; gap:var(--vq-space-2); }
.hp-tabs button { border:.0625rem solid var(--vq-border); background:var(--vq-surface); color:var(--vq-text); border-radius:999px; padding:.65rem 1rem; cursor:pointer; }
.hp-tabs button[aria-pressed="true"] { border-color:var(--vq-accent); font-weight:700; }
.hp-grid-2 { display:grid; gap:var(--vq-space-4); grid-template-columns:1fr; }
.hp-form { align-items:end; }
.hp-fieldset { border:.0625rem solid var(--vq-border); border-radius:var(--vq-radius-md); padding:var(--vq-space-4); }
.hp-fieldset legend { font-weight:700; padding:0 var(--vq-space-2); }
.hp-span-2 { grid-column:1 / -1; }
.hp-grow { flex:1 1 18rem; }
.hp-list { display:grid; gap:var(--vq-space-3); }
.hp-record { padding:var(--vq-space-4); border:.0625rem solid var(--vq-border); border-radius:var(--vq-radius-md); background:var(--vq-surface); }
.hp-record h3, .hp-record h4 { margin-top:0; }
.hp-meta { margin:.25rem 0 0; color:var(--vq-muted); }
.hp-actions { display:flex; flex-wrap:wrap; gap:var(--vq-space-2); margin-top:var(--vq-space-3); }
.hp-pager { display:flex; flex-wrap:wrap; gap:var(--vq-space-3); align-items:center; justify-content:space-between; }
.hp-kv { display:grid; gap:.35rem; margin:0; }
.hp-kv div { display:grid; grid-template-columns:minmax(8rem,12rem) 1fr; gap:var(--vq-space-3); }
.hp-kv dt { font-weight:700; }
.hp-kv dd { margin:0; overflow-wrap:anywhere; }
@media (min-width:48rem) { .hp-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } }