/* Page-level data controls; the shared shell and palette live in app.css. */
.hx-rank-range{display:grid;gap:.2rem;color:var(--fg2);font-family:var(--mono);font-size:var(--t-label);line-height:1.5}
.hx-rank-range strong{font-weight:500;color:var(--fg)}
#net-leaders{container-type:inline-size}
#net-leaders .hx-period-rank{grid-template-columns:1.25rem minmax(3.6rem,1fr) minmax(3.8rem,.95fr) minmax(3.25rem,.7fr) minmax(3.1rem,.65fr) minmax(3.4rem,.75fr) minmax(3.7rem,.8fr);gap:.45rem}
#net-leaders .hx-period-rank>span{min-width:0;overflow-wrap:anywhere}
#net-leaders .lb-h{line-height:1.35}
@container (max-width:31rem){
  #net-leaders .hx-period-rank{grid-template-columns:1.25rem minmax(3.6rem,1fr) minmax(3.9rem,.9fr) minmax(3.2rem,.65fr)}
  #net-leaders .hx-period-rank>span:nth-child(n+5){display:none}
}
@container (max-width:18rem){
  #net-leaders .hx-period-rank{grid-template-columns:.95rem minmax(2.75rem,1fr) minmax(2.5rem,1fr) minmax(2.8rem,.8fr);gap:.35rem}
}
.hx-field-error{display:block;color:var(--status-error);font-size:var(--t-label);line-height:1.45;overflow-wrap:anywhere}
.hx[data-page]:not([data-page="core"]) .pf-page .pf-btn.ghost{color:var(--fg2);background:var(--well);border:1px solid var(--l5)}
.hx[data-page]:not([data-page="core"]) .pf-page .pf-btn.ghost:hover:not(:disabled){color:var(--fg);background:var(--hover);border-color:var(--l6)}
.pf-page .hx-copy-action.pf-btn{height:auto;min-height:2rem;padding:.3rem .55rem}
.hx-earn-field,.hx-ledger-field{display:grid;min-width:0;align-content:start;gap:.35rem}
.hx-earn-field label,.hx-ledger-field label{display:block;color:var(--fg2);font:var(--t-label)/1.3 var(--mono)}
.hx-earn-field input,.hx-ledger-field input{width:100%;min-width:0}
.hx-earn-field input[aria-invalid=true],.hx-ledger-field input[aria-invalid=true]{border-color:var(--status-error-border)}
#earn-form{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:start}
#earn-form>.pf-btn{margin-top:calc(var(--t-label)*1.3 + .35rem)}
#earn-form>.pf-btn:disabled{opacity:.56;cursor:not-allowed}
.hx-earn-estimate,.hx-earn-total{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);align-items:center;gap:.6rem 1rem;padding:.8rem .95rem;border:1px solid var(--l2);background:var(--bg)}
.hx-earn-estimate strong,.hx-earn-total strong{display:block;margin:.2rem 0 0;font:400 var(--t-num)/1.2 var(--mono);overflow-wrap:anywhere}
.hx-earn-estimate .hx-link{display:inline-block;margin-top:.3rem}
.hx-earn-accounting .hx-earn-total{border-top:0}
.hx-progress-panel progress{appearance:none;border:0;background:var(--l2);border-radius:2px;overflow:hidden}
.hx-progress-panel progress::-webkit-progress-bar{background:var(--l2)}
.hx-progress-panel progress::-webkit-progress-value{background:var(--accent)}
.hx-progress-panel progress::-moz-progress-bar{background:var(--accent)}
.hx-earn-accounting .heroes dt,.hx-treasury-overview .heroes dt,.hx-earn-accounting .heroes dd,.hx-treasury-overview .heroes dd{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.hx-treasury-overview .heroes [data-highlight] .v{color:var(--fg)}
.hx-treasury-overview .heroes dt a{text-decoration-color:var(--l4)}
.hx-ledger-search#ledger-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.hx-ledger-submit{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;grid-column:1/-1}
.hx[data-page="ledger"] #ledger-list{min-width:0;margin:0;padding:0}
.hx-ledger-record{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,.65fr);grid-template-areas:"kind state time amount"}
.hx-ledger-record>span{min-width:0;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;overflow:visible}
.hx-ledger-kind{grid-area:kind;color:var(--fg)}
.hx-ledger-state{grid-area:state;color:var(--fg2)}
.hx-ledger-time{grid-area:time;color:var(--fg3)}
.hx-ledger-amount{grid-area:amount;color:var(--fg);text-align:right}
#ledger-more{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font:var(--t-label)/1.45 var(--mono);color:var(--fg2);padding:.25rem 0}
#ledger-more:empty{display:none}
.pf-page .hx-rules-content>section[id]{width:min(100%,72ch);scroll-margin-top:3.85rem}
.hx-rules-directory{display:none}
.hx-rules-content .hx-disclosure summary,.hx-rules-directory summary{display:flex;align-items:center;gap:.6rem;min-height:2.6rem;line-height:1.45}
.hx-rules-directory summary{list-style:none;cursor:pointer}
.hx-rules-directory summary::-webkit-details-marker{display:none}
.hx-rules-directory summary::before,.hx-rules-content .hx-disclosure summary::before{content:'+';font-family:var(--mono);color:var(--accent)}
.hx-rules-directory[open] summary::before,.hx-rules-content .hx-disclosure[open] summary::before{content:'−'}
.hx-proof-vector-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;margin:.6rem 0}
.hx-proof-vector{margin:0;min-width:0;max-width:100%;overflow-x:auto;padding:.75rem;border:1px solid var(--l2);background:var(--bg);font:var(--t-label)/1.65 var(--mono);white-space:pre;scrollbar-width:thin}
.hx-proof-vector code{font:inherit;white-space:inherit}
.hx-proof-vector:focus-visible,.hx-rules-directory summary:focus-visible,.hx-rules-content summary:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}
@media(max-width:899px){
  .pf-page .hx-rules-content>section[id]{scroll-margin-top:var(--hx-rule-anchor-offset,5.5rem)}
  .hx-rules-content>.ruler{display:none}
  .hx-rules-directory{display:block;border-block:1px solid var(--l2);padding-inline:.6rem;color:var(--fg2);font:var(--t-label)/1.5 var(--mono)}
  .hx-rules-directory ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .7rem;counter-reset:rule-nav;padding-bottom:.5rem}
  .hx-rules-directory li{min-width:0;counter-increment:rule-nav}
  .hx-rules-directory a{display:flex;align-items:center;gap:.6rem;min-height:2.6rem;padding:.15rem 0;color:var(--fg2);overflow-wrap:anywhere}
  .hx-rules-directory a::before{content:counter(rule-nav,decimal-leading-zero);color:var(--fg3);flex:none}
  .hx-rules-directory a[aria-current=location]{color:var(--accent)}
}
@media(max-width:640px){
  .pf-page .hx-copy-action.pf-btn{min-height:2.75rem}
  #earn-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  #earn-form>.hx-earn-field{grid-column:1/-1}
  #earn-form>.pf-btn{margin-top:0;min-height:2.65rem;height:auto;line-height:1.35;white-space:normal;padding:.45rem}
  .hx-earn-estimate,.hx-earn-total{grid-template-columns:minmax(0,1fr)}
  .hx-ledger-search#ledger-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  #ledger-form>.hx-ledger-field:nth-child(3){grid-column:1/-1}
  .hx[data-page="ledger"] #ledger-list{max-height:none;overflow:visible}
  .hx-ledger-record{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-template-areas:"kind amount" "state time";gap:.18rem .5rem;padding:.48rem .35rem}
  .hx-ledger-time{text-align:right}
  .hx-ledger-state,.hx-ledger-time{font-size:.69rem}
}
@media(max-width:390px){
  .hx-rules-directory ol{grid-template-columns:minmax(0,1fr)}
}