/* markets said as questions: "Will $BUN gain 19% by Sep 21?" with the dollar target underneath in mono.
   Loaded after eyehood.css (linked from the page, or added by core.js on pages that do not link it). */

/* the dollar target: always the secondary line, always mono */
.mc-sub,.fc-row .t small,.slip-ctx{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums;letter-spacing:0;word-spacing:-.25em}
.mc-sub{margin:0 0 12px;font-size:12.5px;line-height:1.35;color:var(--clay-2);overflow-wrap:anywhere}

/* home grid: a question is two lines at most widths; hold that height so the bars of a row line up */
.mcard{display:flex;flex-direction:column}
.mcard .mc-q{margin:14px 0 8px;font-size:22px;line-height:1.04;min-height:2.08em;text-wrap:balance;overflow-wrap:anywhere}
.mcard footer{margin-top:auto}

/* hero card */
.hero-card .hc-q{margin:0 0 8px;text-wrap:balance;overflow-wrap:anywhere}
.hero-card .hc-sub{margin:0 0 16px;font-size:13px}

/* quote buttons: the move and the date on top, target and chance underneath */
.q .p{display:flex;gap:8px;align-items:baseline;min-width:0}
.q .p .tg{color:var(--clay)}
.q .p .ch{white-space:nowrap}
.fbtns .q .p,.cc-q .q .p,.c-act .q .p{width:100%;justify-content:space-between}
.c-act .q{height:auto;min-height:48px;padding:7px 10px}
.c-act .q .t,.fbtns .q .t,.cc-q .q .t{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.c-act .q .p{font-size:11.5px}
@media (min-width:1101px){
  .crow{grid-template-columns:minmax(160px,1.2fr) minmax(84px,.7fr) minmax(84px,.7fr) minmax(84px,.7fr) 340px 60px}
}
@media (max-width:420px){
  .c-act{gap:6px}
  .c-act .q{padding:7px 8px}
  .c-act .q .t{font-size:12px}
  .c-act .q .p{font-size:10.5px;gap:4px}
}

/* coin page rows */
.fc-row .t b{line-height:1.25}
.fc-row .t small{margin-top:3px;font-size:12px;line-height:1.35;color:var(--clay-2);overflow-wrap:anywhere}

/* the long half of the estimate note folds away on phones */
.fc-row .bar span.xtra{position:static;display:inline;padding:0;white-space:nowrap}

/* slip */
.slip h3{max-width:none;text-wrap:balance;overflow-wrap:anywhere}
.slip-ctx{font-size:12.5px;line-height:1.5;color:var(--clay-2)}

/* phones: the markets row must fit the screen: three numbers across, the two questions full width below */
@media (max-width:620px){
  .crow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .crow .c-id,.crow .c-act{grid-column:1 / -1;min-width:0}
  .crow .c-n{min-width:0}
  .crow .c-n .v{overflow-wrap:anywhere}
  .fc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}
  .fc-tabs button{white-space:nowrap;padding-left:4px;padding-right:4px;font-size:12.5px}
  .fc-row .bar span.xtra{display:none}
}
/* a closed row on a narrow screen: the note sits under its question, not pushed to the right half */
@media (max-width:860px){
  .fc-row .lock{grid-column:1 / -1}
}