/* VGC stays green; platform-specific learning surfaces use a distinct accent. */
body{--platform:#ffb48f;--platform-bg:#241b17;--platform-border:#986047}
body[data-platform="codex"]{--platform:#99c9ff;--platform-bg:#111f31;--platform-border:#527cab}
#start-view,#setup-view{border-top:4px solid var(--platform);padding-top:24px}
.learning-intro h2{font:600 34px/1.2 var(--display);margin:8px 0 12px}.learning-intro p{font-size:16px;color:#bdc8ce;margin-bottom:24px}
.destination-picker{margin:22px 24px;padding:20px;border:1px solid var(--platform-border);border-left:5px solid var(--platform);border-radius:9px;background:var(--platform-bg)}.destination-picker p{font-size:16px;margin:8px 0 15px;color:#d2dce3}.destination-picker>div[role="group"]{display:flex;gap:12px;flex-wrap:wrap}.destination-picker button{display:flex;align-items:center;gap:12px;padding:12px 18px;min-height:50px;border:2px solid #54606b;border-radius:7px;background:#0c131b;color:#e0e8ef;font-size:16px;font-weight:600}.destination-picker button[aria-pressed="true"]{background:var(--platform);border-color:var(--platform);color:#0c131b}.destination-picker img{object-fit:contain;background:#fff;border-radius:4px;padding:2px}.destination-picker small{display:block;font-size:14px;color:#c0cbd2;margin-top:13px}.handoff-inner li{font-size:16px;margin:12px 0;color:#d5dfe6}.handoff-callout{border-color:var(--platform-border)!important;background:var(--platform-bg)!important}
.platform-choice{position:relative;min-height:190px;border-width:2px;padding:22px;gap:10px}.platform-brand{display:flex;align-items:center;gap:14px}.platform-brand img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:6px;padding:3px;flex-shrink:0}.platform-brand strong{font:600 32px var(--display);color:white}
.platform-choice[data-learn-platform="claude"],.platform-choice[data-setup-platform="claude"]{border-left:6px solid #edab88}.platform-choice[data-learn-platform="codex"],.platform-choice[data-setup-platform="codex"]{border-left:6px solid #91c2fb}
.platform-choice.selected{background:var(--platform-bg);border-color:var(--platform);box-shadow:none}.platform-choice.selected .platform-number,.selection-label{color:var(--platform)}.platform-choice>span:not(.platform-number){font-size:16px}.platform-choice small{font-size:14px}.platform-choice .selection-label{font-weight:700}
.learning-route{padding:18px 22px;background:var(--platform-bg);border:1px solid var(--platform-border);border-radius:9px;margin-bottom:28px}.route-platform{display:inline-block;color:var(--platform);font-weight:700;font-size:16px}.learning-route p{margin:7px 0 0;color:#d0d8df;font-size:15px}
.lesson-list{display:grid;gap:20px}.lesson-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:28px;background:#10171d;border:1px solid #34424b;border-radius:10px}.lesson-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--platform-border);color:var(--platform);background:var(--platform-bg);border-radius:8px;font:600 26px var(--display)}.lesson-body h3{font:600 30px/1.25 var(--display);margin:8px 0 12px}.lesson-body p{font-size:16px;color:#c2cdd4;margin:10px 0 18px;max-width:880px}.action-label{font:600 13px/1.6 var(--body);letter-spacing:.7px;color:var(--platform)}.instruction-note{font-size:15px!important;line-height:1.7;background:#090f15;border-left:3px solid var(--platform-border);padding:14px 17px;margin:16px 0;color:#c6d0d7}.pending-label{display:block;color:#b9c2c9;font-size:14px!important;margin:12px 0 0!important}.prompt-placeholder{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px;margin:20px 0;border:1px dashed #697780;border-radius:8px;background:#0c1218}.prompt-placeholder strong{display:block;margin:9px 0;font-size:18px}.prompt-placeholder p{margin:6px 0}.prompt-id{font:12px var(--mono);color:var(--platform)}.checkpoint{background:var(--platform-bg)}.checkpoint-actions{display:flex;gap:14px;flex-wrap:wrap}#checkpoint-status{font-size:14px;color:#c0cbd1}.lesson-body a{display:inline-block;text-decoration:none}.lesson-body button,.lesson-body a{min-height:48px;padding:12px 20px;font-size:16px}.lesson-body button:disabled{background:#27313b;border-color:#4c5965;color:#c3cdd5;cursor:not-allowed;filter:none}
#start-view .primary-button,#setup-view .primary-button{background:var(--platform);border-color:var(--platform);color:#10151b}#start-view .primary-button:disabled{background:#27313b;border-color:#4c5965;color:#c3cdd5}#start-view .secondary-button{border-color:var(--platform-border);background:var(--platform-bg);color:var(--platform)}#setup-view .file-type{background:var(--platform-bg);border-color:var(--platform-border);color:var(--platform)}#setup-view .resource-label{color:var(--platform)}#setup-view .setup-flow b{color:var(--platform)}
.hybrid-note{display:flex;gap:18px;padding:24px;border:1px solid #415365;border-radius:10px;margin-top:26px;background:#101923}.hybrid-note img{flex-shrink:0;background:white;padding:3px;border-radius:5px}.hybrid-note h3{font-size:18px;margin:0 0 8px}.hybrid-note p{font-size:16px;color:#bdcbd6;margin:0 0 14px}.hybrid-note a{color:#acd3ff;text-underline-offset:4px}.platform-credit{font-size:12px;color:#9cabb5;margin:0;padding:0 40px 24px}.side-caption,.eyebrow{font-size:12px}.page-heading p,.setup-notice p,.own-assets p{font-size:16px}.primary-button,.secondary-button,.quiet-button{min-height:44px}.path-button{min-height:48px}.path-button.active{border-color:var(--lime)}.page-heading h1{line-height:1.15}
@media(max-width:850px){.sidebar{display:flex;flex-wrap:wrap;align-items:center;padding:14px 18px}.sidebar nav{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.sidebar nav .path-button{width:100%;font-size:14px;justify-content:flex-start;padding:10px;flex-basis:auto}.sidebar .brand{width:100px;flex-shrink:0}.platform-credit{padding-inline:24px}}
@media(max-width:650px){.lesson-card{grid-template-columns:1fr;padding:20px;gap:12px}.lesson-number{width:42px;height:42px;font-size:23px}.lesson-body h3{font-size:28px}.prompt-placeholder{display:block;padding:16px}.checkpoint-actions{display:grid}.platform-picker{gap:14px}.platform-choice{min-height:170px}.learning-intro h2{font-size:30px}.hybrid-note{padding:19px;gap:12px}.platform-credit{padding-inline:18px}.lesson-body button,.lesson-body a{max-width:100%;white-space:normal}.sidebar{display:block}.sidebar .brand{display:none}.sidebar nav{grid-template-columns:1fr 1fr}.learning-route{padding:17px}.platform-heading .resource-status{font-size:14px}}