/* GENERATED from src/company/decom_dave/style.py by the build. */
@font-face{font-family:"Bungee";src:url(fonts/bungee.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(fonts/space-grotesk.ttf) format("truetype");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(fonts/jetbrains-mono.ttf) format("truetype");font-weight:100 800;font-display:swap}
:root{
  color-scheme:dark;
  --ground:#08112a; --panel:#0f1c40; --panel2:#13224a; --ink:#05070d;
  --accent:#6ccf45; --yellow:#ffd21a; --amber:#ffb020; --cyan:#7df3ff;
  --text:#eaf0fb; --muted:#8fa0c4; --red:#ff4a3d; --green:#4ade80;
  --cream:#f3ead2; --line:#1d2b55; --line2:#2a3b6e;
  --disp:"Bungee","Arial Black",Impact,sans-serif;
  --sans:"Space Grotesk","Avenir Next","Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --gut:clamp(16px,4vw,40px);
  --hz:repeating-linear-gradient(-45deg,var(--yellow) 0 12px,var(--ink) 12px 24px);
}
*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.55;
  -webkit-text-size-adjust:100%;background-color:var(--ground);
  background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px),
    linear-gradient(transparent 0,var(--ground) 1100px),
    radial-gradient(rgba(255,214,120,.2) 1.6px,transparent 2.6px),
    repeating-linear-gradient(90deg,transparent 0 96px,rgba(110,150,255,.05) 96px 168px),
    linear-gradient(#0d1b47,var(--ground) 900px);
  background-size:24px 24px,100% 100%,61px 43px,auto,100% 100%;
  background-repeat:repeat,no-repeat,repeat,repeat,no-repeat;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}
body>*{flex:none}
a{color:var(--yellow);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
img,svg{max-width:100%}
.wrap{max-width:74rem;margin:0 auto;padding-inline:var(--gut)}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;
  background:rgba(8,17,42,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:3px solid var(--ink);box-shadow:0 1px 0 var(--line)}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-block:.6rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--accent)}
.brand .av{width:38px;height:38px;flex:none}
.word{font-family:var(--disp);font-size:1.25rem;letter-spacing:.02em;line-height:1;
  color:var(--accent);text-shadow:2px 2px 0 var(--ink)}
.tick{font-family:var(--mono);font-weight:800;font-size:.72rem;letter-spacing:.06em;
  color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;
  padding:.18rem .55rem;box-shadow:2px 2px 0 var(--ink)}
a.tick{text-decoration:none}
a.tick:hover{color:var(--ink);background:var(--accent)}
.nav{display:flex;gap:.25rem;margin-left:auto;flex-wrap:wrap}
.nav a{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);text-decoration:none;padding:.4rem .6rem;
  border:1px solid transparent;border-radius:6px}
.nav a:hover{color:var(--text);border-color:var(--line2)}
.nav a[aria-current]{color:var(--ink);background:var(--accent);border-color:var(--ink)}
.hz{height:16px;background:var(--hz);border-block:3px solid var(--ink);margin-block:0}
.hz.thin{height:8px;border-width:2px}
.disp{font-family:var(--disp);letter-spacing:.01em;line-height:1.02}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--disp);
  font-size:1rem;letter-spacing:.02em;text-decoration:none;color:var(--ink);background:var(--accent);
  border:3px solid var(--ink);border-radius:10px;padding:.7rem 1.1rem;box-shadow:4px 4px 0 var(--yellow)}
.btn:hover{color:var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--accent)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--line2)}
.panel{background:var(--panel);border:3px solid var(--ink);border-radius:14px;box-shadow:0 0 0 1px var(--line),5px 5px 0 var(--ink);
  padding:.35rem 1rem .6rem;margin:0 0 1.1rem}
.foot{background:var(--ink);border-top:3px solid var(--ink);padding-block:2.4rem 2.8rem;margin-top:auto}
.foot .sign{font-family:var(--disp);font-size:clamp(1.3rem,4vw,2rem);line-height:1.1;margin:0 0 1.2rem;color:var(--text)}
.foot .sign span{color:var(--accent)}
.foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.2rem}
.foot nav a{font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--yellow);text-decoration:none}
.foot nav a:hover{color:var(--accent)}
.fine{font-family:var(--mono);font-size:.7rem;line-height:1.7;color:var(--muted);margin:0}
/* the Terminal's own */
/* The Terminal's own rules. Tokens, faces and the site's components come
   from style.py (generated above this line by the build); nothing here
   declares a token of its own. */
