/* THRUST prices — /prices, the price board. Shares the expression page's tokens (--ink, --muted, --gold, --line, --mono). */
.dpx>*{min-width:0;max-width:100%}
.dpx-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px 28px;align-items:end}
.dpx-index{margin:6px 0 0;font:600 clamp(22px,4.2vw,40px)/1.1 var(--mono);color:var(--ink);overflow-wrap:anywhere}
.dpx-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}
.dpx-meta div{min-width:0}
.dpx-meta dt{font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.dpx-meta dd{margin:2px 0 0;font:13px var(--mono);color:var(--ink);overflow-wrap:anywhere}
.dpx-z{color:var(--muted);opacity:.5}
.dpx-f{color:var(--muted);font-size:.82em}
.dpx-err{color:var(--down)}

.dpx-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:16px;margin-top:6px}
.dpx-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px 18px 14px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,transparent),rgba(255,255,255,.012) 46%);overflow:hidden}
.dpx-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c);opacity:.85}
.dpx-card__h{display:flex;align-items:center;gap:12px}
.dpx-card__h>div{flex:1;min-width:0}
.dpx-card__h h2{margin:0;font-size:18px;letter-spacing:.02em;color:var(--ink)}
.dpx-card__h p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.dpx-mono{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--c) 22%,transparent);
  border:1px solid var(--c);color:var(--ink);font:700 11px var(--mono);letter-spacing:.02em}
.dpx-mono--4{font-size:9.5px}
.dpx-w{flex:none;text-align:right;font:600 15px var(--mono);color:var(--ink)}
.dpx-w small{display:block;font:400 10.5px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.06em;color:var(--muted)}

.dpx-q{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:4px 10px}
.dpx-q__k{font-size:12px;color:var(--muted);white-space:nowrap}
.dpx-q__v{font:600 clamp(17px,2.2vw,21px)/1.25 var(--mono);color:var(--ink);overflow-wrap:anywhere;text-align:right}
.dpx-q__u{font:12px var(--mono);color:var(--gold)}
.dpx-q--inv{padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}
.dpx-q--inv .dpx-q__v{font-size:clamp(14px,1.7vw,16px);font-weight:500}

.dpx-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:12px 0 0;border-top:1px solid var(--line)}
.dpx-facts div{min-width:0}
.dpx-facts div:first-child{grid-column:1/-1}
.dpx-facts dt{font-size:11px;letter-spacing:.06em;color:var(--muted)}
.dpx-facts dd{margin:2px 0 0;font:13px var(--mono);color:var(--ink);overflow-wrap:anywhere}
.dpx-d{display:inline-block;margin-left:6px;padding:0 7px;border-radius:9px;font-size:11px;border:1px solid currentColor;white-space:nowrap}
.dpx-d.is-up{color:var(--up)}.dpx-d.is-down{color:var(--down)}
.dpx-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.06)}
.dpx-bar i{display:block;height:100%;border-radius:2px;background:var(--c)}
.dpx-links{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px}
.dpx-links a{display:inline-flex;align-items:center;min-height:32px}
@media (max-width:760px){
  .dpx-hero{grid-template-columns:1fr}
  .dpx-q{grid-template-columns:1fr auto}
  .dpx-q__k{grid-column:1/-1}
  .dpx-q__v{text-align:left}
  .dpx-links a{min-height:44px}
}