/* Dynamic quests: the extra lines in the quest log (J) — steps, why it matters, time left, what the land needs. */
#panel .dq-steps { list-style: none; margin: 6px 0 2px; padding: 0; font-size: 14px; line-height: 1.55; }
#panel .dq-steps li.done { color: var(--af-soot); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--af-soot) 53%, transparent); }
#panel .dq-steps li.now { color: var(--af-gold-300); font-weight: 700; }
#panel .dq-steps li.next { color: var(--af-iron-300); }
#panel .dq-why { margin-top: 6px; font-size: 13px; color: var(--af-ash); font-style: italic; display: flex; gap: 8px; align-items: center; }
#panel .dq-sev { flex: none; width: 46px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--af-blood-500) var(--sev), color-mix(in srgb, var(--af-iron-300) 15%, transparent) var(--sev)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--af-void) 53%, transparent); }
#panel .dq-clock { color: var(--af-ember-400); font-size: 13px; margin-top: 2px; }
#panel .dq-late { color: var(--af-blood-300); font-size: 13px; }
#panel .dq-land { margin-top: 16px; padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--af-ember-300) 20%, transparent); }
#panel .dq-land h4 { margin: 0 0 8px; }
#panel .dq-need { display: flex; gap: 8px; align-items: baseline; font-size: 14px; line-height: 1.45; margin: 5px 0; }
#panel .dq-need .dq-sev { transform: translateY(-2px); }
#panel .dq-land .small { font-size: 12px; margin-top: 6px; }
@media (max-width: 700px) { #panel .dq-need { flex-wrap: wrap; } }