[hidden]{display:none!important}
.nav a.here{color:var(--ink);background:var(--accent);border-color:var(--ink)}
.nav a.grp{color:var(--ink);background:var(--yellow);border-color:var(--ink)}
.nav a.grp:hover{background:var(--accent);color:var(--ink)}
@media (max-width:620px){.nav a.wide{display:none}}
@media (max-width:620px){.nav{margin-left:0;width:100%;justify-content:space-between;flex-wrap:nowrap}
  .nav a{padding:.35rem .4rem;font-size:.7rem;letter-spacing:.04em;white-space:nowrap}}

/* the hero: Dave and the name, like the site's answer pages */
.hero{display:flex;align-items:center;gap:1rem;padding-block:1.2rem .4rem}
.hero img{width:96px;height:96px;flex:none;filter:drop-shadow(0 0 22px rgba(255,106,19,.25))}
.hero h1{font-family:var(--disp);font-size:clamp(1.8rem,6vw,2.8rem);line-height:1;color:var(--text);
  text-shadow:3px 3px 0 var(--ink);margin:0}
.hero p{margin:.4rem 0 0;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted)}

/* the one screen */
main#screen { max-width: 74rem; margin: 0 auto; padding: 1rem var(--gut) 2.4rem; width: 100%; }
#screen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px;
  grid-template-areas: "coin" "card" "trade" "chart" "analysis"; }
#coin { grid-area: coin; } #card { grid-area: card; } #trade { grid-area: trade; }
#chart-box { grid-area: chart; } #analysis { grid-area: analysis; }
#card, #trade, #chart-box, #analysis { background: var(--panel); border: 3px solid var(--ink); border-radius: 14px;
  box-shadow: 0 0 0 1px var(--line), 5px 5px 0 var(--ink); padding: .6rem 1rem .9rem; min-width: 0; }
#card:empty, #analysis:empty { display: none; }
#coin p { margin: 2px 0; }
.coin-address { font-family: var(--mono); font-size: .85rem; color: var(--amber); overflow-wrap: anywhere; }
.coin-chain { font-family: var(--mono); font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  display: inline-block; color: var(--ink); background: var(--green); border: 2px solid var(--ink); border-radius: 5px;
  padding: .12rem .45rem; }
.chart-frame { border: 0; width: 100%; height: 420px; display: block; }
/* the relaunch: $BOT before it launches -- a chart-shaped placeholder, the name big */
.coin-soon { font-family: var(--disp); font-size: 2rem; line-height: 1; color: var(--accent); text-shadow: 3px 3px 0 var(--ink); }
.chart-soon { height: 420px; box-sizing: border-box; display: flex; align-items: flex-end; gap: 4px; padding: 12px; border: 2px dashed var(--line2);
  border-radius: 10px; opacity: .45; }
.chart-soon span { flex: 1; background: var(--accent); border-radius: 2px 2px 0 0; height: 30%; }
.chart-soon span:nth-child(3n) { background: var(--red); height: 22%; }
.chart-soon span:nth-child(4n+1) { height: 38%; } .chart-soon span:nth-child(5n+2) { height: 46%; }
.chart-soon span:nth-child(n+10) { height: 52%; } .chart-soon span:nth-child(n+16) { height: 66%; }
.chart-soon span:nth-child(n+22) { height: 80%; } .chart-soon span:nth-child(7n) { height: 58%; }
.chart-soon span:nth-child(n+26) { height: 92%; }
.chart-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .2rem 0 .5rem; }
.chart-head h2 { font-family: var(--disp); font-size: 1.1rem; color: var(--yellow); margin: 0; }
#screen .chart-head button { margin: 0; font-family: var(--mono); font-weight: 700; font-size: .8rem; background: transparent;
  color: var(--text); border-color: var(--line2); box-shadow: none; padding: .45rem .8rem; }
#screen.chart-closed #chart { display: none; }
#analysis h3 { font-family: var(--disp); font-size: 1rem; color: var(--yellow); margin: 16px 0 4px;
  border-bottom: 2px solid var(--line2); padding-bottom: .3rem; }
#card img { width: 88px; height: auto; float: right; margin: 0 0 .4rem .6rem; }
#card .label { font-family: var(--disp); font-size: 1.6rem; letter-spacing: .02em; color: var(--yellow);
  text-shadow: 2px 2px 0 var(--ink); margin: .3rem 0; }
