/* A short, task-led introduction inside the existing work surface. */
.guide-pill { margin-left:auto; padding:1px 5px; border-radius:4px; background:#fff9; color:#877293; font-size:9px; font-weight:400; }
.welcome-strip { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; margin-bottom:18px; background:#f6f2fa; border:1px solid #e7dfef; border-radius:9px; }
.welcome-strip strong { display:block; font-size:12px; font-weight:500; color:#50425b; }
.welcome-strip p { margin-top:4px; font-size:11px; color:#7b6c86; line-height:1.7; }
.welcome-strip .btn { flex-shrink:0; }
.guided-task { padding:13px 15px; margin-bottom:18px; border:1px solid #e4daee; border-radius:10px; background:#f9f6fc; }
.guide-task-head { display:flex; align-items:center; gap:8px; font-size:10px; color:#8b7399; }
.guide-task-head .eyebrow { font-size:10px; color:#765687; }
#guide-collapse { margin-left:auto; font-size:10px; padding:0; color:#856e93; }
#guide-collapse svg { width:12px; height:12px; transition:transform 140ms ease; }
#guide-collapse[aria-expanded=false] svg { transform:rotate(180deg); }
.guide-steps { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:12px 0 13px; gap:10px; }
.guide-steps li { display:flex; align-items:center; gap:5px; color:#94829f; font-size:10px; }
.guide-steps li>span { display:grid; place-items:center; width:17px; height:17px; border:1px solid #e0d7e9; border-radius:50%; font-size:9px; }
.guide-steps li.current { color:#5f426f; font-weight:500; }
.guide-steps li.current>span { background:#6d517e; border-color:#6d517e; color:white; }
.guide-steps li.complete>span { background:#e7e1ee; color:#796186; }
#guide-task-title { font-size:13px; font-weight:500; color:#493353; }
#guide-task-copy { font-size:11px; line-height:1.85; color:#756181; margin-top:6px; overflow-wrap:anywhere; }
.guide-task-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:11px; }
.guide-task-actions .btn { min-height:30px; font-size:11px; }
.guide-task-actions .text-btn { color:#896a9b; font-size:10px; }
.guide-evidence-note { font-size:10px; color:#887592; line-height:1.7; margin-top:10px; }
.guide-feedback { margin-bottom:14px; }
.guide-intro { padding:18px 20px; border:1px solid #e7e0ee; border-radius:12px; background:#f8f5fc; }
.guide-kicker { color:#89739a; font-size:11px; }
.guide-intro h3 { margin:5px 0; font-size:17px; font-weight:500; color:#46314f; }
.guide-intro p { font-size:12px; line-height:1.8; color:#796583; margin-bottom:13px; }
.guide-lessons { list-style:none; padding:0; margin:20px 0; }
.guide-lessons li { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #eee8f3; }
.guide-number { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; background:#f1ecf7; border:1px solid #e8e0f0; border-radius:8px; color:#7a628e; font:11px/1 'Consolas',monospace; }
.guide-lessons h3 { font-size:13px; font-weight:500; margin:2px 0 5px; }
.guide-lessons p,.guide-own-material p { font-size:12px; color:#7b6c86; line-height:1.9; }
.guide-own-material { padding:15px 17px; border:1px solid #e8e1ef; border-radius:10px; }
.guide-own-material h3 { font-size:13px; font-weight:500; margin-bottom:6px; }
.guide-own-material .text-btn { margin-top:8px; font-size:11px; color:#746081; }
.guide-own-material code { font-size:11px; color:#745985; background:#f4eff9; padding:1px 4px; border-radius:3px; }
.guide-notes { margin-top:16px; }
.guide-notes p { margin-top:8px; font-size:11px; color:#877591; line-height:1.8; }
.guide-notes strong { color:#685275; font-weight:500; margin-right:5px; }
.delivery-boundary { padding:11px 14px; margin:0 0 18px; border:1px solid #e7dfee; border-radius:9px; background:#f8f5fc; color:#776083; font-size:12px; line-height:1.8; }
.delivery-boundary.complete { background:#f2f7f3; border-color:#e0eae2; color:#53725b; }
@media(max-width:700px) { .welcome-strip { flex-wrap:wrap; } .welcome-strip .btn { margin-left:auto; } .guide-steps { gap:8px; } .guide-intro { padding:15px; } }