/* ============================================================
   Writing Lesson 7 — Two-Part Question Essay
   Colour tokens only — layout classes reused from w_lesson2.css
   ============================================================ */

/* ── Q1 / Q2 labels ── */
.wl7-q1 { color: #f59e0b; font-weight: 700; }
.wl7-q2 { color: #f472b6; font-weight: 700; }

/* ── Para-block label variants ── */
.wl7-epl-amber {
  font-size: .78rem; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: #f59e0b;
  padding: 4px 10px; margin-bottom: 6px;
  border-left: 3px solid #f59e0b;
}
.wl7-epl-rose {
  font-size: .78rem; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: #f472b6;
  padding: 4px 10px; margin-bottom: 6px;
  border-left: 3px solid #f472b6;
}

/* ── Final essay highlight variants ── */
.wl7-hl-amber {
  background: rgba(245,158,11,0.15);
  border-bottom: 2px solid rgba(245,158,11,0.5);
  border-radius: 3px; padding: 1px 4px;
  cursor: pointer; transition: background .15s;
}
.wl7-hl-amber:hover { background: rgba(245,158,11,0.28); }

.wl7-hl-rose {
  background: rgba(244,114,182,0.15);
  border-bottom: 2px solid rgba(244,114,182,0.5);
  border-radius: 3px; padding: 1px 4px;
  cursor: pointer; transition: background .15s;
}
.wl7-hl-rose:hover { background: rgba(244,114,182,0.28); }