/* Mabor compute context. Existing Satoshi/JetBrains Mono fonts, orange and charcoal remain unchanged. */
.mabor-compute-watch{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:60px;align-items:center;margin:16px 0 0;padding:48px;background:linear-gradient(125deg,#25202655,transparent 55%),#141821;border:1px solid #ffffff17;border-radius:20px;isolation:isolate}
.compute-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#b4acaa;font:10px/1.6 'JetBrains Mono',monospace;letter-spacing:.08em}
.compute-eyebrow>span{display:block;width:18px;height:1px;background:#ff8848}
#compute-watch-title{font-size:34px;line-height:1.18;font-weight:550;letter-spacing:-1.1px;color:#f4f1ed;margin:0 0 20px}
#compute-watch-title>span{color:#ffaa77}.compute-description{color:#adb0b8;font-size:13px;line-height:1.9;max-width:465px;margin:0}
.compute-news{display:block;padding:22px 0 0;border-top:1px solid #ffffff16;margin-top:27px;text-decoration:none}
.compute-news-meta{display:flex;align-items:center;gap:18px;font:8px/1.6 'JetBrains Mono',monospace;letter-spacing:.08em;color:#f2a16d}
.compute-news-meta time{color:#9194a1}.compute-news-title{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-top:12px;font-size:13px;line-height:1.7;color:#d9d9df;max-width:420px}
.compute-news-title>span{font-size:18px;line-height:1.4;flex-shrink:0;color:#f7ad78}.compute-news:hover .compute-news-title{color:#ffbd95}
.compute-news-note{display:block;color:#999caa;font-size:11px;line-height:1.7;margin-top:7px}
.compute-demo-jump{display:inline-flex;gap:28px;align-items:center;margin-top:24px;color:#ffad7a;font-size:11px;font-weight:500}
.compute-demo-jump:hover{color:#ffcfb2}.compute-demo-jump>span{font-size:17px}
.compute-market-card{min-width:0;background:#0f141d;border:1px solid #ffffff1d;border-radius:14px;padding:25px 25px 20px;box-shadow:0 12px 32px #00000016}
.compute-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.compute-card-top>div{display:flex;align-items:center;gap:13px}
.nvda-ticker{font:11px/1.6 'JetBrains Mono',monospace;color:#ffb183;letter-spacing:.04em;padding:7px 10px;border:1px solid #88513766;border-radius:5px;background:#3b251c55}
.nvda-company{display:block;font-size:13px;line-height:1.4;color:#e1e2e6;font-weight:600}.nvda-company small{display:block;font:8px/1.8 'JetBrains Mono',monospace;color:#969eaa;margin-top:3px}
#refresh-compute{display:flex;align-items:center;justify-content:center;border:1px solid #ffffff14;background:#1b202b;border-radius:6px;color:#a3adbb;width:30px;height:30px;cursor:pointer}
#refresh-compute:hover{color:#ffad7a;border-color:#ffad7a55}#refresh-compute:disabled{opacity:.5;cursor:wait}
#refresh-compute[aria-busy=true] svg{animation:compute-refresh 1s linear infinite}@keyframes compute-refresh{to{transform:rotate(360deg)}}
.nvda-quote{display:flex;align-items:baseline;gap:16px;margin-top:28px;flex-wrap:wrap}#nvda-price{color:#f5f0eb;font-size:37px;line-height:1.15;font-weight:550;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
#nvda-change{font:10px/1.6 'JetBrains Mono',monospace;color:#abb3bf;letter-spacing:-.03em}#nvda-change[data-tone=positive]{color:#bcdba0}#nvda-change[data-tone=negative]{color:#eda98f}
.nvda-asof{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font:8px/1.8 'JetBrains Mono',monospace;color:#939dad}.nvda-close-label{font-size:7px;letter-spacing:.08em;color:#a3a8b2;white-space:nowrap}
.nvda-chart-wrap{width:100%;margin:24px 0 6px;min-height:95px}#nvda-chart{display:block;width:100%;height:auto;overflow:visible}
.nvda-chart-axis{display:flex;justify-content:space-between;align-items:center;gap:10px;font:7px/1.8 'JetBrains Mono',monospace;color:#929bac}.nvda-chart-axis>span:nth-child(2){color:#7e8899;font-size:6px}
.compute-source-row{border-top:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;padding-top:15px;font-size:9px;line-height:1.7}
#nvda-source{color:#b1bac8}#nvda-source:hover{color:#ffb083}#compute-data-status{margin:0;color:#a3adba;text-align:right}#compute-data-status[data-mode=snapshot]{color:#e7b980}
.compute-checked{font:7px/1.8 'JetBrains Mono',monospace;color:#8893a6;margin:7px 0 0;min-height:12px}
.compute-separation{color:#959fb0;font-size:8px;line-height:1.8;padding-top:12px;margin:11px 0 0;border-top:1px solid #ffffff0c}
#compute-watch a:focus-visible,#compute-watch button:focus-visible,.mabor-demo-actions button:focus-visible{outline:2px solid #ffad7a;outline-offset:5px}
.mabor-demo-intro{max-width:570px;font-size:13px;line-height:1.9;text-align:center;color:#aeb6c3;margin:-12px 22px 3px}
.mabor-demo-actions{display:flex;gap:12px;align-items:center;justify-content:center;width:250px;max-width:100%}.mabor-demo-actions button{border-radius:6px;padding:11px 18px;font-size:11px;cursor:pointer;min-height:39px;line-height:1.5}
.mabor-demo-actions #clear{background:#ef701b;color:#151922;border:1px solid #ef701b;flex:0 0 auto}.mabor-demo-actions #clear:hover{background:#ff8a44}
.mabor-demo-actions #demo-sample{background:#29252a;color:#ffb482;border:1px solid #6e4934;flex:1;white-space:nowrap;padding-inline:13px}.mabor-demo-actions #demo-sample span{margin-left:8px}.mabor-demo-actions #demo-sample:hover{background:#392c28}.mabor-demo-actions #demo-sample:disabled{opacity:.5;cursor:wait}
.mabor-demo-measurements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:730px;margin:0 auto;border-block:1px solid #ffffff1c;padding:23px 0;text-align:center;gap:22px}
.mabor-demo-measurements>div+div{border-left:1px solid #ffffff1c;padding-left:22px}.demo-metric-label{display:block;font:9px/1.7 'JetBrains Mono',monospace;color:#a5b0be}.mabor-demo-measurements output{display:block;color:#ffb785;font:27px/1.4 'JetBrains Mono',monospace;letter-spacing:-1px;margin-top:10px;font-variant-numeric:tabular-nums}
.mabor-demo-runtime{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin:19px auto 0;font-size:10px;color:#a5afbd;line-height:1.9}
.demo-device-tag{display:inline-flex;align-items:center;gap:8px;color:#e0c6b7;font-size:10px}.demo-device-tag>span{width:5px;height:5px;border-radius:50%;background:#ffad70}.mabor-demo-runtime p{margin:0;font-size:10px}
.mabor-timing-note{font-size:9px;line-height:1.9;color:#9fa9b9;max-width:680px;margin:12px auto 0;text-align:center}
#demo .p-5.text-center{width:100%}
@media(max-width:1100px){.mabor-compute-watch{gap:35px;padding:35px}.compute-market-card{padding:23px 20px 18px}#compute-watch-title{font-size:30px}.compute-description{font-size:12px}.nvda-quote{gap:12px}#nvda-price{font-size:33px}#nvda-change{font-size:9px}.nvda-asof{font-size:7px}.nvda-close-label{font-size:6px}.compute-news-title{font-size:12px}.compute-source-row{font-size:8px}}
@media(max-width:800px){.mabor-compute-watch{gap:30px;padding:29px}.compute-eyebrow{font-size:8px;gap:7px}.compute-eyebrow>span{width:13px}#compute-watch-title{font-size:27px;letter-spacing:-.8px}.compute-description{font-size:11px}.compute-news{margin-top:20px;padding-top:18px}.compute-news-meta{font-size:7px;gap:13px}.compute-news-title{font-size:11px}.compute-news-note{font-size:10px}.compute-demo-jump{font-size:10px;gap:20px;margin-top:20px}.compute-market-card{padding:20px 17px 17px}.nvda-ticker{font-size:9px;padding:6px 8px}.nvda-company{font-size:11px}.nvda-company small{font-size:7px}.compute-card-top>div{gap:10px}.nvda-quote{gap:8px;margin-top:22px}#nvda-price{font-size:31px}#nvda-change{font-size:8px}.nvda-asof{flex-wrap:wrap;gap:3px 12px}.nvda-chart-axis{font-size:6px}.nvda-chart-axis>span:nth-child(2){font-size:5px}.compute-source-row{gap:8px;flex-wrap:wrap}.compute-checked{font-size:6px}.compute-separation{font-size:7px}.mabor-demo-measurements{gap:15px}.mabor-demo-measurements>div+div{padding-left:15px}.mabor-demo-measurements output{font-size:25px}.demo-metric-label{font-size:8px}}
@media(max-width:640px){.mabor-compute-watch{grid-template-columns:1fr;padding:27px 21px;gap:30px;margin-top:0;border-radius:16px}.compute-eyebrow{font-size:8px;margin-bottom:18px}#compute-watch-title{font-size:30px;letter-spacing:-.8px;margin-bottom:18px}.compute-description{font-size:12px;line-height:1.85}.compute-news-meta{font-size:7px;gap:18px}.compute-news-title{font-size:12px}.compute-news-note{font-size:10px}.compute-demo-jump{font-size:11px;margin-top:20px}.compute-market-card{padding:21px 19px 18px;border-radius:12px}.nvda-ticker{font-size:10px;padding:7px 10px}.nvda-company{font-size:12px}.nvda-company small{font-size:7px}.nvda-quote{gap:13px;margin-top:24px}#nvda-price{font-size:35px}#nvda-change{font-size:9px}.nvda-asof{font-size:8px;flex-wrap:nowrap;gap:5px}.nvda-close-label{font-size:6px}.nvda-chart-wrap{margin-top:20px;min-height:80px}.nvda-chart-axis{font-size:7px}.nvda-chart-axis>span:nth-child(2){font-size:5.5px}.compute-source-row{flex-wrap:nowrap;font-size:8px;gap:7px;margin-top:17px}.compute-checked{font-size:6px}.compute-separation{font-size:8px;line-height:1.8}.mabor-demo-intro{font-size:12px;margin-top:-8px}.mabor-demo-measurements{gap:9px;padding:20px 0}.mabor-demo-measurements>div+div{padding-left:9px}.demo-metric-label{font-family:inherit;font-size:9px;line-height:1.8;letter-spacing:0}.mabor-demo-measurements output{font-size:22px;letter-spacing:-1px;margin-top:8px}.mabor-demo-runtime{display:block;margin-top:16px;font-size:9px}.mabor-demo-runtime p{margin-top:7px;font-size:9px}.demo-device-tag{font-size:9px}.mabor-timing-note{font-size:8px;line-height:1.85;margin-top:11px}}
@media(max-width:380px){.mabor-compute-watch{padding:24px 16px}.compute-market-card{padding:19px 16px}.nvda-asof{font-size:7px}.nvda-quote{gap:10px}#nvda-price{font-size:32px}#nvda-change{font-size:8px}.nvda-chart-axis{font-size:6px}.nvda-chart-axis>span:nth-child(2){font-size:5px}.compute-source-row{font-size:7px}.compute-checked{font-size:5.5px}.compute-separation{font-size:7px}.mabor-demo-measurements output{font-size:20px}.demo-metric-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){#refresh-compute[aria-busy=true] svg{animation:none}}

/* Keep measured time on one line on narrow devices. */
#demo-latency{white-space:nowrap}
@media(max-width:640px){#demo-latency{font-size:15px;letter-spacing:-.5px;line-height:2.05}}
@media(max-width:380px){#demo-latency{font-size:14px;line-height:2}}
