/* Prepared Queens lessons are shared by the coach, practice and board hints. */
.coach-lesson { min-width:0; color:var(--ink); text-align:left; margin:20px 0; }
.coach-lesson > header { margin-bottom:16px; }
.coach-lesson-eyebrow { color:var(--accent); font-size:11px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.coach-lesson h3 { margin:6px 0 8px; font-size:19px; line-height:1.3; letter-spacing:-.02em; }
.coach-lesson p, .coach-pattern-body .coach-lesson p { font-size:14px; line-height:1.65; margin:8px 0; color:var(--ink); }
.coach-lesson-picker { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:14px 0; font-size:13px; font-weight:650; }
.coach-lesson select { width:100%; min-width:0; max-width:440px; min-height:44px; padding:9px 30px 9px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font:inherit; font-size:16px; }
.coach-lesson select { appearance:none; -webkit-appearance:none; box-sizing:border-box; height:46px; background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%; background-size:5px 5px; background-repeat:no-repeat; }
.coach-lesson-layout { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); align-items:start; gap:20px; }
.coach-lesson-figure { min-width:0; margin:0; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--bg); }
.coach-lesson-grid { display:block; width:100%; max-width:330px; height:auto; margin:0 auto; }
.coach-lesson-figure figcaption { margin:10px 0 0; font-size:12px; line-height:1.55; color:var(--muted); }
.coach-lesson-legend { display:flex; flex-wrap:wrap; gap:7px 14px; margin:12px 0 0; padding:0; list-style:none; font-size:12px; line-height:1.5; }
.coach-lesson-legend > li { display:inline-flex; gap:6px; align-items:center; }
.coach-lesson-legend > li > span { width:16px; height:16px; display:inline-grid; place-items:center; flex:none; }
.coach-lesson .coach-lesson-example-note { color:var(--muted); font-size:12px; }
.coach-lesson-copy { min-width:0; }
.coach-lesson-steps { padding:0; margin:0; list-style:none; counter-reset:lesson-step; }
.coach-lesson-steps > li { counter-increment:lesson-step; position:relative; padding:0 0 14px 36px; font-size:14px; line-height:1.65; }
.coach-lesson-steps > li::before { content:counter(lesson-step); position:absolute; top:1px; left:0; display:grid; place-items:center; width:25px; height:25px; border-radius:8px; background:var(--accent-soft); color:var(--accent-strong); font-size:12px; font-weight:750; }
.coach-lesson .coach-lesson-result, .coach-pattern-body .coach-lesson .coach-lesson-result { margin:4px 0 12px; padding:12px 14px; border-left:3px solid var(--teal); border-radius:0 9px 9px 0; background:var(--bg); font-weight:650; }
.coach-lesson .coach-lesson-cue, .coach-pattern-body .coach-lesson .coach-lesson-cue { color:var(--muted); font-size:13px; }
.coach-lesson-controls { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.coach-lesson-controls button { flex:1 1 74px; min-height:44px; padding:8px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:inherit; font-size:12px; font-weight:650; cursor:pointer; }
.coach-lesson-controls button[aria-pressed="true"] { border-color:var(--accent); background:var(--accent-soft); color:var(--accent-strong); }
.coach-lesson .coach-lesson-preview-note, .coach-pattern-body .coach-lesson .coach-lesson-preview-note { font-size:12px; color:var(--muted); min-height:3.3em; margin:8px 0 0; }
.coach-lesson button:focus-visible, .coach-lesson select:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.queens-pattern-help { width:100%; margin-top:10px; }
.queens-pattern-help > summary { display:flex; align-items:center; gap:8px; min-height:44px; color:var(--accent); font-size:13px; font-weight:650; cursor:pointer; list-style:none; }
.queens-pattern-help > summary::-webkit-details-marker { display:none; }
.queens-pattern-help > summary::before { content:'+'; }
.queens-pattern-help[open] > summary::before { content:'−'; }
.queens-pattern-help > summary:focus-visible { outline:3px solid var(--accent); outline-offset:2px; border-radius:8px; }
@media (max-width:400px) {
  .coach-lesson-figure { padding:8px; }
  .coach-lesson-layout { gap:16px; }
  .coach-lesson h3 { font-size:18px; }
}