#card .line { font-weight: 700; font-size: 1.1rem; }
.record { font-family: var(--mono); font-size: .8rem; color: var(--muted); }
.note { font-size: .85rem; color: var(--muted); }
.small { font-size: .8rem; color: var(--muted); }
.good li { color: var(--green); }
.serious { color: var(--amber); font-weight: 700; }
/* QC overhaul (spec §3.7, §3.8): the BUNDLED flag beside the label and How it launched. */
.lflag { display: inline-block; max-width: 100%; box-sizing: border-box; font-family: var(--mono);
  font-size: .75rem; font-weight: 700; padding: .2rem .5rem; border: 2px solid var(--ink); border-radius: 4px;
  color: var(--ink); overflow-wrap: anywhere; margin: 0 0 .4rem; }
.lflag.red { background: var(--red); } .lflag.amber { background: var(--amber); } .lflag.grey-amber { background: #b9a77a; }
.launch .lbadge { font-family: var(--disp); font-size: .9rem; padding: .25rem .5rem; border: 2px solid var(--ink);
  color: var(--ink); overflow-wrap: anywhere; }
.lbadge.yellow { background: var(--yellow); } .lbadge.grey { background: var(--muted); } .lbadge.green { background: var(--green); }
.launch .lhead { font-weight: 700; }
.launch li { overflow-wrap: anywhere; }
.launch a.tx { font-family: var(--mono); font-size: .75rem; }
.launch details ul { max-height: 16rem; overflow: auto; }
.closing { margin-top: .6rem; }
.reason { color: var(--accent); font-weight: 700; }
.check { font-family: var(--mono); font-size: .8rem; color: var(--muted); }
.getting { color: var(--muted); font-style: italic; }
/* "Refresh price": a small text link, never a big button (Chairman 2026-10-01) */
#screen button.text-link { display: inline; margin: .2rem 0; padding: 0; background: transparent; border: 0; box-shadow: none;
  color: var(--yellow); font-family: var(--mono); font-size: .8rem; font-weight: 400; text-transform: none;
  text-decoration: underline; cursor: pointer; }
/* "Trade anyway" (override spec D2.1, D2.6): one quiet text link -- no colour of its own, no button look */
#screen button.quiet-link { display: inline; margin: .2rem 0; padding: 0; background: transparent; border: 0; box-shadow: none;
  color: inherit; font-family: inherit; font-size: .8rem; font-weight: 400; text-transform: none;
  text-decoration: underline; cursor: pointer; }
section { margin: 0; }
#trade > section, #trade > details { margin: .8rem 0; }
/* 2026-10-08 (the Chairman, on his phone): a long label (max-content) took the whole row and
   squashed its value against the right edge. The label column is capped; on a phone it stacks. */
dl { display: grid; grid-template-columns: fit-content(45%) minmax(0, 1fr); gap: 4px 12px; margin: 8px 0; }
dt { color: var(--muted); font-family: var(--mono); font-size: .78rem; letter-spacing: .04em; overflow-wrap: anywhere; }
dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
@media (max-width: 620px) {
  dl { grid-template-columns: minmax(0, 1fr); gap: 0; }
  dt { margin-top: .55rem; }
  dt:first-child { margin-top: 0; }
  dd { margin-top: .1rem; }
}
input { width: 100%; padding: .7rem .8rem; background: var(--ink); color: var(--text); border: 3px solid var(--ink);
  box-shadow: 0 0 0 1px var(--line2); border-radius: 10px; font: inherit; font-family: var(--mono); }
input[type="checkbox"] { width: auto; box-shadow: none; }
/* every button is the site's .btn; the choices beside the paste box are its ghost */
#screen button { display: inline-flex; align-items: center; justify-content: center; font-family: var(--disp);
  font-size: 1rem; letter-spacing: .02em; color: var(--ink); background: var(--accent); border: 3px solid var(--ink);
  border-radius: 10px; padding: .6rem 1rem; margin: 4px 6px 4px 0; box-shadow: 4px 4px 0 var(--yellow);
  cursor: pointer; user-select: none; touch-action: manipulation; }
