/* Dorax Finance — the days of freedom opened on a phone in the summary's look (v314; the markup: features/phone/runway-view-land.js). On the forest
   the figure, the day it would run out, the stretch to the next goal with that day over its knob, and what is missing; in the sheet this month's
   part and where the days come from, as rows with no box, and how it is worked out in one quiet line. The parts it shares with a goal's panel
   (.gv-sec, .gv-two, .gv-mbar, .gv-pill, .gv-foot) are styled in look-land-goal-view.css. */
@media (max-width: 920px) {
  /* ---------- on the forest ---------- */
  :root.land #overlay .rv-land { display: flex; flex-direction: column; gap: 14px; }
  :root.land #overlay .rv-fig { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
  :root.land #overlay .rv-fig b { color: #FFFFFF; font-size: 34px; font-weight: 600; letter-spacing: -.03em; line-height: 1.05; }
  :root.land #overlay .rv-fig span { color: var(--lk-soft); font-size: 16px; }
  :root.land #overlay .rv-until { margin: -4px 0 0; color: #FFFFFF; font-size: 16px; line-height: 1.4; }
  :root.land #overlay .rv-until b { font-weight: 600; }
  :root.land #overlay .rv-track { display: flex; flex-direction: column; gap: 8px; margin: 2px 0 0; }
  :root.land #overlay .rv-when { position: relative; display: block; height: 18px; }
  :root.land #overlay .rv-when b { position: absolute; top: 0; transform: translateX(-50%); color: #FFFFFF; font-size: 13px; font-weight: 600; white-space: nowrap; }
  :root.land #overlay .rv-bar { position: relative; display: block; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, .14); }
  :root.land #overlay .rv-bar > i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: var(--lk-lime); }
  :root.land #overlay .rv-bar > .knob { position: absolute; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--lk-lime); box-shadow: 0 0 0 3px var(--lk-deep); }
  :root.land #overlay .rv-bar > .end { position: absolute; right: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; box-sizing: border-box; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .5); background: var(--lk-deep); }      /* the goal at the end of the stretch */
  :root.land #overlay .rv-ends { display: flex; justify-content: space-between; gap: 8px; color: var(--lk-soft); font-size: 13px; }
  :root.land #overlay .rv-land > .gv-pill { margin-top: 2px; }

  /* ---------- in the sheet ---------- */
  :root.land #overlay .rv-land .bq-sheet { gap: 28px; padding-bottom: 28px; }
  :root.land #overlay .rv-from { gap: 4px; }
  :root.land #overlay .rv-from .gq-h { margin-bottom: 2px; }
  :root.land #overlay .rv-rows { display: flex; flex-direction: column; }
  :root.land #overlay .rv-row { all: unset; position: relative; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 60px; }
  :root.land #overlay .rv-row + .rv-row::before { content: ""; position: absolute; top: 0; left: 52px; right: 0; height: 1px; background: var(--bq-line); }
  :root.land #overlay .rv-row:active { opacity: .7; }
  :root.land #overlay .rv-row:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: 2px; border-radius: 14px; }
  :root.land #overlay .rv-ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; }
  :root.land #overlay .rv-ic .dxi { width: 40px; height: 40px; }
  :root.land #overlay .rv-ic.rv-bank .inst { width: 40px; height: 40px; border-radius: 50%; }
  :root.land #overlay .rv-ic.rv-bank .inst img { display: block; width: 40px; height: 40px; border-radius: 50%; }
  :root.land #overlay .rv-ic.rv-bank > .inst:not(.pic):not(.bank) { display: grid; place-items: center; background: var(--bq-circle); color: var(--bq-accent); }      /* no bank: a wallet on its circle */
  :root.land #overlay .rv-ic.rv-bank > .inst svg { width: 18px; height: 18px; }
  :root.land #overlay .rv-d { flex: none; color: var(--bq-ink); font-size: 15px; font-weight: 600; }
  :root.land #overlay .rv-land .rv-how { line-height: 1.5; }
}