/*! © 2026 Noxx Labs. All rights reserved. Noxx™ and Noxx Labs™ are trademarks of Noxx Labs. Proprietary: no licence is granted to copy, modify, host or redistribute any part of this code. noxxreplays.co.uk · build 6.1.0-f984a20 · 3d818a9198 */

.drl-card { background: var(--bg2, #111113); border: 1px solid var(--border, #26262A); border-left: 3px solid var(--accent, #E1FF3C); border-radius: 10px; padding: 0.8rem 0.95rem; margin: 0 0 1rem; }
.drl-plan .drl-card { margin: 0.6rem 0; }
.drl-h { display: flex; flex-direction: column; gap: 0.15rem; }
.drl-k { font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent, #E1FF3C); }
.drl-h b { font-size: 0.98rem; color: var(--text, #ECEEF0); }
.drl-why { font-size: 0.82rem; color: var(--text2, #9ca3af); margin: 0.35rem 0 0.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.6rem; }
.drl-why b { color: var(--text); }
.drl-w { background: none; border: 1px solid var(--border2, var(--border)); color: var(--text); border-radius: 6px; font-size: 0.76rem; padding: 0.2rem 0.55rem; cursor: pointer; }
.drl-w:hover { border-color: var(--accent, #E1FF3C); }
.drl-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.drl-steps li { display: grid; grid-template-columns: 3.4rem 1fr; gap: 0.5rem; font-size: 0.84rem; color: var(--text, #ECEEF0); line-height: 1.45; }
.drl-steps li span { font: 600 0.72rem/1.9 var(--mono, monospace); color: var(--text3, #9ca3af); }
.drl-cue { margin-top: 0.6rem; font-size: 0.86rem; color: var(--text); background: color-mix(in srgb, var(--accent, #E1FF3C) 9%, transparent); border-radius: 6px; padding: 0.4rem 0.6rem; }
.drl-cue span { display: block; font-size: 0.68rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text3); }