/* Tokenized-stocks depth investigation, "Tokenized stocks trade $45 at a time".
   Scoped under .tokenized-stocks-depth. Dark only, per the other investigation
   stylesheets: the site nav and footer are dark, so an article-level theme
   toggle would recolour the article and leave the shell behind.
   Tokens follow bitquery-brand.css. Class prefix is tsd-. */

.tokenized-stocks-depth {
  position: relative;
  isolation: isolate;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  overflow-x: hidden;
}

.tokenized-stocks-depth .inv-progress-track {
  position: fixed; top: 0; left: 0; right: 0;
  height: 3px; z-index: 120; background: transparent; pointer-events: none;
}
.tokenized-stocks-depth .inv-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(96deg,#f93f9c 0%,#af3e76 46%,#00d8dd 100%);
  transition: width .12s linear;
}

.tokenized-stocks-depth{
  --bq-white:#fff; --bq-grey:#aab0bc; --bq-dark-grey:#7e8696;
  --bg:#06090d; --card:#0c121c; --navy:#111c32;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.06);
  --pink:#f93f9c; --pink-soft:#f788c0; --magenta:#af3e76;
  --teal:#00d8dd; --teal-muted:#51becc;
  --gain:#35a877; --amber:#d9a441; --loss:#e0705a;
  --cta:#93254b; --cta-hover:#af3e76; --cta-border:#621832;
  --font:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --measure:42rem; --wide:60rem;
}
.tokenized-stocks-depth *{box-sizing:border-box}
.tokenized-stocks-depth{
  margin:0;background:var(--bg);color:var(--bq-grey);font-family:var(--font);
  font-size:18px;line-height:1.66;font-weight:400;letter-spacing:-.1px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.tokenized-stocks-depth .tsd-art a{
  color:var(--pink-soft);text-decoration:none;border-bottom:1px solid rgba(247,136,192,.4);
}
.tokenized-stocks-depth .tsd-art a:hover{color:var(--pink);border-bottom-color:var(--pink)}

.tokenized-stocks-depth .tsd-wrap{max-width:var(--measure);margin:0 auto;padding:0 26px}
.tokenized-stocks-depth .tsd-wide{max-width:var(--wide);margin:0 auto;padding:0 26px}
.tokenized-stocks-depth .tsd-sec{padding:14px 0 6px}
.tokenized-stocks-depth .tsd-art p{margin:0 0 22px}

.tokenized-stocks-depth .tsd-art h2{
  color:var(--bq-white);font-size:clamp(1.5rem,3vw,2rem);line-height:1.18;
  font-weight:700;letter-spacing:-.6px;margin:44px 0 16px;text-wrap:balance;
}
.tokenized-stocks-depth .tsd-art h3{
  color:var(--bq-white);font-size:1.1rem;font-weight:600;margin:0 0 10px;
}
.tokenized-stocks-depth .tsd-no{
  font-family:var(--mono);font-size:.72em;color:var(--teal);
  margin-right:.7em;letter-spacing:.06em;vertical-align:.12em;
}

/* figures ------------------------------------------------------------- */
.tokenized-stocks-depth .tsd-fig{margin:30px auto 34px}
.tokenized-stocks-depth .tsd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tokenized-stocks-depth .tsd-fig svg{width:100%;min-width:560px;height:auto;display:block}
.tokenized-stocks-depth .tsd-fig figcaption{
  font-family:var(--mono);font-size:.76rem;line-height:1.55;color:var(--bq-dark-grey);
  margin:12px auto 0;max-width:var(--measure);text-align:left;
}
.tokenized-stocks-depth .tsd-grid{stroke:var(--line);stroke-width:1}
.tokenized-stocks-depth .tsd-ax{font-family:var(--mono);font-size:11px;fill:var(--bq-dark-grey)}
.tokenized-stocks-depth .tsd-ln{fill:none;stroke-width:2.1;stroke-linecap:round}
.tokenized-stocks-depth .tsd-lg,
.tokenized-stocks-depth .tsd-vl{font-family:var(--mono);font-size:12px;fill:var(--bq-dark-grey)}
.tokenized-stocks-depth .tsd-rl{font-family:var(--mono);font-size:13px;fill:var(--bq-white)}
.tokenized-stocks-depth .tsd-sl{font-family:var(--mono);font-size:11px;fill:var(--bg);font-weight:600}
.tokenized-stocks-depth .tsd-sp{font-family:var(--mono);font-size:11px;fill:var(--bg);font-weight:600;opacity:.85}
.tokenized-stocks-depth .tsd-so{font-family:var(--mono);font-size:11px;fill:var(--bq-dark-grey);letter-spacing:.02em}

/* tables -------------------------------------------------------------- */
.tokenized-stocks-depth .tsd-tw{
  max-width:var(--measure);margin:26px auto 30px;padding:0 26px;
}
.tokenized-stocks-depth .tsd-tw.tsd-wide{max-width:var(--wide)}
.tokenized-stocks-depth .tsd-tcap{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bq-dark-grey);margin:0 0 10px;
}
.tokenized-stocks-depth .tsd-tscroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-radius:8px;background:var(--card);
}
.tokenized-stocks-depth .tsd-tscroll table{
  width:100%;border-collapse:collapse;display:table;
}
.tokenized-stocks-depth .tsd-wide .tsd-tscroll table{min-width:620px}
.tokenized-stocks-depth .tsd-tscroll th{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bq-dark-grey);font-weight:500;text-align:left;padding:12px 16px;
  border-bottom:1px solid var(--line);white-space:nowrap;
}
.tokenized-stocks-depth .tsd-tscroll td{
  padding:11px 16px;border-bottom:1px solid var(--line-2);
  font-size:.92rem;white-space:nowrap;
}
.tokenized-stocks-depth .tsd-tscroll tr:last-child td{border-bottom:none}
.tokenized-stocks-depth .tsd-num{
  text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.86rem;
}
.tokenized-stocks-depth .tsd-t{color:var(--bq-white);font-weight:600}
.tokenized-stocks-depth .tsd-ok{color:var(--gain)}
.tokenized-stocks-depth .tsd-warn{color:var(--amber)}
.tokenized-stocks-depth .tsd-bad{color:var(--loss)}
.tokenized-stocks-depth .tsd-tag{
  display:inline-block;font-family:var(--mono);font-size:.56rem;letter-spacing:.09em;
  padding:2px 5px;margin-left:6px;border-radius:3px;border:1px solid currentColor;
  vertical-align:.1em;opacity:.85;
}
.tokenized-stocks-depth .tsd-flag{
  display:inline-block;font-family:var(--mono);font-size:.56rem;letter-spacing:.09em;
  padding:2px 5px;margin-left:6px;border-radius:3px;
  color:var(--amber);border:1px solid var(--amber);vertical-align:.1em;
}
.tokenized-stocks-depth .tsd-mono{font-family:var(--mono);font-size:.74rem;word-break:break-all}

