.hmt-tile.is-gold{color:var(--gold)}
.hmt-tile.is-gold::before{background:var(--gold)}
.hmt-tile.is-gold .hmt-nm{color:var(--gold)}
.hmt-tile.is-gold.is-on{background:var(--gold);border-color:var(--gold);color:var(--void)}
.hmt-tile.is-gold.is-on .hmt-nm{color:var(--void)}
.hsup .hsup-tab{background:var(--gold);color:var(--void)}


.hsup-fund{display:flex;gap:14px;align-items:stretch;background:var(--panel);border:1px solid var(--hair);padding:12px}
.hsup-bar{flex:none;width:30px;height:168px;display:flex;flex-direction:column-reverse;gap:3px}
.hsup-seg{display:block;position:relative;overflow:hidden;min-height:6px;background:var(--sunk);border:1px solid var(--hair-hi)}
.hsup-seg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--f,0%);background:var(--gold)}
.hsup-seg.is-res::after{background:repeating-linear-gradient(135deg,var(--gold) 0 3px,transparent 3px 6px)}
.hsup-fund.is-short .hsup-seg:not(.is-res)::after{background:var(--accent)}
.hsup-fund.is-none .hsup-bar{display:none}
.hsup-read{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0}
.hsup-big{font-size:22px;font-weight:700;color:var(--bright);line-height:1.15}
.hsup-big small{display:block;font-size:11px;color:var(--dim);font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.hsup-line,.hsup-key{font-size:10.5px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.hsup-res{font-size:10.5px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.hsup-res b{color:var(--gold);font-weight:700}

.hsup-sec{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:14px 0 6px;display:flex;align-items:center;gap:8px}
.hsup-sec::after{content:"";flex:1;height:1px;background:var(--hair)}


.hsup-bills{border:1px solid var(--hair);background:var(--panel)}
.hsup-bill{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:7px 10px;border-bottom:1px solid var(--hair);align-items:center;font-size:11.5px}
.hsup-bill:last-child{border-bottom:0}
.hsup-k{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.hsup-amt{font-variant-numeric:tabular-nums;color:var(--bright);font-weight:700}
.hsup-st{font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:1px 6px;border:1px solid var(--good);color:var(--good)}
.hsup-bill.is-tot{background:var(--raised)}
.hsup-bill.is-tot .hsup-k{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.hsup-empty{margin:0;padding:10px;font-size:11px;color:var(--faint)}


.hsup-perks{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hsup-perk{display:flex;gap:9px;align-items:flex-start;background:var(--panel);border:1px solid var(--hair);padding:8px;min-width:0}
.hsup-perk.is-wide{grid-column:1 / -1}
.hsup-pic{flex:none;width:20px;height:20px;color:var(--gold)}
.hsup-perk b{display:block;font-size:11px;color:var(--bright)}
.hsup-perk span{font-size:10px;color:var(--dim);line-height:1.35}


.hsup-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.hsup-acts.is-one{grid-template-columns:1fr}
.hsup-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 8px;min-height:var(--tap-min,44px);
  font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;text-decoration:none}
.hsup-btn small{font-weight:400;letter-spacing:.06em;text-transform:none;font-size:10px;opacity:.8}
.hsup-btn.is-go{background:var(--gold);color:var(--void);border:1px solid var(--gold)}
.hsup-btn.is-once{background:transparent;color:var(--ink);border:1px solid var(--hair-hi)}
.hsup-btn.is-off{opacity:.55;cursor:default}
.hsup-fine{font-size:10px;color:var(--faint);line-height:1.45;margin:10px 0 0;text-align:center}


.hsup-you{position:relative;background:var(--panel);border:1px solid var(--gold);padding:12px;margin-bottom:14px}
.hsup-you::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--gold)}
.hsup-youh{font-size:17px;font-weight:700;color:var(--bright)}
.hsup-yous{font-size:10.5px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:4px 0 10px}
.hsup-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:11px;margin:0}
.hsup-kv dt{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.hsup-kv dd{margin:0;color:var(--ink)}
.hsup-kv dd.is-on::before{content:"● ";color:var(--good)}
.hsup-kv dd.is-off{color:var(--faint)}
.hsup-kv dd.is-off::before{content:"○ "}
.hsup-lnk{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}


@container hmframe (min-width:972px){
  .hsup-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .hsup-cols .hsup-col:last-child > .hsup-sec:first-child{margin-top:0}
  .hsup-bar{height:200px}
}