#screen button:hover { background: var(--yellow); box-shadow: 4px 4px 0 var(--accent); }
#sides button, #amounts button, #sell-amounts button, #wallets button, #chart button {
  font-family: var(--mono); font-weight: 700; font-size: .8rem; background: transparent; color: var(--text);
  border-color: var(--line2); box-shadow: none; }
/* v3 (the Chairman): room between the boxes and the button rows, and focus
   rings drawn inside their own box so they never sit over a neighbour */
#sides, #amounts, #sell-amounts, #wallets { display: flex; flex-wrap: wrap; gap: .6rem; margin: .75rem 0; }
#sides button, #amounts button, #sell-amounts button, #wallets button { margin: 0; }
#wallets:empty { margin: 0; }
/* terminal-v3: Dave's latest, on the bare page */
.latest-title { font-family: var(--disp); color: var(--yellow); margin: 0 0 .5rem; }
.latest { display: flex; flex-wrap: wrap; gap: .6rem; }
#screen .latest button { margin: 0; font-family: var(--mono); font-weight: 700; font-size: .78rem; background: transparent;
  color: var(--text); border-color: var(--line2); box-shadow: none; text-transform: none; }
#paste, #amount { margin: .75rem 0; }
/* 2026-10-12 (the Chairman: "looks a bit like it's only for BOT"): the panel says any coin, first */
.any-coin { border-bottom: 2px dashed var(--line2); padding-bottom: .7rem; margin-bottom: .7rem; }
.any-coin h2 { font-family: var(--disp); font-size: 1.5rem; color: var(--accent); text-shadow: 2px 2px 0 var(--ink); margin: .2rem 0 .4rem; }
.any-coin p { margin: .3rem 0; }
.any-coin .chip { display: inline-block; font-family: var(--mono); font-size: .7rem; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--ink); background: var(--yellow); border: 2px solid var(--ink); border-radius: 5px;
  padding: .12rem .45rem; margin-right: .4rem; }
.any-coin .any-how { font-weight: 700; }
#screen input:focus-visible, #screen input:focus { outline: none; box-shadow: inset 0 0 0 3px var(--yellow); }
#screen input[type="checkbox"]:focus-visible { box-shadow: none; outline: 3px solid var(--yellow); outline-offset: 1px; }
#screen button:focus-visible { outline: 3px solid var(--yellow); outline-offset: -7px; }
#screen button:disabled { opacity: .7; border-style: dashed; cursor: not-allowed; background: var(--panel2);
  color: var(--muted); box-shadow: none; }
#decision a { display: inline-block; margin: .3rem .8rem .3rem 0; font-family: var(--mono); font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }
.foot .ids p { font-size: .82rem; color: var(--muted); margin: .3rem 0; }
main#screen{flex:1 0 auto;align-content:start}
#screen{align-items:start}
/* terminal-v3 (the Chairman): the chart beside the trade panel, with its own
   Collapse/Expand. Desk: the coin; the trade panel on the left, Dave's label and
   under it the chart on the right (filling the trade panel's height); the file
   across the bottom. Collapsed: a slim chart bar, the file up beside the trade. */
@media (min-width: 960px) {
  #screen { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    grid-template-areas: "coin coin" "trade card" "trade chart" "analysis analysis";
    grid-template-rows: auto auto 1fr auto; }
  #screen.chart-closed { grid-template-areas: "coin coin" "trade card" "trade chart" "trade analysis"; grid-template-rows: auto auto auto 1fr; }
  #chart-box { align-self: stretch; display: flex; flex-direction: column; }
  #chart { flex: 1 1 auto; display: flex; flex-direction: column; }
  #chart .chart-frame { flex: 1 1 auto; height: auto; min-height: 420px; }
  #screen:has(#card:empty):has(#analysis:empty):has(#chart:empty) { grid-template-columns: minmax(0, 46rem); justify-content: center;
    grid-template-rows: none; grid-template-areas: "coin" "trade" "chart"; }
}
@media (max-width: 720px) {
  .chart-frame { height: 260px; }
  .hero img { width: 72px; height: 72px; }
}

/* Wallets (Chairman 2026-09-29: "more like the industry standard buttons"). */
#wallets { flex-direction: column; align-items: stretch; max-width: 22rem; }
#wallets button.wallet-btn, #sol-connect a.wallet-btn { display: flex; align-items: center; justify-content: flex-start; gap: .75rem; width: 100%;
  padding: .7rem .9rem; border-radius: 12px; border: 1px solid var(--line2);
  background: var(--panel); color: var(--text); text-align: left; text-transform: none;
  letter-spacing: 0; font-family: inherit; font-size: 1rem; font-weight: 600; cursor: pointer; }
