.phase27-audio-scenarios,.course-completion-hub{margin-top:1.15rem;padding:1.1rem;border:1px solid rgba(148,163,184,.25);border-radius:1rem;background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(15,23,42,.6));box-shadow:0 16px 34px rgba(2,6,23,.14)}.phase2731-head,.completion-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.phase2731-head h3,.completion-hub-head h2{margin:.15rem 0 .25rem}.phase2731-head p,.completion-hub-head p{margin:0;color:var(--muted,#cbd5e1);max-width:70ch}.phase2731-badge,.completion-hub-status{padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.1);font-size:.75rem;font-weight:900;white-space:nowrap}
.phase27-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem}.phase27-clip{display:flex;flex-direction:column;gap:.65rem;padding:.85rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.2);background:rgba(2,6,23,.24)}.phase27-clip.complete{border-color:rgba(52,211,153,.28);background:rgba(16,185,129,.05)}.phase27-clip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.phase27-clip-head div{display:grid;gap:.18rem}.phase27-clip-head small{color:var(--muted,#cbd5e1)}.phase27-clip-head button,.phase27-choices button,.phase27-note,.lesson-toolkit-save button,.completion-hub-tabs button,.route-topic-grid button,.challenge-form button,.challenge-timeline button,.challenge-reset,.cert-start,.cert-submit,[data-cert-resit],.course-certificate button,.cert-question button{border:1px solid rgba(148,163,184,.27);border-radius:.7rem;background:rgba(30,41,59,.85);color:inherit;padding:.5rem .68rem;font:inherit;font-weight:800;cursor:pointer}.phase27-prompt{margin:0;line-height:1.55}.phase27-choices{display:grid;gap:.4rem}.phase27-choices button{text-align:left;font-size:.86rem}.phase27-choices button.selected,.cert-question button.selected{outline:2px solid currentColor}.phase27-feedback{padding:.65rem;border-radius:.75rem;background:rgba(16,185,129,.08);border:1px solid rgba(52,211,153,.18)}.phase27-feedback.retry{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18)}.phase27-feedback p{margin:.25rem 0}.phase27-clip details{margin-top:auto}.phase27-clip summary{cursor:pointer;font-weight:800}.phase27-clip details p{color:var(--muted,#cbd5e1);line-height:1.5}.phase27-note{margin-top:.75rem}
.lesson-toolkit-save{margin-top:.75rem;padding:.75rem;border-radius:.85rem;background:rgba(124,58,237,.06);border:1px solid rgba(167,139,250,.16)}.lesson-toolkit-save>div{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}.lesson-toolkit-save button{font-size:.8rem;padding:.4rem .55rem}
.course-completion-hub{margin:1.2rem 0 2rem}.completion-hub-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(148,163,184,.15)}.completion-hub-tabs button.active{background:rgba(34,211,238,.12);outline:2px solid currentColor}.completion-pane{padding-top:1rem}.completion-pane-head h3{margin:.18rem 0 .3rem;font-size:1.25rem}.completion-pane-head p{margin:0;color:var(--muted,#cbd5e1);max-width:76ch}
.route-controls{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.9rem}.route-controls label,.challenge-form label,.course-certificate label{display:grid;gap:.35rem;font-size:.8rem;font-weight:800;color:var(--muted,#cbd5e1)}.route-controls select,.challenge-form select,.challenge-form textarea,.challenge-timeline textarea,.course-certificate input{width:100%;border:1px solid rgba(148,163,184,.28);border-radius:.7rem;background:rgba(2,6,23,.45);color:inherit;padding:.65rem;font:inherit}.route-description{margin:.75rem 0;padding:.7rem;border-radius:.8rem;background:rgba(14,116,144,.07);border:1px solid rgba(34,211,238,.15)}.route-description p{margin:.2rem 0 0;color:var(--muted,#cbd5e1)}.route-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.route-topic-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.2)}.route-topic-grid article>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:rgba(34,211,238,.12);font-weight:900}.route-topic-grid article>div{display:grid;gap:.15rem}.route-topic-grid small{color:var(--muted,#cbd5e1);text-transform:capitalize}.route-topic-grid p{margin:.15rem 0;color:var(--muted,#cbd5e1);font-size:.82rem;line-height:1.35}
.toolkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.9rem}.toolkit-column{padding:.8rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.2)}.toolkit-column>div:first-child{display:grid;gap:.15rem}.toolkit-column>div:first-child small,.toolkit-empty{color:var(--muted,#cbd5e1)}.toolkit-items{display:grid;gap:.45rem;margin-top:.65rem}.toolkit-items section{padding:.6rem;border-radius:.7rem;background:rgba(30,41,59,.55)}.toolkit-items section span{font-size:.7rem;color:var(--muted,#cbd5e1);font-weight:800}.toolkit-items p{margin:.25rem 0;font-size:.86rem;line-height:1.45}.toolkit-items button{border:0;background:transparent;color:var(--muted,#cbd5e1);padding:0;cursor:pointer;font-size:.75rem}
.challenge-form{display:grid;gap:.65rem;margin-top:.9rem}.challenge-form textarea,.challenge-timeline textarea{resize:vertical}.challenge-form button{justify-self:start}.challenge-plan{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}.challenge-plan article{padding:.7rem;border-radius:.8rem;background:rgba(14,116,144,.06);border:1px solid rgba(34,211,238,.13)}.challenge-plan p{margin:.25rem 0;color:var(--muted,#cbd5e1)}.challenge-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.challenge-timeline article{display:grid;gap:.5rem;padding:.75rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.22)}.challenge-timeline article.complete{border-color:rgba(52,211,153,.26);background:rgba(16,185,129,.06)}.challenge-timeline article>span{font-size:.75rem;font-weight:900;color:var(--accent,#64d5ff)}.challenge-reset{margin-top:.7rem}
.cert-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.9rem 0}.cert-summary div{display:grid;gap:.2rem;padding:.75rem;border-radius:.8rem;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.22)}.cert-summary strong{font-size:1.15rem}.cert-summary span{font-size:.75rem;color:var(--muted,#cbd5e1)}.cert-start,.cert-submit,[data-cert-resit]{margin-top:.7rem}.cert-submit:disabled{opacity:.45;cursor:not-allowed}.cert-questions{display:grid;gap:.65rem;margin-top:.9rem}.cert-question{padding:.8rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.2)}.cert-question.correct{border-color:rgba(52,211,153,.26)}.cert-question.incorrect{border-color:rgba(245,158,11,.26)}.cert-question>span{font-size:.72rem;color:var(--muted,#cbd5e1);text-transform:capitalize}.cert-question h4{margin:.35rem 0 .65rem}.cert-question>div{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.cert-question button{text-align:left}.cert-question>p{margin:.55rem 0 0;color:var(--muted,#cbd5e1)}.cert-result{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.75rem;border-radius:.8rem;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.16)}.cert-result.pass{background:rgba(16,185,129,.07);border-color:rgba(52,211,153,.18)}.cert-disclaimer{font-size:.75rem;color:var(--muted,#cbd5e1);margin-top:.8rem}
.course-certificate{margin-top:1rem;padding:1.25rem;border:2px solid rgba(100,213,255,.42);border-radius:1rem;text-align:center;background:radial-gradient(circle at 50% 0,rgba(100,213,255,.12),transparent 45%),rgba(2,6,23,.28)}.course-certificate>span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--accent,#64d5ff);font-weight:900}.course-certificate h3{font-size:1.65rem;margin:.4rem 0}.course-certificate>p{max-width:60ch;margin:.4rem auto;color:var(--muted,#cbd5e1)}.course-certificate label{max-width:420px;margin:.8rem auto;text-align:left}.course-certificate>div{display:grid;gap:.1rem;margin:.8rem 0}.course-certificate>div strong{font-size:1.5rem}.course-certificate .certificate-small{font-size:.72rem}.course-certificate button{margin-top:.5rem}
@media(max-width:900px){.phase27-clips{grid-template-columns:1fr}.route-topic-grid,.toolkit-grid,.challenge-plan{grid-template-columns:1fr}.challenge-timeline{grid-template-columns:1fr}.cert-question>div{grid-template-columns:1fr}}
@media(max-width:650px){.phase2731-head,.completion-hub-head{display:grid}.route-controls,.cert-summary{grid-template-columns:1fr}.route-topic-grid article{grid-template-columns:auto 1fr}.route-topic-grid article button{grid-column:1/-1}.completion-hub-tabs{display:grid;grid-template-columns:1fr 1fr}.cert-result{display:grid}}
@media(prefers-reduced-motion:reduce){.phase27-audio-scenarios *,.course-completion-hub *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body *{visibility:hidden}.course-certificate,.course-certificate *{visibility:visible}.course-certificate{position:absolute;inset:20mm;display:block;background:white;color:#111827;border-color:#334155}.course-certificate button,.course-certificate input{display:none!important}.course-certificate p,.course-certificate .certificate-small{color:#475569}}