.ai-learning-shell{max-width:1080px;min-height:70vh;margin:0 auto;padding:34px 34px 88px}
.ai-learning-shell .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.learning-article{display:grid;gap:22px}
.learning-hero{padding:38px 42px;background:linear-gradient(135deg,#142a45 55%,#1a4057);border:1px solid #28465d;border-radius:16px;color:#f1f5fa}
.learning-hero .eyebrow{margin:0 0 14px;color:#63ddd0;font:10px/1.6 var(--mono);letter-spacing:.9px}
.learning-hero h1{max-width:850px;margin:0;color:#f1f5fa;font:800 clamp(34px,5vw,56px)/1.08 var(--display);letter-spacing:-1.8px;overflow-wrap:anywhere}
.learning-hero>p:not(.eyebrow){max-width:820px;color:#d0dbe7;font:15px/1.8 var(--sans)}
.learning-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.learning-meta span{padding:8px 11px;border:1px solid #50637b;border-radius:999px;color:#e2ebf4;font:10px/1.5 var(--mono)}
.learning-hero .button{margin-top:20px}
.project-actions{align-items:center;margin-top:22px;padding:0}
.project-actions .button{min-height:44px;border:0;cursor:pointer}
.project-actions .button-light{background:#d8f36f;color:#17261d}
#project-action-status{min-height:1.5em;margin:8px 0 0;color:#d0dbe7;font:12px/1.6 var(--sans)}
.course-enroll-note{margin:10px 0 0!important;color:#d0dbe7!important;font-size:12px!important}
.learning-intro,.learning-stage,.learning-specialties{padding:25px 28px;background:#fff;border:1px solid #dfe7ee;border-radius:13px;box-shadow:0 8px 22px #142a4508}
.learning-intro h2,.learning-stage h2,.learning-specialties h2{margin:0 0 12px;color:#142238;font:700 clamp(22px,3vw,29px)/1.25 var(--display);letter-spacing:-.6px}
.learning-intro h2:not(:first-child){margin-top:24px}
.learning-intro p,.learning-stage p,.learning-stage li,.learning-specialties p,.learning-specialties li{color:#596b80;font:14px/1.8 var(--sans)}
.learning-intro>p,.learning-stage p,.learning-specialties p{max-width:850px}
.learning-intro ol,.learning-intro ul,.learning-stage ol,.learning-stage ul,.learning-specialties ul{padding-left:22px}
.course-outcomes{display:grid;gap:7px}
.course-module-preview{margin-top:14px;padding:18px 20px;background:#f4f7fa;border:1px solid #e1e9ef;border-radius:10px}
.course-module-preview .stage-level{margin:0;color:#168b98;font:10px/1.55 var(--mono);letter-spacing:.5px}
.course-module-preview>p:not(.stage-level){margin:8px 0;color:#596b80;font:13px/1.75 var(--sans)}
.course-module-preview ol{margin:8px 0 0;color:#40536a;font:13px/1.8 var(--sans)}
.course-module-preview a{color:#147d91;text-decoration:none}
.course-module-preview a:hover{text-decoration:underline}
.course-progress progress{display:block;width:100%;height:12px;margin-top:10px;accent-color:#168b98}
.course-progress p{margin-bottom:0}
.learning-stage{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;scroll-margin-top:30px}
.stage-index{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e7f6f5;color:#087f86;font:13px var(--mono)}
.stage-level{margin:0 0 9px;color:#168b98!important;font:10px/1.5 var(--mono)!important;letter-spacing:.6px}
.learning-stage h3{margin:22px 0 8px;color:#20354e;font:700 17px/1.4 var(--display)}
.course-glossary{display:grid;gap:9px;margin:10px 0}
.course-glossary>div{padding:13px 15px;background:#f4f7fa;border:1px solid #e1e9ef;border-radius:9px}
.course-glossary dt{color:#20354e;font:700 13px/1.5 var(--sans)}
.course-glossary dd{margin:4px 0 0;color:#596b80;font:13px/1.7 var(--sans)}
.course-flow{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0;padding:0!important}
.course-flow li{position:relative;padding:9px 13px;background:#edf7f7;border:1px solid #d5e9e9;border-radius:8px;color:#20354e!important;font:600 12px/1.5 var(--sans)!important}
.course-flow li:not(:last-child)::after{content:'→';position:absolute;right:-9px;top:50%;z-index:1;transform:translate(50%,-50%);color:#168b98;font:14px var(--sans)}
.learning-note{margin:17px 0;padding:17px 19px;background:#edf7f7;border:1px solid #d5e9e9;border-left:4px solid #168b98;border-radius:9px;color:#40536a;font:13px/1.75 var(--sans)}
.learning-note strong{display:block;margin-bottom:5px;color:#147d91;font:700 11px/1.5 var(--mono);letter-spacing:.3px;text-transform:uppercase}
.learning-note p{margin:0}
.course-quiz{margin-top:24px;padding-top:18px;border-top:1px solid #e1e9ef}
.course-quiz h3{margin-top:0}
.course-quiz>details{margin:9px 0;padding:13px 15px;background:#f5f8fa;border:1px solid #e1e9ef;border-radius:9px}
.course-quiz summary{color:#20354e;font:600 13px/1.6 var(--sans);cursor:pointer}
.course-quiz ol{color:#596b80;font:13px/1.75 var(--sans)}
.course-answer{margin-top:10px;padding-top:10px;border-top:1px solid #e1e9ef}
.course-answer>p{margin-bottom:0}
.course-complete{display:flex;align-items:center;gap:9px;margin-top:20px;padding:12px 14px;background:#f4f7fa;border:1px solid #e1e9ef;border-radius:9px;color:#20354e;font:600 13px/1.5 var(--sans);cursor:pointer}
.course-complete input{width:17px;height:17px;accent-color:#168b98}
.learning-next{display:flex;flex-wrap:wrap;gap:14px 22px;padding:17px 3px}
.learning-next a{color:#147d91;font:700 13px/1.6 var(--sans);text-decoration:none}
.learning-next a:hover{text-decoration:underline}
.fieldbook-section{scroll-margin-top:28px}
.buildbook-section-intro{margin:0 0 20px;color:#596b80;font:14px/1.8 var(--sans)}
.buildbook-topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.buildbook-topic-index a{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;background:#f4f7fa;border:1px solid #e1e9ef;border-radius:8px;color:#20354e;font:12px/1.55 var(--sans);text-decoration:none}
.buildbook-topic-index a:hover{border-color:#168b98;color:#087f86}
.buildbook-topic-index span{color:#168b98;font:10px var(--mono)}
.buildbook-infographic{margin:18px 0 0;padding:18px 20px;background:#f4f7fa;border:1px solid #dfe7ee;border-radius:12px}
.buildbook-infographic figcaption{margin-bottom:15px;color:#596b80;font:12px/1.65 var(--sans)}
.buildbook-visual-label{margin:0 0 12px;color:#168b98;font:10px/1.5 var(--mono);letter-spacing:.55px}
.buildbook-lanes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.buildbook-lanes section{min-width:0;padding:16px;background:#fff;border:1px solid #dfe7ee;border-radius:10px}
.buildbook-lanes ol{display:grid;gap:8px;list-style:none;margin:0;padding:0;counter-reset:lane-step}
.buildbook-lanes li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;background:#f4f7fa;border-radius:7px;counter-increment:lane-step}
.buildbook-lanes li span,.buildbook-flow li>span{color:#168b98;font:10px var(--mono)}
.buildbook-lanes li strong{color:#20354e;font:600 12px/1.5 var(--sans)}
.buildbook-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;list-style:none;margin:0;padding:0}
.buildbook-flow li{position:relative;display:grid;align-content:start;gap:7px;min-width:0;min-height:110px;padding:15px;background:#fff;border:1px solid #dfe7ee;border-radius:9px}
.buildbook-flow li:not(:nth-child(3n))::after{content:'→';position:absolute;right:-10px;top:40px;z-index:1;color:#168b98;font:16px var(--sans)}
.buildbook-flow li strong{color:#20354e;font:700 13px/1.4 var(--sans)}
.buildbook-flow li small{color:#596b80;font:12px/1.6 var(--sans)}
.buildbook-visual-cards>div,.buildbook-metrics>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.buildbook-visual-cards article,.buildbook-metrics article{min-width:0;padding:15px;background:#fff;border:1px solid #dfe7ee;border-radius:9px}
.buildbook-visual-cards article>span{color:#168b98;font:9px/1.5 var(--mono);letter-spacing:.45px}
.buildbook-visual-cards h3,.buildbook-metrics h3{margin:7px 0;color:#20354e;font:700 16px/1.4 var(--display)}
.buildbook-visual-cards p,.buildbook-metrics p{margin:0;color:#596b80;font:12px/1.7 var(--sans)}
.buildbook-metrics article strong{display:block;margin-bottom:6px;color:#40536a;font:600 12px/1.55 var(--sans)}
.buildbook-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #dfe7ee;border-radius:9px;background:#fff}
.buildbook-table table{width:100%;min-width:660px;border-collapse:collapse}
.buildbook-table th,.buildbook-table td{padding:12px 14px;border-bottom:1px solid #e5ebf0;text-align:left;vertical-align:top;color:#596b80;font:12px/1.7 var(--sans)}
.buildbook-table thead th{background:#edf3f6;color:#20354e;font-weight:700}
.buildbook-table tbody th{color:#20354e;font-weight:700}
.buildbook-table tr:last-child th,.buildbook-table tr:last-child td{border-bottom:0}
.buildbook-checklists>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.buildbook-checklists section{padding:15px;background:#fff;border:1px solid #dfe7ee;border-radius:9px}
.buildbook-checklists h3{margin:0 0 8px;color:#20354e;font:700 15px/1.4 var(--display)}
.buildbook-checklists ul{display:grid;gap:7px;list-style:none;margin:0;padding:0}
.buildbook-checklists li{position:relative;padding-left:19px;color:#596b80;font:12px/1.65 var(--sans)}
.buildbook-checklists li::before{content:'✓';position:absolute;left:0;color:#168b98;font-weight:700}
.buildbook-glossary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.buildbook-glossary dl>div{padding:12px 14px;background:#fff;border:1px solid #dfe7ee;border-radius:8px}
.buildbook-glossary dt{color:#20354e;font:700 12px/1.5 var(--sans)}
.buildbook-glossary dd{margin:4px 0 0;color:#596b80;font:12px/1.65 var(--sans)}
.buildbook-notes{display:grid;gap:8px;margin:16px 0 0;padding-left:20px;color:#596b80;font:13px/1.7 var(--sans)}
html[data-theme="dark"] .learning-intro,html[data-theme="dark"] .learning-stage,html[data-theme="dark"] .learning-specialties{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}
html[data-theme="dark"] .learning-intro h2,html[data-theme="dark"] .learning-stage h2,html[data-theme="dark"] .learning-stage h3,html[data-theme="dark"] .learning-specialties h2,html[data-theme="dark"] .course-glossary dt,html[data-theme="dark"] .course-module-preview ol,html[data-theme="dark"] .course-quiz summary,html[data-theme="dark"] .course-complete{color:var(--theme-text)}
html[data-theme="dark"] .learning-intro p,html[data-theme="dark"] .learning-stage p,html[data-theme="dark"] .learning-stage li,html[data-theme="dark"] .learning-specialties p,html[data-theme="dark"] .learning-specialties li,html[data-theme="dark"] .course-module-preview>p:not(.stage-level),html[data-theme="dark"] .course-glossary dd,html[data-theme="dark"] .course-quiz ol{color:var(--theme-muted)}
html[data-theme="dark"] .course-module-preview,html[data-theme="dark"] .course-glossary>div,html[data-theme="dark"] .course-quiz>details,html[data-theme="dark"] .course-complete{background:var(--theme-surface-raised);border-color:var(--theme-border)}
html[data-theme="dark"] .course-flow li,html[data-theme="dark"] .learning-note{background:#142b39;border-color:#285064;color:#d9e8f2!important}
html[data-theme="dark"] .course-quiz,.course-answer{border-color:var(--theme-border)}
html[data-theme="dark"] .course-module-preview a,html[data-theme="dark"] .learning-next a{color:#73d7d2}
html[data-theme="dark"] .buildbook-topic-index a,html[data-theme="dark"] .buildbook-infographic{background:var(--theme-surface-raised);border-color:var(--theme-border);color:var(--theme-text)}
html[data-theme="dark"] .buildbook-infographic figcaption,html[data-theme="dark"] .buildbook-section-intro,html[data-theme="dark"] .buildbook-visual-cards p,html[data-theme="dark"] .buildbook-metrics p,html[data-theme="dark"] .buildbook-table th,html[data-theme="dark"] .buildbook-table td,html[data-theme="dark"] .buildbook-checklists li,html[data-theme="dark"] .buildbook-glossary dd,html[data-theme="dark"] .buildbook-notes{color:var(--theme-muted)}
html[data-theme="dark"] .buildbook-lanes section,html[data-theme="dark"] .buildbook-flow li,html[data-theme="dark"] .buildbook-visual-cards article,html[data-theme="dark"] .buildbook-metrics article,html[data-theme="dark"] .buildbook-table-scroll,html[data-theme="dark"] .buildbook-checklists section,html[data-theme="dark"] .buildbook-glossary dl>div{background:var(--theme-surface);border-color:var(--theme-border)}
html[data-theme="dark"] .buildbook-lanes li,html[data-theme="dark"] .buildbook-table thead th{background:#10243a}
html[data-theme="dark"] .buildbook-lanes li strong,html[data-theme="dark"] .buildbook-flow li strong,html[data-theme="dark"] .buildbook-visual-cards h3,html[data-theme="dark"] .buildbook-metrics h3,html[data-theme="dark"] .buildbook-metrics article strong,html[data-theme="dark"] .buildbook-table tbody th,html[data-theme="dark"] .buildbook-checklists h3,html[data-theme="dark"] .buildbook-glossary dt{color:var(--theme-text)}
html[data-theme="dark"] .buildbook-table th,html[data-theme="dark"] .buildbook-table td{border-color:var(--theme-border)}
@media(max-width:700px){.ai-learning-shell{padding:24px 7% 66px}.ai-learning-shell .breadcrumbs{margin-bottom:21px}.learning-hero{padding:27px 21px}.learning-hero h1{font-size:36px;letter-spacing:-1.1px}.learning-hero>p:not(.eyebrow){font-size:14px}.learning-intro,.learning-stage,.learning-specialties{padding:20px}.learning-stage{grid-template-columns:36px minmax(0,1fr);gap:12px}.stage-index{width:34px;height:34px;border-radius:9px;font-size:11px}.course-flow{display:grid;grid-template-columns:1fr}.course-flow li:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-12px;transform:translate(-50%,50%)}.learning-next{flex-direction:column}.buildbook-topic-index,.buildbook-lanes>div,.buildbook-visual-cards>div,.buildbook-metrics>div,.buildbook-checklists>div,.buildbook-glossary dl{grid-template-columns:1fr}.buildbook-flow ol{grid-template-columns:1fr}.buildbook-flow li{min-height:0}.buildbook-flow li:not(:nth-child(3n))::after{content:'↓';right:auto;left:50%;top:auto;bottom:-12px;transform:translate(50%,50%)}.buildbook-infographic{padding:14px}.buildbook-table{margin-right:-1px}}