/* Phase 2: scoped layout for existing lessons and a static guest demo. */
.learning-lesson{max-width:1150px;margin-inline:auto}
.lesson-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:2px 0 22px;color:var(--text-muted);font-size:.9rem}
.lesson-breadcrumb a{color:var(--primary)}
.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:26px;align-items:start}
.lesson-reading{min-width:0}.lesson-identity{display:inline-block;margin:0 0 14px;padding:6px 10px;font-size:.77rem;border-radius:8px;color:var(--text-muted);background:var(--surface-muted)}
.lesson-identity code{background:transparent;color:inherit}
.lesson-toc{position:sticky;top:92px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:18px}
.lesson-toc h2{margin:0 0 10px;font-size:1rem}.lesson-toc ol{margin:0;padding-left:22px}.lesson-toc li{margin:10px 0;font-size:.91rem}
.lesson-toc a[aria-current="page"]{font-weight:750;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.lesson-prerequisites,.lesson-practice-link{background:var(--surface-muted);border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin:25px 0}
.lesson-prerequisites h2{font-size:1.1rem;margin:0 0 9px}.lesson-prerequisites ul{margin:0;padding-left:20px}
.lesson-pagination{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0}.lesson-pagination a{padding:10px 14px;border:1px solid var(--border);border-radius:11px}
.guest-panel{border:1px solid var(--border);border-radius:20px;padding:clamp(18px,4vw,30px);background:var(--surface)}
.guest-panel h2{margin:0 0 17px}.guest-info{padding:14px 20px;border:1px solid var(--border);border-radius:14px;background:var(--primary-soft);color:var(--text-light)}
.guest-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 15px}
.guest-form-grid label{display:grid;gap:9px;font-weight:700;font-size:.93rem}
.guest-form-grid select{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}
.guest-hint{font-size:.9rem;color:var(--text-muted)}.guest-error{padding:16px 20px;color:var(--danger);background:var(--surface);border:1px solid var(--danger);border-radius:12px}
.guest-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.guest-toolbar h2{margin:0}.guest-toolbar--bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
.guest-clock{font-variant-numeric:tabular-nums;font-weight:800;color:var(--primary);padding:10px 15px;border:1px solid var(--border);border-radius:12px;background:var(--primary-soft)}
.guest-question{border:1px solid var(--border);border-radius:15px;padding:17px;margin:18px 0;background:var(--surface)}
.guest-question legend{float:left;width:100%;font-weight:750;margin-bottom:13px;padding:0}.guest-question::after{content:"";display:block;clear:both}
.guest-choice{display:flex;align-items:flex-start;gap:10px;margin:7px 0;padding:11px;border:1px solid var(--border);border-radius:9px;cursor:pointer}
.guest-choice:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.guest-choice input{margin-top:4px;accent-color:var(--primary);flex-shrink:0}
.guest-score{font-size:clamp(1.25rem,3vw,2rem);font-weight:800;color:var(--accent)}
.guest-review{padding-left:22px;display:grid;gap:15px}.guest-review-item{padding:15px;border:1px solid var(--border);background:var(--surface-muted);border-radius:12px}
.guest-review-item p{margin:6px 0;font-size:.9rem}
.guest-test [hidden]{display:none!important}
@media(max-width:850px){.lesson-grid{grid-template-columns:1fr}.lesson-toc{position:static;order:-1}.guest-form-grid{grid-template-columns:1fr}}

/* Public lesson catalogue search and guest feedback */
.learning-search{display:grid;gap:10px}
.learning-search-label{font-size:.92rem;font-weight:700}
#learning-search{width:100%;max-width:460px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}
#learning-search:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}
#learning-search-results{margin:0;padding-left:22px}
#learning-search-results li{padding:8px 0;line-height:1.5}
.learning-search [hidden]{display:none!important}
.learning-lesson-code{font-size:.79rem;color:var(--text-muted)}
.guest-topic-feedback{padding:12px 16px;border-radius:12px;background:var(--surface-muted);color:var(--text-light);margin-bottom:15px}
#guest-copy{margin-right:12px}