.code-design-theme .course-guide{position:fixed;inset:0;width:min(980px,calc(100% - 32px));max-width:none;max-height:min(900px,88dvh);margin:auto;padding:0;overflow-y:auto;border:1px solid var(--eagle-blue);border-radius:0;background:var(--bg-card);box-shadow:0 28px 90px #000000a6;color:var(--text-primary);font:var(--fs-base)/var(--lh-ui) var(--font-system)}.code-design-theme .course-guide::backdrop{background:#05080ddb}.code-design-theme .course-guide :is(h2,h3,p,ol,dl){margin:0}.code-design-theme .course-guide__topbar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:10px 32px;border-bottom:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font:var(--fs-sm)/var(--lh-ui) var(--font-mono)}.code-design-theme .course-guide__topbar button{min-height:44px;padding:8px 12px;border:1px solid var(--border-color);border-radius:0;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.code-design-theme .course-guide__topbar button:hover{border-color:var(--eagle-blue);color:var(--eagle-blue-text)}.code-design-theme .course-guide__topbar button span{padding-left:8px;font-size:var(--fs-lg);line-height:0}.code-design-theme .course-guide__content{padding:32px}.code-design-theme .course-guide__intro{max-width:72ch}.code-design-theme .course-guide__color-bar{width:44px;height:4px;margin-bottom:18px;background:repeating-linear-gradient(90deg,var(--eagle-red) 0 8px,transparent 8px 12px)}.code-design-theme .course-guide h2{max-width:none;font-size:var(--fs-3xl);line-height:var(--lh-heading)}.code-design-theme .course-guide__intro p{margin-top:14px;color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-prose)}.code-design-theme .course-guide__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:36px;margin-top:30px}.code-design-theme .course-guide__grid>section{min-width:0}.code-design-theme .course-guide h3{margin-bottom:14px;font-size:var(--fs-lg)}.code-design-theme .course-guide__hierarchy{display:grid;gap:12px;list-style:none;padding:0}.code-design-theme .course-guide__hierarchy li{position:relative;padding:14px 18px;border:1px solid var(--border-color);background:var(--bg-primary)}.code-design-theme .course-guide__hierarchy li+li{margin-left:24px}.code-design-theme .course-guide__hierarchy li+li:before{content:"↳";position:absolute;left:-22px;top:10px;color:var(--text-secondary);font:var(--fs-xl)/var(--lh-ui) var(--font-mono)}.code-design-theme .course-guide__hierarchy strong{font-size:var(--fs-lg)}.code-design-theme .course-guide__hierarchy p:not(.course-guide__step){margin-top:4px;color:var(--text-secondary)}.code-design-theme .course-guide__step{margin-bottom:3px;color:var(--eagle-red);font:var(--fs-xs)/var(--lh-ui) var(--font-pixel)}.code-design-theme .course-guide .legend{display:grid;gap:14px}.code-design-theme .course-guide .legend>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:start}.code-design-theme .course-guide .legend dd{color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--lh-ui)}.code-design-theme .course-guide .lesson-category{display:block;margin-top:5px;font-size:var(--fs-sm)}.code-design-theme .course-guide .badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:4px 8px;border:1px solid currentColor;font:var(--fs-xs)/var(--lh-ui) var(--font-pixel);letter-spacing:var(--ls-label);text-transform:uppercase}.code-design-theme .course-guide .badge-learn{color:var(--eagle-blue-text);background:var(--eagle-blue-light)}.code-design-theme .course-guide :is(.badge-workshop,.badge-project){color:var(--eagle-red);background:var(--eagle-red-subtle)}.code-design-theme .course-guide :is(.badge-apply,.badge-check){color:var(--eagle-green);background:var(--eagle-green-subtle)}.code-design-theme .course-guide .badge-review{color:var(--attention);background:color-mix(in srgb,var(--attention) 5%,transparent)}.code-design-theme .course-guide .type-node{display:inline-block;position:relative;width:10px;height:10px;flex:0 0 10px;border:1px solid currentColor}.code-design-theme .course-guide .node-learn{border-radius:50%}.code-design-theme .course-guide .node-apply{width:11px;flex-basis:11px;border:0;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.code-design-theme .course-guide .node-review{width:8px;height:8px;flex-basis:8px;margin-inline:1px;transform:rotate(45deg)}.code-design-theme .course-guide .node-check:after{content:"✓";position:absolute;left:0;top:-4px;font:var(--fs-xs)/1 var(--font-mono)}.code-design-theme .course-guide .node-project{border-radius:50%}.code-design-theme .course-guide .node-project:after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}.code-design-theme .course-guide__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}@media(max-width:760px){.code-design-theme .course-guide__grid{grid-template-columns:minmax(0,1fr);gap:26px}}@media(max-width:480px){.code-design-theme .course-guide{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.code-design-theme .course-guide__topbar{padding-inline:18px}.code-design-theme .course-guide__content{padding:22px 18px}.code-design-theme .course-guide h2{font-size:var(--fs-2xl)}.code-design-theme .course-guide .legend>div{grid-template-columns:minmax(0,1fr);gap:6px}.code-design-theme .course-guide__actions .button{width:100%}}@media print{.code-design-theme .course-guide{display:none}}.code-design-theme [data-course-home]{--tree-line: color-mix(in srgb, var(--border-color), var(--text-secondary) 35%);display:grid;gap:24px;min-width:0;overflow-wrap:anywhere}.code-design-theme [data-course-home] :is(h1,h2,h3,p,ol,blockquote){margin:0}.code-design-theme [data-course-home] h2{font-size:var(--fs-2xl)}.code-design-theme [data-course-home] .card{min-width:0;padding:32px;border:1px solid var(--border-light);background:var(--bg-card);border-radius:0}.code-design-theme [data-course-home] .card-accent{border-left:6px solid var(--eagle-red)}.code-design-theme [data-course-home] .eyebrow{font:var(--fs-xs)/var(--lh-ui) var(--font-pixel);letter-spacing:var(--ls-label);text-transform:uppercase}.code-design-theme [data-course-home] .button{gap:14px}.code-design-theme [data-course-home] .button-row{margin:24px 0 0}.code-design-theme [data-course-home] .schedule-strip{font:var(--fs-xs)/var(--lh-ui) var(--font-mono);letter-spacing:var(--ls-label);color:var(--text-secondary)}.code-design-theme [data-course-home] .schedule-strip{display:flex;flex-wrap:wrap;gap:26px;padding:13px 28px;margin-top:-24px;background:var(--bg-card);border:1px solid var(--border-color);border-top:0}.code-design-theme [data-course-home] .schedule-strip span+span{border-left:1px solid var(--border-color);padding-left:26px}.code-design-theme [data-course-home] .welcome{padding:30px 36px}.code-design-theme [data-course-home] .welcome-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px;margin-bottom:12px}.code-design-theme [data-course-home] .welcome-topline .eyebrow{color:var(--eagle-red)}.code-design-theme [data-course-home] .welcome .guide-link{min-height:44px;padding:7px 0;border:0;background:transparent;color:var(--blue);font:600 14px/1.4 var(--font-system);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.code-design-theme [data-course-home] .welcome .guide-link:hover{color:#b1efff}.code-design-theme [data-course-home] .welcome h1{max-width:none;font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:700;margin-bottom:20px}.code-design-theme [data-course-home] .welcome>p:not(.eyebrow){color:#c1c9d2;font-size:var(--fs-body);line-height:var(--lh-prose);max-width:var(--measure)}.code-design-theme [data-course-home] .welcome p+p{margin-top:.5em}.code-design-theme [data-course-home] .welcome strong{color:var(--text-primary);font-weight:600}.code-design-theme [data-course-home] .pledge-card{border-left:6px solid var(--eagle-green)}.code-design-theme [data-course-home] .pledge-card>.eyebrow{color:var(--eagle-green);margin-bottom:10px}.code-design-theme [data-course-home] .pledge-card h2{margin-bottom:18px}.code-design-theme [data-course-home] .pledge-card blockquote{border-left:1px solid var(--tree-line);padding-left:20px;font:var(--fs-base)/1.8 var(--font-mono);color:var(--eagle-green)}.code-design-theme [data-course-home] .quick-actions{display:flex;flex-wrap:wrap;gap:10px 26px;padding:0 2px;margin-top:-10px}.code-design-theme [data-course-home] .quick-actions a{display:flex;align-items:center;gap:10px;padding:4px 0;text-decoration:none;font-size:var(--fs-base)}.code-design-theme [data-course-home] .quick-actions a:hover{text-decoration:underline}.code-design-theme [data-course-home] .essentials-strip{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:24px;padding:24px;align-items:start}.code-design-theme [data-course-home] .essentials-strip h2{font-size:var(--fs-lg);margin-bottom:16px}.code-design-theme [data-course-home] .surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.code-design-theme [data-course-home] .surface{min-width:0;border-left:2px solid var(--eagle-red);padding-left:12px}.code-design-theme [data-course-home] .surface:nth-child(2){border-color:var(--eagle-blue)}.code-design-theme [data-course-home] .surface:nth-child(3){border-color:var(--eagle-green)}.code-design-theme [data-course-home] .surface dt{font-size:var(--fs-base);font-weight:700}.code-design-theme [data-course-home] .surface dd{margin:3px 0 0;font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-ui)}.code-design-theme [data-course-home] .start-card{min-width:0;border-left:3px solid var(--blue);padding-left:24px}.code-design-theme [data-course-home] .start-card h2{font:var(--fs-xs)/var(--lh-ui) var(--font-pixel);text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.code-design-theme [data-course-home] .start-card .eyebrow{font-family:var(--font-mono)}.code-design-theme [data-course-home] .start-card h3{font-size:var(--fs-lg);margin-top:8px}.code-design-theme [data-course-home] .start-card .button{min-height:44px;margin-top:12px;padding:9px 14px}.code-design-theme [data-course-home] .start-card .button.resume-action{border-color:var(--blue);background:var(--blue);color:#09242e!important}.code-design-theme [data-course-home] .start-card .button.resume-action:hover{border-color:#b1efff;background:#b1efff}.code-design-theme [data-course-home] .section-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:8px 0 16px}.code-design-theme [data-course-home] .meta{color:var(--text-secondary);font:var(--fs-sm)/var(--lh-ui) var(--font-mono)}.code-design-theme [data-course-home] .route-list{position:relative;display:grid;gap:10px;list-style:none;padding:0 0 0 54px}.code-design-theme [data-course-home] .route-list:before{content:"";position:absolute;left:15px;top:27px;bottom:27px;width:1px;background:var(--tree-line)}.code-design-theme [data-course-home] .route-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 174px;gap:18px;padding:18px 22px}.code-design-theme [data-course-home] .route-card:before{content:"";position:absolute;top:27px;left:-39px;width:39px;height:1px;background:var(--tree-line)}.code-design-theme [data-course-home] .route-node{position:absolute;z-index:1;left:-48px;top:18px;width:18px;height:18px;border:1px solid var(--tree-line);border-radius:50%;background:var(--bg-primary)}.code-design-theme [data-course-home] .current .route-node{background:var(--eagle-red);border:4px solid var(--bg-primary);outline:1px solid var(--eagle-red);box-shadow:0 0 0 5px var(--eagle-red-subtle)}.code-design-theme [data-course-home] .project-route .route-node{border-radius:0}.code-design-theme [data-course-home] .route-card.current{border-color:var(--border-color);background:linear-gradient(90deg,var(--eagle-red-subtle),transparent 65%),var(--bg-card)}.code-design-theme [data-course-home] .route-number{font:500 var(--fs-lg)/1.3 var(--font-mono);color:var(--text-secondary)}.code-design-theme [data-course-home] .current .route-number{color:var(--eagle-red)}.code-design-theme [data-course-home] .route-content{min-width:0}.code-design-theme [data-course-home] .route-title h3{font-size:var(--fs-lg)}.code-design-theme [data-course-home] .route-title a{color:var(--text-primary);text-decoration:none}.code-design-theme [data-course-home] .route-title a:hover{color:var(--text-link);text-decoration:underline}.code-design-theme [data-course-home] .route-card p{font-size:var(--fs-base);line-height:var(--lh-ui);color:var(--text-secondary);margin:3px 0 9px}.code-design-theme [data-course-home] .route-state{text-align:right;padding-top:2px;color:var(--text-secondary)}.code-design-theme [data-course-home] .current .route-state{color:var(--eagle-red)}.code-design-theme [data-course-home] a.route-state{text-decoration:none}.code-design-theme [data-course-home] a.route-state:hover{text-decoration:underline}.code-design-theme [data-course-home] a.route-state{display:inline-flex;align-items:center;justify-content:center;align-self:start;gap:8px;min-height:44px;padding:9px 12px;border:1px solid var(--blue);background:#15323c;color:#e7faff;font:600 14px/1.35 var(--font-system);text-align:center;white-space:nowrap}.code-design-theme [data-course-home] a.route-state:hover{border-color:#b1efff;background:#214957;color:#fff;text-decoration:none}.code-design-theme [data-course-home] .badge-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.code-design-theme [data-course-home] :is(.badge,.badge-count){display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid currentColor;border-radius:0;padding:4px 10px;font:var(--fs-xs)/var(--lh-ui) var(--font-pixel);letter-spacing:var(--ls-label);text-transform:uppercase}.code-design-theme [data-course-home] .route-card :is(.badge,.badge-count){padding:2px 7px}.code-design-theme [data-course-home] .badge-count>.badge{border:0;padding:0;background:transparent;color:inherit}.code-design-theme [data-course-home] .badge-learn{color:var(--blue);border-color:var(--eagle-blue);background:var(--eagle-blue-light)}.code-design-theme [data-course-home] :is(.badge-workshop,.badge-project){color:var(--eagle-red);background:var(--eagle-red-subtle)}.code-design-theme [data-course-home] :is(.badge-apply,.badge-check){color:var(--eagle-green);background:var(--eagle-green-subtle)}.code-design-theme [data-course-home] :is(.badge-review,.badge-story){color:var(--attention);background:#ffc2470d}.code-design-theme [data-course-home] .badge-secondary,.code-design-theme [data-course-home] .route-card:not(.current) :is(.badge,.badge-count){border-color:var(--border-color);color:var(--text-secondary);background:var(--bg-inset)}.code-design-theme [data-course-home] .type-node{display:inline-block;position:relative;width:10px;height:10px;flex:0 0 10px;border:1px solid currentColor}.code-design-theme [data-course-home] .node-learn{border-radius:50%}.code-design-theme [data-course-home] .node-apply{border:0;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);width:11px;flex-basis:11px}.code-design-theme [data-course-home] .node-review{transform:rotate(45deg);width:8px;height:8px;flex-basis:8px;margin-inline:1px}.code-design-theme [data-course-home] .node-check:after{content:"✓";position:absolute;left:0;top:-4px;font:var(--fs-xs)/1 var(--font-mono)}.code-design-theme [data-course-home] .node-project{border-radius:50%}.code-design-theme [data-course-home] .node-project:after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}.code-design-theme [data-course-home] .lesson-count{font:var(--fs-xs)/var(--lh-ui) var(--font-mono);color:var(--text-secondary);letter-spacing:var(--ls-label)}.code-design-theme [data-course-home] .progress-line{display:flex;align-items:center;gap:14px;margin-top:12px}.code-design-theme [data-course-home] progress{appearance:none;border:0;border-radius:0;height:3px;background:var(--border-color);color:var(--eagle-green);width:100%;flex:1;min-width:0;overflow:hidden}.code-design-theme [data-course-home] progress::-webkit-progress-bar{background:var(--border-color)}.code-design-theme [data-course-home] progress::-webkit-progress-value{background:var(--eagle-green)}.code-design-theme [data-course-home] progress::-moz-progress-bar{background:var(--eagle-green)}.code-design-theme [data-course-home] .progress-label{min-width:5ch;text-align:right;white-space:nowrap;font:var(--fs-sm)/var(--lh-ui) var(--font-mono);color:var(--text-secondary)}.code-design-theme [data-course-home] .story-card{border-left:3px solid var(--story);padding:26px 32px}.code-design-theme [data-course-home] .story-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:15px;color:var(--story);font-size:var(--fs-xs)}.code-design-theme [data-course-home] .story-card blockquote{max-width:var(--measure);font-size:var(--fs-body);line-height:var(--lh-prose)}.code-design-theme [data-course-home] .story-card blockquote p+p{margin-top:1em}.code-design-theme [data-course-home] .story-card .fiction{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:16px}.code-design-theme [data-course-home] .card-draft{margin-top:24px;padding:20px 24px;border-color:var(--border-color);border-left:3px solid var(--attention);font-size:var(--fs-body);line-height:var(--lh-prose)}.code-design-theme [data-course-home] .card-label{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--attention);font:var(--fs-xs)/var(--lh-ui) var(--font-pixel);letter-spacing:var(--ls-label);text-transform:uppercase}.code-design-theme [data-course-home] .card-label svg{flex-shrink:0}@media(max-width:960px){.code-design-theme [data-course-home] .essentials-strip{grid-template-columns:minmax(0,1fr)}.code-design-theme [data-course-home] .start-card{border-left:0;border-top:3px solid var(--blue);padding:18px 0 0}}@media(max-width:620px){.code-design-theme [data-course-home]{gap:20px}.code-design-theme [data-course-home] .card{padding:22px 20px}.code-design-theme [data-course-home] .schedule-strip{gap:7px 18px;margin-top:-20px;padding:13px 16px}.code-design-theme [data-course-home] .schedule-strip span+span{border:0;padding:0}.code-design-theme [data-course-home] .schedule-strip span:last-child{flex-basis:100%}.code-design-theme [data-course-home] .button-row .button{flex:1 1 auto}.code-design-theme [data-course-home] .pledge-card blockquote{font-size:var(--fs-sm);padding-left:14px}.code-design-theme [data-course-home] .quick-actions{gap:8px 20px}.code-design-theme [data-course-home] .essentials-strip{gap:20px}.code-design-theme [data-course-home] .surfaces{grid-template-columns:minmax(0,1fr)}.code-design-theme [data-course-home] .route-list{padding-left:30px}.code-design-theme [data-course-home] .route-list:before{left:7px}.code-design-theme [data-course-home] .route-card{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:16px 12px}.code-design-theme [data-course-home] .route-card:before{left:-23px;width:23px;top:25px}.code-design-theme [data-course-home] .route-node{left:-32px;top:16px}.code-design-theme [data-course-home] .route-number{font-size:var(--fs-base)}.code-design-theme [data-course-home] .route-state{grid-column:2;justify-self:start}.code-design-theme [data-course-home] .route-card .badge-row{gap:5px}.code-design-theme [data-course-home] .lesson-count{flex-basis:100%}.code-design-theme [data-course-home] .route-card :is(.badge,.badge-count){padding:2px 5px}.code-design-theme [data-course-home] .badge-count>.badge{padding:0}}@media print{.code-design-theme [data-course-home]{display:block}.code-design-theme [data-course-home]>*{margin-bottom:24px}.code-design-theme [data-course-home] .card{color:var(--ink);background:var(--paper);border-color:var(--line)}.code-design-theme [data-course-home] .welcome>p:not(.eyebrow){color:var(--ink)}.code-design-theme [data-course-home] .route-list{display:block}.code-design-theme [data-course-home] .route-card{break-inside:avoid;margin-bottom:10px}.code-design-theme [data-course-home] .route-card.current{background:var(--paper)}.code-design-theme [data-course-home] :is(.badge,.badge-count,.eyebrow,.course-code,.route-number,.card-label,.story-byline){color:var(--ink)}}.code-design-theme [data-course-home] .welcome>p:last-of-type{border:0;border-left:6px solid var(--eagle-red);border-radius:0;padding-left:20px;margin-top:24px}