/* ---------------------------------------------------------------- trail -- */
/* The reading-trail panel section injected by trail.js. */

.trail .btnrow button[disabled] { opacity: .35; cursor: default; filter: none; }

.traillist {
  list-style: none; margin-top: 9px; max-height: 190px; overflow-y: auto;
  border: 1px solid #3a3226; border-radius: 6px; background: #1b170f;
}
.traillist:empty { display: none; }

.ti {
  display: grid; grid-template-columns: 22px 1fr; column-gap: 7px;
  align-items: baseline; padding: 5px 8px; cursor: pointer;
  border-bottom: 1px solid #2a2419;
}
.ti:last-child { border-bottom: 0; }
.ti:hover { background: #251f16; }

.ti .n { font-size: 9px; color: #6e6249; text-align: right; }
.ti .tt {
  font-family: var(--serif); font-size: 15px; color: var(--panel-ink);
  direction: rtl; text-align: right;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ti .ts {
  grid-column: 2; font-size: 10px; color: var(--panel-dim);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.ti.cur { background: #2e2718; box-shadow: inset 2px 0 0 var(--accent-bright); }
.ti.cur .tt { color: var(--accent-bright); }
/* Everything past the cursor is the branch a new dive will discard. */
.ti.ahead { opacity: .42; }
.ti.ahead .tt { font-style: italic; }