@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root { --learn-ink:#131313; --learn-paper:#efeeec; --learn-muted:#818180; --learn-rule:#cbc8c5; --learn-accent:#ff4c24; --learn-accent-deep:#c43a1c; --learn-accent-soft:#f6c2b5; --learn-dark:#000000; --learn-max:1180px; }
.learning-page { background:var(--learn-paper); color:var(--learn-ink); font-family:Manrope,system-ui,sans-serif; user-select:text; -webkit-user-select:text; -moz-user-select:text; }.learning-page * { user-select:text; -webkit-user-select:text; -moz-user-select:text; }
.learning-page .page-transition { z-index:3000; }
.learning-header { height:72px; position:sticky; top:0; z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:0 150px 0 4vw; background:rgba(239,238,236,.94); border-bottom:1px solid var(--learn-rule); backdrop-filter:blur(14px); }
.sidebar-edge-toggle{position:fixed;z-index:1100;left:0;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:8px;padding:12px 8px 12px 5px;border:1px solid var(--learn-rule);border-left:0;background:var(--learn-paper);color:var(--learn-ink);font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;writing-mode:vertical-rl;box-shadow:3px 4px 12px rgba(24,35,45,.08)}.learning-page.learning-sidebar-collapsed .sidebar-edge-toggle{display:flex}.sidebar-edge-toggle b{font-size:18px;line-height:1;color:var(--learn-accent-deep);writing-mode:horizontal-tb}.sidebar-edge-toggle:hover,.sidebar-edge-toggle:focus-visible{background:var(--learn-ink);color:var(--learn-paper)}.sidebar-edge-toggle[aria-expanded="false"] b{transform:rotate(180deg)}
.learning-brand { color:var(--learn-ink); text-decoration:none; font:500 13px 'DM Mono',monospace; letter-spacing:.02em; }.learning-brand span{font-weight:500}.learning-brand b{color:var(--learn-muted);margin:0 5px;font-weight:400}.learning-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0;font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.learning-header-actions>*{flex:0 0 auto}.path-toggle{border:0;background:none;color:var(--learn-ink);font:inherit;cursor:pointer;padding:8px 0}.path-toggle:before{content:'☰';margin-right:8px;color:var(--learn-accent-deep)}.header-service-link{color:var(--learn-ink);text-decoration:none}.header-service-link span{color:var(--learn-accent-deep);font-size:14px}.theme-toggle{width:22px;height:22px;padding:0;border:1px solid var(--learn-ink);border-radius:50%;background:transparent;color:var(--learn-ink);cursor:pointer;display:grid;place-items:center}.theme-toggle span{display:block;width:8px;height:8px;border-radius:50%;background:var(--learn-ink)}.theme-toggle:hover{background:var(--learn-ink)}.theme-toggle:hover span{background:var(--learn-paper)}
.learning-page.theme-dark{--learn-ink:#f5f5f5;--learn-paper:#131313;--learn-muted:#a6a6a6;--learn-rule:#3a3a3a;--learn-accent:#ff6a47;--learn-accent-deep:#ff6a47;--learn-accent-soft:#633025;--learn-dark:#000000}.learning-page.theme-dark .learning-header,.learning-page.theme-dark .intro-section,.learning-page.theme-dark .field-notes-section,.learning-page.theme-dark .glossary-section,.learning-page.theme-dark .compare>div,.learning-page.theme-dark .check-grid span{background:#1f1f1f}.learning-page.theme-dark .learning-sidebar{background:#131313}.learning-page.theme-dark .path-link:hover,.learning-page.theme-dark .path-link.active{background:#2c2c2c}.learning-page.theme-dark .section-copy>p,.learning-page.theme-dark .three-up p,.learning-page.theme-dark .compare p,.learning-page.theme-dark .dig-deeper p,.learning-page.theme-dark .plain-list li,.learning-page.theme-dark .glossary-grid>details p{color:#c4c4c4}.learning-page.theme-dark .three-up>div{border-color:#f5f5f5}.learning-page.theme-dark .callout,.learning-page.theme-dark .lesson-box{background:#633025}.learning-page.theme-dark .callout p,.learning-page.theme-dark .lesson-box p{color:#f0dfdb!important}.learning-page.theme-dark .prompt-card{background:#000000}.learning-page.theme-dark .hero-copy{color:#cfcfcf}.learning-page.theme-dark .theme-toggle{border-color:var(--learn-ink)}.learning-page.theme-dark .theme-toggle span{background:var(--learn-ink)}
.route-steps{display:flex;align-items:center;gap:9px;margin-left:8px;font:500 10px 'DM Mono',monospace}.route-steps a{color:#f8fafc;text-decoration:none;border-bottom:1px solid transparent}.route-steps a:hover,.route-steps a:focus-visible{color:var(--learn-accent);border-bottom-color:var(--learn-accent)}.route-steps span{color:#8799a8}.learning-page.theme-dark .route-steps a{color:#f8fafc}.number-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:30px 0;padding:18px;background:#dfe8ef;font:500 11px 'DM Mono',monospace;color:#76502e}.number-flow span{padding:7px 9px;border:1px solid #aebfcd;background:#f8fafb}.number-flow b{font-weight:400;color:var(--learn-accent-deep)}.model-flow{flex-direction:column;flex-wrap:nowrap;gap:6px}.model-flow span{width:min(100%,220px);box-sizing:border-box;text-align:center}.model-flow b{line-height:1.1}.agent-flow{justify-content:flex-start;background:#e8eef3}.learning-page.theme-dark .number-flow{background:#263b4a;color:#f0b36c}.learning-page.theme-dark .number-flow span{background:#1b2a35;border-color:#536f83}.learning-page.theme-dark .agent-flow{background:#203542}
.learning-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 72px)}
.learning-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;padding:34px 20px 24px 20px;border-right:1px solid var(--learn-rule);transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .35s ease,padding .45s cubic-bezier(.22,.61,.36,1)}.learning-sidebar.is-collapsed{transform:translateX(-110%);opacity:0;pointer-events:none}.learning-page.learning-sidebar-collapsed .learning-layout{grid-template-columns:0 minmax(0,1fr)}
.learning-page.learning-sidebar-collapsed .learning-sidebar{pointer-events:none}.learning-page.learning-sidebar-collapsed .learning-sidebar{padding-left:0;padding-right:0;border:0;overflow:hidden}.sidebar-topline{display:flex;justify-content:flex-end;align-items:center;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--learn-muted)}.sidebar-close{display:block;border:0;background:none;font-size:22px;line-height:1;color:var(--learn-muted);cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.sidebar-close:hover,.sidebar-close:focus-visible{background:var(--learn-rule);color:var(--learn-ink)}.sidebar-intro{font-size:12px;line-height:1.55;color:var(--learn-muted);margin:15px 0 27px;max-width:185px}.learning-sidebar nav{font:500 11px 'DM Mono',monospace}.path-link,details summary{display:block;color:var(--learn-ink);text-decoration:none;cursor:pointer}.path-link{padding:8px 7px;margin:2px 0;border-left:2px solid transparent;line-height:1.35}.path-link:hover,.path-link.active{background:#dfe8ef;border-left-color:var(--learn-accent-deep)}.path-link>span,details summary span{color:var(--learn-muted);display:inline-block;width:29px;font-size:10px}.learning-sidebar details{margin:5px 0}.learning-sidebar summary{list-style:none;padding:8px 7px}.learning-sidebar summary::-webkit-details-marker{display:none}.learning-sidebar summary:after{content:'+';float:right;color:var(--learn-muted)}.learning-sidebar details[open] summary:after{content:'−'}.path-children{padding-left:29px}.path-children .path-link{font-size:10px;padding:7px}
.learning-main{min-width:0}.learning-hero{padding:105px clamp(28px,7vw,100px) 85px;background:var(--learn-dark);color:#f3f7fa;position:relative;overflow:hidden}.learning-hero:after{content:'01';position:absolute;right:6%;bottom:-48px;color:#2c2c2c;font:180px 'DM Mono',monospace;line-height:1}.section-kicker,.prompt-label,.field-tag{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em}.learning-hero h1{font-size:clamp(36px,5.2vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:600;max-width:720px;margin:0;position:relative;z-index:1}.learning-hero h1 em{color:var(--learn-accent);font-style:normal}.hero-copy{font-size:16px;line-height:1.7;color:#c4d0d9;max-width:575px;margin:30px 0 40px;position:relative;z-index:1}.hero-route{display:flex;align-items:center;gap:11px;font:10px 'DM Mono',monospace;color:#9eafbd;position:relative;z-index:1}.hero-route strong{color:#f8fafc;font-weight:400;margin-left:8px}.route-line{display:block;width:28px;height:1px;background:var(--learn-accent)}
.learning-section{display:grid;grid-template-columns:minmax(110px,22%) 1fr;gap:35px;padding:82px clamp(28px,7vw,100px);border-bottom:1px solid var(--learn-rule);scroll-margin-top:72px}.section-kicker{color:var(--learn-accent-deep);padding-top:7px}.section-copy{max-width:660px}.section-copy h2{font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.045em;margin:0 0 20px;font-weight:600}.section-copy>p{font-size:15px;line-height:1.78;color:#465661;margin:0 0 22px}.intro-section{background:#f8fafc}.intro-section h2{max-width:500px}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.three-up>div{border-top:2px solid var(--learn-ink);padding-top:15px}.three-up b{font:11px 'DM Mono',monospace;color:var(--learn-accent-deep)}.three-up h3{font-size:15px;margin:11px 0 7px}.three-up p{font-size:12px;line-height:1.55;color:var(--learn-muted);margin:0}.callout,.lesson-box{background:#f5e5d2;border-left:3px solid var(--learn-accent);padding:18px 20px;margin:28px 0}.callout span,.lesson-box strong{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--learn-accent-deep)}.callout p,.lesson-box p{margin:10px 0 0!important;font-size:14px!important;color:#33434e!important}.prompt-card{background:var(--learn-dark);color:#e7eee2;margin:30px 0;padding:18px 20px}.prompt-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.prompt-label{color:var(--learn-accent);margin-bottom:14px}.copy-prompt{border:1px solid #8a6a4e;background:transparent;color:#e7eee2;padding:7px 10px;font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.copy-prompt:hover,.copy-prompt:focus-visible{background:#c6d9e5;color:#172633;border-color:#f0b36c}.prompt-card pre{white-space:pre-wrap;overflow:auto;margin:0;font:13px/1.65 'DM Mono',monospace}.prompt-card code{user-select:text;-webkit-user-select:text}.next-link{display:inline-flex;align-items:center;gap:12px;color:var(--learn-ink);font:500 11px 'DM Mono',monospace;text-decoration:none;border-bottom:1px solid #9dabb6;padding-bottom:8px;margin-top:10px}.next-link span{color:var(--learn-accent-deep);font-size:16px}.dig-deeper{border-top:1px solid var(--learn-rule);border-bottom:1px solid var(--learn-rule);padding:16px 0;margin:26px 0}.dig-deeper summary{font:500 12px 'DM Mono',monospace;cursor:pointer}.dig-deeper p{font-size:14px;line-height:1.7;color:#53636e;margin:16px 0 0}.workflow-list{padding:0;margin:28px 0;list-style:none;counter-reset:steps}.workflow-list li{counter-increment:steps;border-top:1px solid var(--learn-rule);padding:16px 0 16px 43px;position:relative;font-size:14px;line-height:1.6;color:#4d5d68}.workflow-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:16px;color:var(--learn-accent-deep);font:11px 'DM Mono',monospace}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--learn-rule);margin:28px 0}.check-grid span{background:#f8fafc;padding:15px;font:11px 'DM Mono',monospace;text-transform:uppercase}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--learn-rule);margin:28px 0}.compare>div{background:#f8fafc;padding:20px}.compare strong{font:500 11px 'DM Mono',monospace;color:var(--learn-accent-deep);text-transform:uppercase}.compare p{font-size:13px;line-height:1.6;color:#53636e}.field-notes-section{background:#f8fafc}.field-tag{display:inline-block;background:var(--learn-accent);padding:7px 9px;color:#182b36;margin-bottom:20px}.plain-list{padding:0;margin:25px 0;list-style:none}.plain-list li{border-top:1px solid var(--learn-rule);padding:13px 0 13px 22px;font-size:13px;line-height:1.6;position:relative}.plain-list li:before{content:'+';position:absolute;left:0;color:var(--learn-accent-deep);font:14px 'DM Mono',monospace}.glossary-section{background:#f8fafc}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin:28px 0}.glossary-grid>details{border-top:1px solid var(--learn-rule);padding:0}.glossary-grid>details summary{font:500 12px 'DM Mono',monospace;color:var(--learn-accent-deep);cursor:pointer;padding:16px 20px 16px 0;position:relative}.glossary-grid>details summary:after{content:'+';position:absolute;right:4px;color:var(--learn-muted);font-size:15px}.glossary-grid>details[open] summary:after{content:'−'}.glossary-grid>details p{font-size:12px;line-height:1.6;color:#5d6d78;margin:0 28px 17px 0}.closing-note{border-top:1px solid var(--learn-rule);padding-top:22px;font:12px/1.6 'DM Mono',monospace;color:var(--learn-muted)!important}.learning-footer{padding:45px clamp(28px,7vw,100px);background:var(--learn-dark);color:#aeb7ab;display:flex;justify-content:space-between;gap:30px;align-items:center;font:11px/1.5 'DM Mono',monospace}.learning-footer p{margin:0}.learning-footer a{color:var(--learn-accent);text-decoration:none}.learning-backdrop{display:none}
.learning-page :focus-visible{outline:2px solid #426b8a;outline-offset:4px}html{scroll-behavior:smooth}.learning-section{transition:background-color .35s ease,box-shadow .7s ease}.learning-section.section-anchor-enter{animation:section-anchor-enter .7s cubic-bezier(.22,.61,.36,1) both}@keyframes section-anchor-enter{0%{opacity:.55;box-shadow:inset 0 3px 0 var(--learn-accent)}100%{opacity:1;box-shadow:inset 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.learning-section{transition:none}.learning-section.section-anchor-enter{animation:none}}@media(max-width:900px){.learning-layout{grid-template-columns:230px 1fr}.learning-sidebar{padding-left:24px}.learning-section{padding-left:40px;padding-right:40px}.learning-hero{padding-left:40px;padding-right:40px}}
@media(max-width:700px){.learning-header{height:64px;padding:0 128px 0 20px}.header-service-link{display:none}.learning-layout{display:block}.sidebar-edge-toggle{display:flex;font-size:9px;padding:10px 6px 10px 4px;gap:5px}.learning-page.sidebar-open .sidebar-edge-toggle{display:none}.learning-sidebar{position:fixed;z-index:2200;left:0;top:0;width:min(310px,88vw);height:100vh;background:var(--learn-paper);padding:25px 24px;transform:translateX(-105%);box-shadow:12px 0 35px rgba(0,0,0,.16)}.learning-sidebar.is-open{transform:translateX(0)}.learning-page.learning-sidebar-collapsed .sidebar-edge-toggle{display:flex}.learning-page.learning-sidebar-collapsed .learning-layout{display:block}.learning-page.learning-sidebar-collapsed .learning-sidebar{transform:translateX(-105%);opacity:1;pointer-events:auto;padding-left:25px;padding-right:24px;border-right:none;overflow-y:auto}.learning-page.learning-sidebar-collapsed .learning-sidebar.is-open{transform:translateX(0)}.learning-page.learning-sidebar-collapsed .learning-sidebar.is-collapsed{opacity:1;pointer-events:auto;transform:translateX(-105%)}.sidebar-close{display:block}.learning-backdrop{position:fixed;z-index:2100;inset:0;background:rgba(18,31,43,.58)}.learning-backdrop:not([hidden]){display:block}.learning-page.sidebar-open{overflow:hidden}.learning-section{display:block;padding:65px 24px;scroll-margin-top:64px}.section-kicker{margin-bottom:22px}.learning-hero{padding:75px 24px 65px}.learning-hero h1{font-size:clamp(38px,12vw,58px)}.hero-route{display:block;line-height:1.8}.route-steps{margin:4px 0 0 39px;flex-wrap:wrap}.hero-route strong{display:block;margin-left:39px}.three-up,.compare,.glossary-grid{grid-template-columns:1fr}.three-up>div{margin-top:17px}.check-grid{grid-template-columns:1fr 1fr}.learning-footer{display:block;padding:35px 24px}.learning-footer a{display:block;margin-top:18px}.path-toggle{font-size:10px}}
/* Root and services palette alignment */
.intro-section,.field-notes-section,.glossary-section{background:#efeeec}.compare>div,.check-grid span{background:#ffffff}.number-flow{background:#e3e1de;color:#c43a1c}.number-flow span{background:#ffffff;border-color:#cbc8c5}.agent-flow{background:#e3e1de}.callout,.lesson-box{background:#f6c2b5}.prompt-card{background:#000000}.field-tag{background:#ff4c24;color:#131313}.learning-footer{background:#000000}.section-copy>p,.workflow-list li{color:#2c2c2c}.three-up p,.compare p,.dig-deeper p,.plain-list li,.glossary-grid>details p{color:#818180}.next-link{border-color:#818180}.next-link span,.section-kicker,.compare strong,.glossary-grid>details summary{color:#c43a1c}.learning-page.theme-dark .intro-section,.learning-page.theme-dark .field-notes-section,.learning-page.theme-dark .glossary-section,.learning-page.theme-dark .compare>div,.learning-page.theme-dark .check-grid span{background:#1f1f1f}.learning-page.theme-dark .section-copy>p,.learning-page.theme-dark .workflow-list li,.learning-page.theme-dark .three-up p,.learning-page.theme-dark .compare p,.learning-page.theme-dark .dig-deeper p,.learning-page.theme-dark .plain-list li,.learning-page.theme-dark .glossary-grid>details p{color:#c4c4c4}.learning-page.theme-dark .number-flow,.learning-page.theme-dark .agent-flow{background:#292929}.learning-page.theme-dark .number-flow span{background:#1f1f1f;border-color:#4a4a4a}.learning-page.theme-dark .callout,.learning-page.theme-dark .lesson-box{background:#633025}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.learn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-radius:10px;font:600 12px Manrope,system-ui,sans-serif;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.learn-cta:hover,.learn-cta:focus-visible{transform:translateY(-1px)}.learn-cta--primary{background:var(--learn-accent);color:var(--learn-ink);box-shadow:0 5px 0 rgba(196,58,28,.18)}.learn-cta--primary:hover,.learn-cta--primary:focus-visible{background:var(--learn-accent-deep);color:#fff;box-shadow:0 7px 0 rgba(196,58,28,.22)}.learn-cta--ghost{background:transparent;border-color:var(--learn-rule);color:var(--learn-ink)}.learn-cta--ghost:hover,.learn-cta--ghost:focus-visible{background:var(--learn-ink);border-color:var(--learn-ink);color:var(--learn-paper)}.learn-cta--hero-ghost{border-color:rgba(255,255,255,.3);color:#f3f7fa}.learn-cta--hero-ghost:hover,.learn-cta--hero-ghost:focus-visible{background:#f3f7fa;border-color:#f3f7fa;color:#131313}.hero-ctas,.section-actions,.learning-cta-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-ctas{position:relative;z-index:1;margin:0 0 37px}.section-actions{margin-top:30px}.learning-cta-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:54px clamp(28px,7vw,100px);background:#000;color:#f3f7fa}.learning-cta-copy{max-width:520px}.learning-cta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:24px}.learning-cta-band h2{max-width:560px;margin:10px 0 10px;font-size:clamp(25px,3vw,40px);line-height:1.08;letter-spacing:-.045em}.learning-cta-band p{margin:0;color:#aeb7ab;font-size:14px;line-height:1.6}.learning-cta-band .section-kicker{color:var(--learn-accent)}.learning-cta-band .learn-cta--ghost{border-color:#555;color:#f3f7fa}.learning-cta-band .learn-cta--ghost:hover,.learning-cta-band .learn-cta--ghost:focus-visible{background:#f3f7fa;color:#131313}.learning-ecosystem-links{display:flex;gap:10px 18px;flex-wrap:wrap;justify-content:flex-end;font:11px 'DM Mono',monospace}.learning-ecosystem-links a{color:var(--learn-accent);text-decoration:none}.learning-ecosystem-links a:hover,.learning-ecosystem-links a:focus-visible{text-decoration:underline}..learning-cta-band .learning-cta-copy{flex:1 1 360px}.learning-cta-band .learning-cta-links{flex:0 0 auto}.learning-cta-band .learning-ecosystem-links{flex:1 1 100%}@media(max-width:700px){.learning-cta-band{display:block;padding:42px 24px}.learning-cta-actions{align-items:flex-start}.learning-cta-band .learning-cta-links{margin-top:25px}.learning-cta-band .learn-cta{width:100%}.learning-ecosystem-links{justify-content:flex-start;margin-top:25px}}

/* Keep the footer readable in the narrow content column beside the sidebar. */
.learning-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;padding:45px clamp(28px,7vw,100px)}
.learning-footer p,.learning-footer a{max-width:300px;margin:0}
.learning-footer a{justify-self:end}
@media(max-width:700px){.learning-footer{display:block;padding:35px 24px}.learning-footer p,.learning-footer a{max-width:none}.learning-footer a{margin-top:18px}}