#wallets button.wallet-btn:hover, #sol-connect a.wallet-btn:hover { border-color: var(--accent); background: var(--line); }
.wallet-mark { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 8px; }
.wallet-mark.letter { display: inline-flex; align-items: center; justify-content: center;
  background: var(--line2); color: var(--text); font-weight: 700; }
.wallet-text { display: flex; flex-direction: column; min-width: 0; }
.wallet-rdns { font-size: .75rem; font-weight: 400; color: var(--muted); font-family: var(--mono); }
/* No Solana wallet here: the wallet apps' own-browser links, as wallet buttons (2026-10-08). */
#sol-connect .mobile-wallets { display: flex; flex-direction: column; gap: .5rem; max-width: 22rem; margin: .4rem 0 0; }
#sol-connect a.wallet-btn { text-decoration: none; box-sizing: border-box; }
/* Connected: a green pill that can't be missed. */
#who.connected { margin: .75rem 0; }
.who-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .8rem .45rem .5rem;
  border-radius: 999px; border: 1px solid var(--green); background: rgba(74, 222, 128, .12);
  color: var(--green); font-weight: 700; }
.who-pill .wallet-mark { width: 24px; height: 24px; flex-basis: 24px; border-radius: 6px; }
.who-dot { width: .6rem; height: .6rem; border-radius: 50%; background: var(--green);
  box-shadow: 0 0 0 3px rgba(74, 222, 128, .25); }
.who-short { font-family: var(--mono); color: var(--text); font-weight: 600; }
.who-full { display: block; margin-top: .35rem; font-family: var(--mono); font-size: .75rem;
  color: var(--muted); overflow-wrap: anywhere; }

/* The amount box names its unit: ETH on a buy, coins on a sale. */
.amount-row { display: flex; align-items: center; gap: .6rem; margin: .75rem 0; }
.amount-row #amount { flex: 1 1 auto; min-width: 0; margin: 0; }
.amount-row .unit { font-family: var(--mono); font-weight: 700; color: var(--muted); white-space: nowrap; }

/* What's chosen stays lit, like hover (Chairman 2026-09-29). */
#screen button[aria-pressed="true"] { background: var(--yellow); color: var(--ink); box-shadow: 4px 4px 0 var(--accent); }

/* The phone's bar, "B+" (Chairman 2026-09-30): the logo, a labelled MENU and
   the Terminal button; the menu holds every other link. */
.more { display: none; }
@media (max-width: 620px) {
  .top .wrap { column-gap: .45rem; flex-wrap: nowrap; }
  .word { font-size: .92rem; white-space: nowrap; }
  .nav { width: auto; margin-left: 0; }
  .nav a:not(.here) { display: none; }
  .nav a.here { padding: .32rem .45rem; font-size: .66rem; }
  .tick { font-size: .6rem; padding: .1rem .35rem; }
  .more { display: block; margin-left: auto; position: relative; }
  .more summary { list-style: none; cursor: pointer; font-family: var(--mono); font-size: .72rem; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase; color: var(--yellow); border: 2px solid var(--yellow);
    border-radius: 6px; padding: .32rem .5rem; white-space: nowrap; }
  .more summary::-webkit-details-marker { display: none; }
  .more[open] summary { background: var(--yellow); color: var(--ink); border-color: var(--ink); }
  .more nav { position: absolute; right: 0; top: calc(100% + .4rem); z-index: 30; display: flex; flex-direction: column;
    min-width: 11rem; background: var(--panel); border: 2px solid var(--ink); border-radius: 8px;
    box-shadow: 4px 4px 0 var(--ink); padding: .35rem; }
  .more nav a { font-family: var(--mono); font-size: .8rem; font-weight: 600; letter-spacing: .06em;
    text-transform: uppercase; color: var(--text); text-decoration: none; padding: .55rem .6rem; border-radius: 6px; }
  .more nav a:hover { background: var(--line); }
}
@media (max-width: 380px) { .tick { display: none; } }
/* 2026-10-01 (Chairman): fold-away disclosures -- the terms' Solana section and the panel's privacy line */
.sol-terms summary, .privacy summary { cursor: pointer; }
.sol-terms summary h2 { display: inline; }
.privacy summary { text-decoration: underline; text-underline-offset: 2px; }
.privacy[open] summary { margin-bottom: .35rem; }

