/* Dorax Finance — what is wrong, opened from the bell on a phone in the summary's look (v320; the markup: features/phone/issue-view-land.js). On the
   forest its icon and what is going on; in the sheet what goes with it and the ways to solve it as rows with no box (look-land-runway-view.css:
   .rv-row); no buttons at the foot. */
@media (max-width: 920px) {
  :root.land #overlay .is-land { display: flex; flex-direction: column; gap: 14px; }
  :root.land #overlay .is-top { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding-bottom: 4px; }
  :root.land #overlay .is-ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: var(--lk-lime); }
  :root.land #overlay .is-ic > svg:not(.ti-art) { width: 28px; height: 28px; }
  :root.land #overlay .is-ic:has(> svg.ti-art) { background: none; }      /* the look's drawing brings its own circle */
  :root.land #overlay .is-top.warn .is-ic, :root.land #overlay .is-top.crit .is-ic { color: #F5C04A; }
  :root.land #overlay .is-what { margin: 0; color: #FFFFFF; font-size: 17px; line-height: 1.45; }
  :root.land #overlay .is-what b { font-weight: 600; }
  :root.land #overlay .is-land .bq-sheet { gap: 26px; padding-bottom: 28px; }
  :root.land #overlay .is-more { display: flex; flex-direction: column; gap: 12px; color: var(--bq-ink-2); font-size: 14px; line-height: 1.45; }
  :root.land #overlay .is-more > p { margin: 0; }
  :root.land #overlay .is-fixes { gap: 4px; }
  :root.land #overlay .is-fixes .gq-h { margin-bottom: 2px; }
  :root.land #overlay .is-fix .bp-t > b, :root.land #overlay .is-fix .bp-w { white-space: normal; }
  :root.land #overlay .is-fix .bp-w { line-height: 1.35; }
  :root.land #overlay .rv-row.is-fix { padding: 10px 0; }
}