/* Small, visible next steps within the established MyCyberTutor identity. */
body{font-size:1rem}
.eyebrow{font-size:.75rem;letter-spacing:.1em}
.button,.dialog-actions .button,.hero-actions .button{font-size:.9375rem;min-height:48px;white-space:normal}
.inline-link,.dialog-note,.dialog-meta,.breadcrumb,.pill{font-size:.875rem}
.primary-nav,.progress-nav{font-size:.875rem}
.primary-nav a,.progress-nav,.icon-button{min-height:44px;display:inline-flex;align-items:center}
.primary-nav{gap:16px}.nav-row{gap:20px}.icon-button{justify-content:center;min-width:44px}
.hero{min-height:0;padding:58px 0 64px;grid-template-columns:1.13fr 1fr;gap:48px}
.hero h1{font-size:clamp(3rem,5vw,4.5rem);letter-spacing:-.055em;margin:22px 0}
.hero h1 em{white-space:normal}
.hero-description{font-size:1.0625rem;max-width:510px;line-height:1.75}
.hero-actions{gap:16px;flex-wrap:wrap;margin:26px 0 20px}
.hero-reassurance{font-size:.875rem;gap:20px;flex-wrap:wrap}
.hero-assessment{margin-top:18px;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}
.hero-visual.leo-feature{height:auto;min-height:0;display:grid;justify-items:center;gap:0;padding:24px 24px 28px;border:1px solid #d8d2e6;border-radius:28px;background:#efedf7;isolation:auto}
.reel-kicker{font-size:.75rem;font-weight:600;letter-spacing:.075em;color:#52507a;text-align:center}
.leo-home-art{display:block;width:min(100%,340px);height:auto;aspect-ratio:1;object-fit:contain;margin:8px auto 0}
.leo-challenge-caption{text-align:center}.leo-challenge-caption .pill{font-size:.75rem;background:#faf9ff;border-color:#d1c9e4}
.leo-challenge-caption h2{font-family:var(--serif);font-size:2rem;line-height:1.12;margin:12px 0 9px;letter-spacing:-.03em}
.leo-challenge-caption h2 br{display:none}.leo-challenge-caption h2 em{color:#55518b}
.leo-challenge-caption p{font-size:.9375rem;color:#52586a}
.section-heading>div>p:not(.eyebrow){max-width:670px;font-size:1rem;line-height:1.7}
.filter{min-height:44px;font-size:.875rem;padding:10px 14px}
.path-toolbar{gap:16px}.filters{flex-wrap:wrap}.search-box{min-height:44px}.search-box input{font-size:1rem;min-width:0}
.path-card p{font-size:1rem;line-height:1.65}.path-card h3{font-size:1.4rem}.path-label,.level{font-size:.75rem}.path-card-meta{font-size:.875rem;flex-wrap:wrap}
.path-card-cta{font-size:.9375rem;min-height:48px;line-height:1.5;white-space:normal}
.path-footnote{font-size:.875rem}.path-footnote>span{font-size:.875rem}
.career-card{padding:0;overflow:hidden;align-items:stretch}.career-card-content{padding:26px;display:flex;flex-direction:column;flex:1;align-items:stretch}
.career-emblem{width:100%;min-height:142px;display:flex;align-items:center;gap:24px;padding:28px;color:#214d54;border-bottom:1px solid #d4ddd0}
.career-emblem.blue{background:#e3edf5}.career-emblem.mint{background:#e7eedb;color:#315139}.career-emblem.lilac{background:#ede7f6;color:#53486d}
.career-emblem .icon{height:56px;width:56px;stroke-width:1.4}.career-emblem span{max-width:150px;line-height:1.4;font-size:1rem;font-weight:600}
.career-card h3{font-size:1.75rem;min-height:2.4em;letter-spacing:-.035em}.career-card .eyebrow{font-size:.75rem;min-height:2.6em}
.career-card .career-fit{margin-bottom:22px}.career-work-sample{margin:auto 0 22px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.career-work-sample span{display:block;font-size:.75rem;letter-spacing:.06em;color:#637460;margin-bottom:6px}.career-work-sample strong{font-size:1rem;line-height:1.5;display:block}
.career-card .career-meta{margin-top:0}.career-card .button{justify-content:center}.career-card .career-status{margin:0 0 20px}
.career-page-header{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start;border-bottom:0;padding-bottom:38px}
.career-page h1{font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:1.08}.career-page-header .dialog-lead{font-size:1.15rem}
.career-page-header .text-button{display:inline-flex;margin-left:12px}.career-page-header .track-time{font-weight:600;margin:22px 0 0;color:var(--green)}
.career-project-preview{border:1px solid #d4ddd0;border-radius:16px;overflow:hidden;background:#fff;padding-bottom:26px}
.career-project-preview>.eyebrow,.career-project-preview>h2,.career-project-preview>p,.career-project-preview>.pill{margin-left:26px;margin-right:26px}
.career-project-preview>.eyebrow{margin-top:22px}.career-project-preview h2{font-size:1.75rem;line-height:1.2;margin-top:10px;margin-bottom:16px}
.career-project-preview>.pill{margin-top:22px}.career-project-preview .career-emblem{min-height:110px}
.career-roadmap{border:1px solid #cad6c6;border-radius:16px;padding:28px;background:#f0f4e9;display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:center}
.career-roadmap h2{font-size:2rem;line-height:1.18;margin:10px 0 16px}.career-roadmap ol{margin:0;list-style:none;padding:0;display:grid;gap:10px}
.career-roadmap li a{display:flex;align-items:center;gap:14px;padding:13px 15px;background:white;border:1px solid #d1dccb;border-radius:9px;min-height:75px}
.career-roadmap li.current a{border:2px solid var(--green);padding:12px 14px}.career-roadmap li.done a{background:#e2eed6}
.roadmap-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #b8cbb0;border-radius:50%;font-size:.875rem;color:var(--green)}
.career-roadmap strong{display:block;font-size:1rem;line-height:1.4}.career-roadmap small{display:block;font-size:.875rem;color:var(--muted);margin-top:2px}.roadmap-state{font-size:.875rem;line-height:1.4;margin-left:auto;text-align:right;color:#4c6941;max-width:94px}
.career-outline{top:110px;gap:8px}.career-outline>a,.career-outline>button{min-height:44px;display:flex;align-items:center}.career-outline>strong{font-size:1.1rem;margin-bottom:6px}
.career-role-note{margin-top:18px;padding:18px}.career-role-note summary{font-size:1rem;font-weight:600;cursor:pointer}.career-role-note ul{font-size:.9375rem;line-height:1.65}
.lesson-row strong{font-size:1rem}.lesson-row small{font-size:.875rem}.lesson-number{width:36px;height:36px;font-size:.875rem}
.lesson-page-layout{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:42px}.lesson-page h1{margin-top:16px;margin-bottom:26px}
.lesson-steps{position:sticky;top:88px;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--paper);border:1px solid #c4d0bc;border-radius:10px;overflow:hidden;margin:0 0 32px;scroll-margin-top:104px;box-shadow:0 4px 0 var(--paper)}
.lesson-steps button{min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;font-size:1rem;border-right:1px solid #c4d0bc;border-radius:0}.lesson-steps button:last-child{border-right:0}
.lesson-steps button span{font-size:.8125rem;opacity:.7}.lesson-steps [aria-current="step"]{background:var(--green);color:#fff}.lesson-steps button:focus-visible{outline:3px solid #b56935;outline-offset:-4px}
.lesson-page .stage-heading{font-size:1.5rem;margin:0 0 16px;outline:none}.stage-description{font-size:1rem;line-height:1.7;margin-bottom:24px}
.lesson-stage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:28px 0}.lesson-stage-actions>span{font-size:.875rem;color:var(--muted)}
.lesson-page-path{position:sticky;top:112px;padding:24px}.lesson-page-path summary{font-size:1.15rem;font-weight:600;line-height:1.4;cursor:pointer}.path-local-progress{font-size:.875rem;margin:10px 0 16px}
.lesson-page-path li{font-size:.9375rem}.lesson-page-path a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.lesson-page:has(.lesson-steps:not([hidden])) .lesson-neighbors{display:none}
.lesson-page-sources summary{font-size:1rem;font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
#lesson-checkin .knowledge-box{margin-top:0;padding:24px;border:1px solid #cad6c3;border-radius:14px;background:#f0f4e9}
#lesson-checkin h3{font-size:1.3rem;line-height:1.45;margin:12px 0 22px;letter-spacing:-.015em}
#lesson-checkin .answer-option,#dialog-content .answer-option{font-size:1rem;line-height:1.6;min-height:54px;padding:15px}
#lesson-checkin .feedback{font-size:1rem;line-height:1.7;padding:20px}.feedback strong{font-size:1rem;line-height:1.5}
.lesson-page .lesson-takeaway{font-size:1.75rem;line-height:1.5;padding:28px;background:#ecf2e4;border-left:3px solid var(--green);margin:20px 0}
.lesson-page .lesson-completed{font-size:1rem}.lesson-page .dialog-actions{gap:12px;margin:24px 0}.lesson-page .dialog-actions .button{max-width:100%}
.progress-focus{background:#edf3e4;padding:28px;border:1px solid #cbdabb;border-radius:14px;margin:22px 0}
.progress-focus h3{font-size:1.6rem;line-height:1.25;margin:12px 0}.progress-focus p{font-size:1rem;line-height:1.65}.progress-focus .eyebrow{font-size:.75rem}
.milestone-meter{height:7px;border-radius:8px;background:#d5e0ca;margin:20px 0;overflow:hidden}.milestone-meter span{height:100%;display:block;background:var(--green)}
.progress-focus .progress-next-label{font-size:.75rem;letter-spacing:.08em;margin:22px 0 8px}.progress-focus h4{font-size:1.2rem;line-height:1.45;margin:0 0 20px;font-weight:600}.progress-focus .button{font-size:1rem}
.progress-practice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.progress-practice p{font-size:.9375rem;margin-top:5px}.progress-practice .button{flex-shrink:0}
.progress-record{margin-top:25px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.progress-record summary{cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;line-height:44px}
.progress-record .stat-card strong{font-size:1.85rem}.stat-card strong small{font-size:.875rem}.progress-record .stat-card span{font-size:.875rem;line-height:1.4;display:block}
.path-progress-title,.path-progress-title>span,.path-progress-row .inline-link{font-size:.875rem}.path-progress-row .inline-link{min-height:44px;display:inline-flex;align-items:center}
.progress-local-note{font-size:.875rem;line-height:1.6;margin:24px 0 0}.data-actions .button,.danger-link{font-size:.875rem;min-height:44px}.data-actions{margin-top:14px}.dialog-lead{font-size:1rem}
#dialog-content .dialog-note{font-size:.875rem;line-height:1.65}#dialog-content .outcome{font-size:1rem}#dialog-content .outcome strong{font-size:.75rem}
@media(max-width:1150px){.primary-nav{gap:12px;font-size:.8125rem}.hero{gap:30px}.hero-actions{gap:8px}.hero-visual.leo-feature{padding:22px 16px}.leo-home-art{width:min(100%,310px)}.career-card-content{padding:22px}}
@media(max-width:1000px){.primary-nav{font-size:.875rem}.career-page-header{gap:28px}.career-page-grid{gap:28px}.lesson-page-layout{gap:28px}.hero{grid-template-columns:1.1fr 1fr}.hero h1{font-size:3.4rem}.hero-actions .button{font-size:.9375rem}.leo-challenge-caption h2{font-size:1.8rem}}
@media(max-width:900px){.career-card{display:grid;grid-template-columns:180px minmax(0,1fr)}.career-emblem{height:100%;flex-direction:column;justify-content:center;text-align:center;border-bottom:0;border-right:1px solid var(--line)}.career-card h3{min-height:0}.career-card .eyebrow{min-height:0}.career-work-sample{margin-top:5px}.career-card .career-fit{margin-bottom:10px}.career-project-preview .career-emblem{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start}.career-page-header{grid-template-columns:1fr 1fr}.career-outline{position:static}.career-roadmap{grid-template-columns:1fr 1.25fr;gap:25px}.career-roadmap h2{font-size:1.75rem}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 40px}.hero h1{font-size:3.2rem}.hero-visual.leo-feature{max-width:540px;width:100%;justify-self:center}.hero-actions{gap:10px}.hero-description{max-width:560px}.hero-visual .leo-home-art{width:280px}.lesson-page-layout{grid-template-columns:1fr}.lesson-page-path{position:static}.career-page-header,.career-roadmap{grid-template-columns:1fr}.career-roadmap{padding:22px;gap:24px}.career-page-header .career-project-preview{max-width:none}.career-project-preview .career-emblem{min-height:95px}.career-page-header h1{margin:16px 0 20px}.lesson-steps{top:76px;scroll-margin-top:88px}.progress-practice{align-items:flex-start;flex-direction:column}.progress-focus{padding:22px}}
@media(max-width:540px){.hero h1{font-size:clamp(2.7rem,11.7vw,3.25rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%;font-size:1rem}.hero-description{font-size:1rem}.hero-reassurance{gap:14px}.hero-assessment{margin-top:10px}.hero-visual.leo-feature{padding:18px 18px 24px}.reel-kicker{font-size:.75rem}.leo-home-art{width:255px!important}.leo-challenge-caption h2{font-size:1.8rem}.leo-challenge-caption h2 br{display:block}.career-card{display:flex}.career-emblem{min-height:112px;flex-direction:row;justify-content:flex-start;text-align:left;border-right:0;border-bottom:1px solid var(--line)}.career-emblem .icon{width:46px;height:46px}.career-card-content{padding:22px}.career-card h3{font-size:1.75rem}.career-card .career-meta{font-size:.875rem}.career-card .button{font-size:1rem}.career-page-header .text-button{margin-left:0;margin-top:10px}.career-roadmap li a{padding:12px 10px;gap:10px}.career-roadmap li.current a{padding:11px 9px}.roadmap-number{flex-basis:29px;height:29px}.roadmap-state{max-width:76px;font-size:.8125rem}.career-roadmap strong{font-size:.9375rem}.career-roadmap small{font-size:.8125rem}.lesson-steps button{gap:8px;font-size:.9375rem;min-height:54px}.lesson-page h1{font-size:2.25rem}.lesson-page .stage-heading{font-size:1.35rem}.lesson-stage-actions{align-items:stretch;flex-direction:column}.lesson-page .lesson-takeaway{padding:22px;font-size:1.5rem}#lesson-checkin .knowledge-box{padding:18px}#lesson-checkin .answer-option{padding:13px;gap:10px}.dialog-actions .button{width:100%;font-size:.9375rem}.filters{gap:7px}.filter{font-size:.875rem;padding:9px 12px}.path-card-cta{font-size:.9375rem}.progress-focus{padding:20px}.progress-focus h3{font-size:1.45rem}.progress-focus .button{width:100%}.progress-record .dashboard-stats{grid-template-columns:1fr}.progress-record .stat-card{display:flex;align-items:center;gap:18px}.progress-record .stat-card span{font-size:.9375rem}.data-actions .button{font-size:.875rem}.nav-row{gap:12px}.progress-nav{padding:8px}.progress-nav>span:not(.nav-progress){font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media print{.lesson-steps,.lesson-stage-actions,#lesson-checkin,#lesson-recap-actions{display:none!important}[data-lesson-panel][hidden]{display:block!important}.lesson-page-path{position:static}.lesson-page-layout{display:block}.career-roadmap{break-inside:avoid}}

.signal-run-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:32px 36px;border:1px solid #446b60;border-radius:16px;background:linear-gradient(90deg,#103d38f5,#103d38dd 62%,#103d3866),url('/assets/game/digital-city-background.png') center 48%/cover;color:#f2f6e9}.signal-run-callout .eyebrow{color:#d9e9a9;margin-bottom:10px}.signal-run-callout h3{font-size:2rem;margin-bottom:10px}.signal-run-callout p{font-size:1rem;color:#d5e4d8;max-width:530px}.signal-run-callout .button{background:#dceca3;color:#1c4434;border-color:#dceca3;flex-shrink:0}.signal-run-callout:hover{border-color:#aac888}@media(max-width:640px){.signal-run-callout{padding:26px;align-items:flex-start;flex-direction:column;gap:22px}.signal-run-callout h3{font-size:1.8rem}}

.rescue-callout{background:linear-gradient(90deg,#29223cf5,#29223cde 62%,#29223c77),url('/assets/game/data-archive-background.png') center 46%/cover;border-color:#72627e}.rescue-callout .button{background:#f3d49b;color:#39283b;border-color:#f3d49b}.rescue-callout .eyebrow{color:#ebcda1}.rescue-callout .game-first-link{display:inline-block;margin-top:15px;color:#eadcf4;font-size:.9375rem;text-underline-offset:4px}