/* Rug or Not's alpha badge and how-it-works (the Chairman, 2026-10-03): the
   main site's style.MARKETS_CSS in this file's own hand, the site's tokens only. */
.alertbadge { display: flex; align-items: center; gap: .75rem; margin: 0 0 1rem; padding: .75rem .95rem;
  background: var(--yellow); color: var(--ink); border: 3px solid var(--ink); border-radius: 10px;
  box-shadow: 0 0 0 3px var(--yellow); }
.alertbadge .bang { flex: none; display: inline-flex; align-items: center; justify-content: center;
  inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--ink); color: var(--yellow);
  font-family: var(--disp); font-size: 1.15rem; line-height: 1; }
.alertbadge p { margin: 0; line-height: 1.3; min-inline-size: 0; }
.alertbadge b { display: block; font-family: var(--sans); font-weight: 700; font-size: 1.08rem; }
.alertbadge p span { display: block; font-weight: 600; font-size: .92rem; }
.alertbadge.sm { margin: .6rem 0 0; padding: .45rem .65rem; gap: .55rem; border-width: 2px; box-shadow: none; }
.alertbadge.sm .bang { inline-size: 1.5rem; block-size: 1.5rem; font-size: .9rem; }
.alertbadge.sm b { font-size: .88rem; }
.alertbadge.sm p span { font-size: .8rem; }
.howto ol { margin: .4rem 0 0; padding-left: 1.3rem; }
.howto li { margin: .45rem 0; line-height: 1.45; }
.howto li b { color: var(--yellow); }

/* #markets is its own mode (the Chairman, 2026-10-03: "it just looks like a coin buy"):
   while body[data-mode="markets"] every trading part is gone; markets.js MK_TRADE_IDS. */
body[data-mode="markets"] #hero, body[data-mode="markets"] #coin, body[data-mode="markets"] #card,
body[data-mode="markets"] #trade, body[data-mode="markets"] #chart-box,
body[data-mode="markets"] #analysis { display: none !important; }
#markets .mk { border: 2px solid var(--line2); border-radius: 12px; padding: .9rem 1rem; margin: 1rem 0;
  background: var(--panel); }
#markets .mkline { font-weight: 700; color: var(--yellow); }
#markets .mkwhen { font-weight: 700; }
#markets .mkcalls { display: flex; flex-wrap: wrap; gap: .6rem; margin: .8rem 0; }
#markets .mkcall { flex: 1 1 8rem; min-block-size: 3.2rem; font-size: 1.05rem; }
#markets .mycall { font-weight: 700; color: var(--green); }
#markets p { overflow-wrap: anywhere; }
#markets .mkcoin { margin: 0; font-family: var(--mono); font-weight: 700; color: var(--yellow); }

/* The uplift (spec rev 1.2 §1): the summary first, the coin in detail on tap. */
#markets .mkd1 { font-weight: 700; margin: .5rem 0 .2rem; }
#markets .mkd1.holds { color: var(--green); }
#markets .mkd1.folds { color: var(--red); }
#markets .mklabel b { color: var(--yellow); margin-right: .35rem; }
#markets .mkflag { display: inline-block; max-width: 100%; box-sizing: border-box; font-family: var(--mono); font-size: .75rem;
  font-weight: 700; padding: .2rem .5rem; border: 2px solid var(--ink); border-radius: 4px; color: var(--ink); overflow-wrap: anywhere; }
#markets .mkflag.red { background: var(--red); } #markets .mkflag.amber { background: var(--amber); }
#markets .mkflag.grey-amber { background: #b9a77a; }
#markets .mkbadge { font-family: var(--disp); overflow-wrap: anywhere; } #markets .mklaunch li { overflow-wrap: anywhere; }
#markets .mkdetail { margin: .8rem 0; border-top: 1px solid var(--line2); padding-top: .6rem; }
#markets .mkdetail summary { cursor: pointer; font-weight: 700; }
#markets .mkaddr { font-family: var(--mono); overflow-wrap: anywhere; word-break: break-all; }
#markets .mklinks a { margin-right: .9rem; }
#markets .mknums { padding-left: 1.1rem; }
#markets .mkchart-host .chart-frame { display: block; width: 100%; max-width: 100%; height: 420px; border: 0; }