/* blocks -------------------------------------------------------------- */
.tokenized-stocks-depth .tsd-note{
  background:var(--navy);border:1px solid var(--line);border-radius:8px;
  padding:20px 22px;margin:30px 0;font-size:.96rem;line-height:1.6;
}
.tokenized-stocks-depth .tsd-note b{color:var(--bq-white);font-weight:600}
.tokenized-stocks-depth .tsd-art p.tsd-pull{
  color:var(--bq-white);font-size:1.34rem;line-height:1.36;font-weight:500;
  border-left:3px solid var(--teal);padding:4px 0 4px 20px;margin:34px 0;
}

/* end CTA — the body link rule above is (0,2,1), so the button needs (0,3,1)
   or it inherits pink-on-pink with a stray underline. Verified by computed
   style, not by eye. */
.tokenized-stocks-depth .tsd-endcta{
  border:1px solid var(--line);border-radius:10px;padding:24px 26px;margin:44px 0 8px;
  background:var(--card);
}
.tokenized-stocks-depth .tsd-art a.tsd-endcta-btn{
  display:inline-block;margin-top:6px;padding:11px 20px;border-radius:8px;
  background:var(--cta);color:#fff;font-weight:600;font-size:.94rem;
  border:1px solid var(--cta-border);border-bottom:1px solid var(--cta-border);
  text-decoration:none;
}
.tokenized-stocks-depth .tsd-art a.tsd-endcta-btn:hover{
  background:var(--cta-hover);color:#fff;border-color:var(--cta-hover);
}
.tokenized-stocks-depth .tsd-art a.tsd-endcta-btn:focus-visible{
  outline:2px solid var(--teal);outline-offset:3px;
}

@media (max-width:640px){
  .tokenized-stocks-depth{font-size:17px}
  .tokenized-stocks-depth .tsd-wrap,
  .tokenized-stocks-depth .tsd-wide,
  .tokenized-stocks-depth .tsd-tw{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){
  .tokenized-stocks-depth .inv-progress-fill{transition:none}
}