/* Specific hand and state labels for the Branded recovery draft. */
.lesson-guide .branded-hand { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 24px 0; padding: 0; }
.lesson-guide .branded-hand > li { margin: 0; padding: 12px 16px; border: 1px solid var(--muted); background: var(--guide-soft); color: var(--ink); border-radius: var(--radius); font-size: 16px; line-height: 1.5; }
.lesson-guide .branded-sequence { padding-left: 24px; }
.lesson-guide .branded-sequence li { padding-left: 6px; margin-bottom: 18px; }
.lesson-guide .branded-state { margin: 0; display: grid; gap: 6px; }
.lesson-guide .branded-state dt { font-weight: 700; font-size: 16px; line-height: 1.5; }
.lesson-guide .branded-state dd { margin: 0 0 14px; font-size: 16px; line-height: 1.5; }
.lesson-guide .branded-state dd:last-child { margin-bottom: 0; }
.lesson-guide .branded-spent { padding-left: 20px; margin-block: 0 20px; }