/* GLOBYR v19 device fixes: nothing may sit on top of anything else, at any screen width */

/* credit map rows on phones: name and tag on the first line, value locked on its own line, then the description */
@media (max-width:560px){
  .g7-rows a{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'name tag' 'tvl tvl' 'desc desc'!important;row-gap:4px!important}
  .g7-rows a strong{grid-area:name!important;min-width:0;overflow-wrap:anywhere}
  .g7-rows a .g7-tag{grid-area:tag!important;justify-self:end}
  .g7-rows a .g7-tvl{grid-area:tvl!important;color:var(--ink-soft)}
  .g7-rows a .g7-desc{grid-area:desc!important}
}

/* collateral cards: the borrow button goes under the figures, so the two figure columns keep their width */
.g18-col{flex-wrap:wrap}
.g18-col .g18-act{width:100%;justify-content:center}
.g18-col dt,.g18-col dd{min-width:0;overflow-wrap:anywhere}

/* market chart labels keep a gap between neighbours on narrow screens */
.g18-chart-x li{padding:0 3px}
@media (max-width:480px){
  .g18-chart-x li{font-size:.62rem}
  .g18-chart-x span{font-size:.66rem}
}