/* The chapter guide shares Edda's colours, emblems and human characters.
   Each working artifact keeps its own composition and useful controls. */
:root{--ink:#19382d;--forest:#19382d;--teal:#1e5f57;--blue:#a7cfda;--lavender:#9c82bf;--gold:#fbaa02}
.guide-layout{padding-top:12px}.chapter{margin-bottom:124px}.chapter-heading{margin-bottom:32px;gap:36px;grid-template-columns:1.15fr 1fr}.chapter-heading h2{position:relative;padding-top:59px;letter-spacing:-.03em}.chapter-heading>p{padding-top:61px}.chapter-emblem{position:absolute;left:0;top:0;width:39px;height:39px;object-fit:contain}.guide-rail nav{border-left:0}.guide-rail nav a{padding:11px 0;gap:10px;align-items:center;transition:color .18s ease}.guide-rail nav a span{display:grid;place-items:center;flex:0 0 25px}.guide-rail nav img{width:22px;height:22px;opacity:.6;transition:opacity .18s ease,transform .18s ease}.guide-rail nav a.active img,.guide-rail nav a:hover img{opacity:1;transform:rotate(-7deg)}.guide-rail nav a.active:before{display:none}.rail-contact{padding-left:0}.artifact{border-radius:14px}.feature-lines>div{border-top-color:#b9c5b7}.feature-lines h3{font-size:18px}.feature-lines p{font-size:14px;line-height:1.6}
/* Knowledge grows in the green patterned field; the sources stay on paper. */
.knowledge-artifact{background:#1e5f57 url('assets/garden-pattern-teal.svg') center/cover;padding:30px 32px 28px}.process-tabs button{background:#d9ece8;color:#19382d}.process-tabs button:hover{background:#fff}.process-tabs button[aria-selected=true]{background:#fbaa02;color:#19382d}.knowledge-caption{color:#fff8e8;padding-top:27px}.knowledge-caption p{color:#f2f4e8}.knowledge-bridge{color:#fbaa02}.knowledge-ledger{transform:rotate(1.3deg)}.knowledge-mark{background:#a7cfda;color:#19382d}.live-dot{width:8px;height:8px;background:#fbaa02}.knowledge-canvas.expanded-stage{color:#19382d}.knowledge-canvas.expanded-stage .knowledge-caption{color:#fff8e8}.history-originals{color:#fff8e8}.history-timeline:before{background:#a7cfda}.timeline-node{border-color:#a7cfda}.history-person>span{background:#eef5ef}.history-person>span:nth-child(2){background:#fbaa02;color:#19382d}
/* A quiet blue architectural drawing gives the private server its own world. */
.server-artifact{background:#a7cfda;color:#19382d;padding:30px;min-height:490px}.architecture-title,.model-selector>span,.model-explanation{color:#19382d}.server-boundary{border:1px solid #4b807d;background:#c5e0e3;border-radius:10px}.server-unit>svg{color:#1e5f57}.server-services svg{color:#1e5f57}.server-services span{color:#375c50}.server-model{border-top-color:#81aaa3;color:#19382d}.external-model{background:#1e5f57;color:#fff8e8;min-height:177px}.external-model>span{color:#e5eee0}.model-route{color:#19382d}.route-line{background:#1e5f57}.model-route>svg{background:#a7cfda}.model-selector>div{background:#80aeb2}.model-selector button{color:#19382d}.model-selector [aria-pressed=true]{background:#19382d;color:#fff8e8}.server-artifact.is-local .server-model{background:#a7cfda;color:#19382d}.control-strip svg{color:#1e5f57}
/* A confident purple surround makes permission changes easy to locate. */
.access-artifact{background:#9c82bf;padding:34px 30px 26px}.access-window{border-radius:9px}.window-title{background:#eee8f6}.project-permission,.project-permission>div:first-child>span,.project-permission>p{color:#19382d}.project-permission>div:nth-child(2){background:#7f65a4}.project-permission button{color:#fff}.project-permission [aria-pressed=true]{color:#19382d;background:#fff8ed}
/* The assistant is a person in a workbench, and the brief stays the focal object. */
.assistant-artifact{background:#fbaa02;padding:32px 28px 24px}.assistant-workbench{grid-template-columns:1fr 1.4fr}.assistant-context{background:#edf0e2;padding-top:20px}.assistant-identity{display:flex;align-items:center;gap:10px;padding:0 2px 20px;margin-bottom:19px;border-bottom:1px solid #cbd3c0}.assistant-identity>img{width:54px;height:54px;object-fit:cover;border-radius:8px}.assistant-identity strong{font-size:14px;font-weight:600;display:block;line-height:1.3}.assistant-identity span{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:#4b604b}.assistant-paper h3{margin-top:5px}.brief-outline .is-highlighted{background:#fff0c8}.workspace-boundary{color:#19382d}
/* Method is a clear runbook. Its people appear with the specialist-work detail. */
.workflow-artifact{background:#e2e9d9;padding:29px}.workflow-top h3{font-size:26px}.runbook-track>button[aria-selected=true]{background:#1e5f57}.runbook-track>button{background:#eef0e7}.runbook-track>button:nth-of-type(2)>svg{color:#775597}.runbook-track>button:nth-of-type(3)>svg{color:#a96600}.runbook-track>button[aria-selected=true]>svg{color:#fff}.specialist-feature{position:relative;padding-right:115px}.specialist-portraits{position:absolute;right:0;top:15px;display:flex;align-items:center;padding-left:12px}.specialist-portraits img{width:43px;height:43px;object-fit:cover;border:3px solid var(--paper);border-radius:50%;margin-left:-12px}.specialist-portraits img:nth-child(2){transform:translateY(13px)}.specialist-portraits img:nth-child(3){transform:translateY(2px)}
/* Setup resolves into the garden instead of another product panel. */
.setup-route{gap:37px 36px;padding-top:28px}.setup-route>div{grid-template-columns:32px 1fr;gap:6px 12px}.setup-route>div>span{color:#1e5f57;font-size:27px;line-height:1.1}.guide-close{background:#19382d;color:#fff8e8;padding:43px 38px 0;border:0;border-radius:14px;overflow:hidden;gap:32px;margin-bottom:70px}.guide-close h2{font-size:47px;letter-spacing:-.03em}.guide-close p{color:#e0eadb}.guide-close .button{background:#fbaa02;color:#19382d}.guide-close .button:hover{background:#ffd371}.close-garden{grid-column:1/-1;margin:8px -38px 0;overflow:hidden;height:230px}.close-garden img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(min-width:1500px){.chapter-heading h2{font-size:40px}}
@media(max-width:1100px){.chapter-heading{gap:25px}.chapter-heading h2{font-size:33px}.knowledge-artifact{padding:26px 23px}.server-artifact{padding:24px}.access-artifact{padding:28px 22px}.assistant-artifact{padding:27px 22px 23px}.assistant-workbench{grid-template-columns:1fr 1.25fr}.assistant-identity{gap:8px;align-items:start}.assistant-identity>img{width:43px;height:43px}.assistant-identity strong{font-size:13px}.assistant-identity span{font-size:12px}.workflow-artifact{padding:25px 22px}.specialist-feature{padding-right:0}.specialist-portraits{position:static;padding-left:10px;margin-bottom:24px}.specialist-feature h3{clear:both}.guide-close{padding:35px 29px 0;gap:24px}.guide-close h2{font-size:41px}.close-garden{margin-inline:-29px;height:205px}}
@media(max-width:800px){.guide-layout{padding-top:0}.chapter{margin-bottom:86px}.guide-rail nav{gap:25px}.guide-rail nav a{gap:8px;padding-block:14px}.guide-rail nav a span{flex-basis:20px}.guide-rail nav img{width:20px;height:20px}.guide-rail nav a.active{color:#1e5f57}.guide-rail nav a.active:before{display:block}.chapter-heading h2{padding-top:53px}.chapter-heading>p{padding-top:55px}.chapter-emblem{width:35px;height:35px}.assistant-workbench{grid-template-columns:1fr 1.4fr}.specialist-feature{padding-right:115px}.specialist-portraits{position:absolute;padding-left:12px;margin-bottom:0}.guide-close{margin-bottom:55px}.close-garden{height:225px}}
@media(max-width:600px){.chapter-heading{margin-bottom:24px}.chapter-heading h2{font-size:32px;padding-top:50px}.chapter-heading>p{padding-top:0;margin-top:17px;line-height:1.6}.chapter-emblem{width:34px;height:34px}.chapter{margin-bottom:70px}.guide-rail nav{gap:22px}.guide-rail nav a{padding-block:13px;min-height:54px}.guide-rail nav a span{flex-basis:18px}.guide-rail nav img{width:18px;height:18px}.knowledge-artifact{padding:17px 16px 22px}.knowledge-caption{border-top-color:#91b5a7}.knowledge-ledger{transform:rotate(1deg)}.knowledge-canvas.expanded-stage .knowledge-caption{color:#fff8e8}.history-person>span:nth-child(2){background:#fbaa02;color:#19382d}.server-artifact{padding:20px;min-height:0}.model-route>[data-route-label]{background:#a7cfda}.access-artifact{padding:18px 13px 22px}.assistant-artifact{padding:19px 14px 21px}.assistant-context{padding-top:16px}.assistant-identity{grid-column:1/-1;align-items:center;gap:12px;padding:0 4px 16px;margin-bottom:8px}.assistant-identity>img{width:50px;height:50px}.assistant-identity strong{font-size:15px}.assistant-identity span{font-size:12px}.assistant-context h3{margin-top:3px}.assistant-paper h3{margin-top:0}.workflow-artifact{padding:20px 14px}.workflow-top h3{font-size:24px}.specialist-feature{padding-right:0}.specialist-portraits{position:static;margin:2px 0 27px;padding-left:11px}.feature-lines h3{font-size:18px}.setup-route>div{margin-bottom:30px}.guide-close{padding:31px 24px 0;margin-bottom:45px}.guide-close h2{font-size:40px}.guide-close p{margin-top:20px}.guide-close>div:not(.close-garden){padding-bottom:0}.close-garden{margin:29px -24px 0;height:200px}.close-garden img{width:145%;max-width:none;transform:translateX(-15%);object-position:center}.guide-close .button{width:100%}}
@media(prefers-reduced-motion:reduce){.guide-rail nav img,.guide-rail nav a{transition:none}}
.server-unit>span{color:#19382d}
.project-permission,.project-permission>div:first-child>span,.project-permission>p,.project-permission [aria-pressed=true]{color:#19281f}.window-title>span{color:#4f6049}.runbook-track>button span{color:#4f6049}
.guide-close{scroll-margin-top:42px}@media(max-width:800px){.guide-close{scroll-margin-top:85px}}@media(max-width:600px){.close-garden img{width:100%;max-width:none;transform:none;object-fit:cover;object-position:right center}}
@media(min-width:1101px){.server-artifact{grid-template-columns:minmax(0,1fr) 100px 170px}.model-route>[data-route-label]{width:90px}}
@media(min-width:601px) and (max-width:1100px){.server-artifact{grid-template-columns:minmax(0,1fr) 80px 135px}.model-route>[data-route-label]{width:74px}}
/* Example source and decision: readable foreground within the patterned field. */
.example-meta{margin-top:15px;font-size:12px;line-height:1.5;color:#53655b}.example-passage{font-size:15px;line-height:1.55;margin-top:18px}.example-passage mark{background:#f7df8d;color:inherit;padding:1px 3px}.source-inspection{max-width:560px;margin:auto}.source-inspection button{margin-top:18px;background:none;border:0;text-decoration:underline;font-size:13px}@media(prefers-reduced-motion:reduce){.knowledge-canvas.has-changed .record-schema,.knowledge-canvas.has-changed .knowledge-ledger{animation:none}}
.server-unit img{width:96px;height:96px;filter:drop-shadow(0 8px 14px #0c281e66)}.server-artifact{background-image:url('assets/garden-pattern-teal.svg');background-size:350px;background-blend-mode:soft-light}.access-artifact{background-image:radial-gradient(circle at 12% 12%,#f0bd52 0 4px,transparent 5px),radial-gradient(circle at 88% 78%,#b8cfa2 0 6px,transparent 7px);background-size:74px 74px,110px 110px}.server-boundary{background:#203b30dd}.server-unit{min-width:0}.model-route span[data-route-label]{font-size:11px;line-height:1.3}.access-result p{line-height:1.5}@media(max-width:600px){.server-unit img{width:50px;height:50px}}
.assistant-artifact{background-image:radial-gradient(ellipse at 9% 19%,#a9c8d888 0 5px,transparent 6px),radial-gradient(ellipse at 88% 76%,#d7c0e599 0 8px,transparent 9px);background-size:80px 72px,135px 122px}.workflow-artifact{background-image:url('assets/product-hero-contours.svg');background-size:cover}.phone-continuation{position:relative;width:min(270px,80%);margin:24px 20px 24px auto;background:#203b30;border-radius:24px;padding:12px;color:#fff;box-shadow:0 16px 32px #19382d33}.phone-continuation>span{display:block;font-size:11px;padding:5px 8px 10px}.phone-continuation>div{border-radius:14px;background:#f9faf4;color:#203b30;padding:15px}.phone-continuation strong{font-size:11px;color:#4b7865}.phone-continuation p{font-size:13px;line-height:1.45;margin:5px 0 14px}.phone-continuation p:last-child{margin-bottom:0}.setup-result{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;padding:25px;background:#e6ece0;border-radius:12px}.setup-result div{display:grid;gap:8px}.setup-result strong{font-size:15px}.setup-result span{font-size:14px;line-height:1.5}@media(max-width:600px){.phone-continuation{margin:20px auto}.setup-result{grid-template-columns:1fr}}
.server-boundary .server-unit>span,.server-boundary .server-services strong,.server-boundary .server-model{color:#fff}.server-boundary .server-services span{color:#d5e7d9}.server-boundary .server-services svg{color:#d5e7d9}.server-artifact.is-local .server-model{color:#19382d}
.demo-run{border:1px solid #19382d;background:#fff;color:#19382d;padding:8px 13px;border-radius:6px;min-height:44px;font-size:13px}.demo-status{font-size:13px;margin:8px 0 14px}.task-packet{position:absolute;width:14px;height:14px;border-radius:50%;background:#fbaa02;color:transparent;left:0;top:50%;z-index:3;opacity:0;box-shadow:0 3px 8px #0003}@media(prefers-reduced-motion:reduce){.task-packet,.knowledge-canvas.has-changed .extract-source mark,.knowledge-canvas.has-changed .extract-arrow,.knowledge-canvas.has-changed .record-schema{animation:none!important}}
/* Two cropped, oversized emblems give the assistant stage its own organic field. */
.assistant-artifact{isolation:isolate;background-image:none}.assistant-artifact::before,.assistant-artifact::after{content:'';position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:contain;opacity:.24}.assistant-artifact::before{width:310px;height:310px;left:-125px;top:12%;background-image:url('assets/emblem-4.svg');transform:rotate(-24deg)}.assistant-artifact::after{width:360px;height:360px;right:-145px;bottom:-90px;background-image:url('assets/emblem-2.svg');transform:rotate(18deg)}
@media(min-width:701px) and (max-width:800px){.guide-rail{top:82px}.chapter{scroll-margin-top:140px}}
.server-model{position:relative;overflow:hidden}.local-packet{position:absolute;top:50%;left:12px;width:12px;height:12px;border-radius:50%;background:#fbaa02;opacity:0}@media(prefers-reduced-motion:reduce){.local-packet{animation:none!important}}
/* Reviewed chapter repairs: route geometry, transfer contrast, and composed stages. */
.server-artifact .model-route>span.task-packet{position:absolute;left:0;top:50%;bottom:auto;width:14px;height:14px;padding:0;border-radius:50%;background:#fbaa02;color:transparent;z-index:3;opacity:0;box-shadow:0 3px 8px #0003}

.extract-arrow{color:#ffce58}.extract-arrow svg{width:26px;height:26px;stroke-width:2.2}.knowledge-canvas.has-changed .extract-arrow{animation:none}
.access-artifact{isolation:isolate;background-image:none}.access-artifact::before,.access-artifact::after{content:'';position:absolute;z-index:-1;pointer-events:none;background-size:contain;background-repeat:no-repeat;opacity:.24}.access-artifact::before{width:290px;height:290px;top:-95px;left:-108px;background-image:url('assets/emblem-1.svg');transform:rotate(-22deg)}.access-artifact::after{width:350px;height:350px;right:-165px;top:120px;background-image:url('assets/emblem-4.svg');transform:rotate(18deg)}.project-permission{position:relative;background:#ded2eb;border-radius:9px;padding:18px;color:#19382d}
.workbench-scene{display:grid;grid-template-columns:minmax(0,.85fr) minmax(105px,.45fr) minmax(0,1.15fr);gap:16px;align-items:center;margin-top:20px;padding:22px;background:#24493b;border-radius:10px}.work-source,.work-report{min-width:0;background:#fffdf5;border-radius:6px;padding:17px;box-shadow:0 12px 24px #132e2540}.work-source{transform:rotate(-2deg)}.work-label,.report-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.06em;color:#5b7368}.work-source>strong{display:block;margin-top:16px;font-size:14px}.work-source p{font-size:13px;line-height:1.5;margin-top:10px}.work-source mark{background:#f8dd8b;color:inherit}.work-source small{display:block;margin-top:14px;font-size:11px;color:#5b7368}.work-operation{color:#edf5e8;text-align:center;font-size:12px}.work-operation strong{display:block;margin-top:8px}.work-operation p{line-height:1.45;margin-top:6px}.work-operation-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#fbaa02}.work-report{transform:rotate(1deg)}.work-report h5{font:400 25px/1.15 var(--serif);margin:12px 0}.report-section{border-top:1px solid #dfe5dc;padding:10px 0}.report-section strong{font-size:11px;color:#4c7060}.report-section p{font-size:13px;line-height:1.45;margin-top:4px}.report-sources{font-size:11px;line-height:1.4;color:#4c7060;border-top:1px solid #dfe5dc;padding-top:9px}.report-status{display:inline-block;margin-top:12px;padding:4px 7px;border-radius:4px;background:#f8e4a9;color:#513e12;font-size:11px}.work-handoff{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.handoff-person{display:flex;align-items:center;gap:8px}.handoff-person img{width:42px;height:42px;object-fit:cover;border-radius:50%}.handoff-person span{display:grid}.handoff-person strong{font-size:13px}.handoff-person small{font-size:11px;color:#53655b}.work-handoff>svg{width:18px;color:#0f6464}.work-handoff>p{font-size:12px;color:#425c4e;margin-left:auto}.runbook-detail[data-stage="tools"] .work-operation-dot,.runbook-detail[data-stage="output"] .work-operation-dot{box-shadow:0 0 0 5px #fbaa0244}
.setup-result{align-items:start;background:#e6ece0;padding:24px;gap:20px}.setup-config,.setup-walkthrough{background:#fff;border-radius:8px;padding:18px;box-shadow:0 8px 20px #19382d14}.setup-card-head{display:grid;gap:5px;padding-bottom:12px;border-bottom:1px solid #d6ddd7}.setup-card-head>span{font-size:10px;letter-spacing:.07em;color:#536058}.setup-card-head>strong{font-size:17px}.setup-config-row{display:flex!important;align-items:center;gap:10px!important;padding:11px 0;border-bottom:1px solid #edf0ea}.setup-config-row>svg,.setup-config-row>img{width:25px;height:25px;flex:none}.setup-config-row>img{object-fit:cover;border-radius:50%}.setup-config-row>span{display:grid;font-size:13px!important;line-height:1.3!important}.setup-config-row small{font-size:11px;color:#536058;margin-top:3px}.setup-config-row .setup-check{margin-left:auto;width:15px;height:15px;color:#0f6464}.setup-people{display:flex!important;align-items:center;gap:0!important;margin:15px 0}.setup-people img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid white}.setup-people img+img{margin-left:-7px}.setup-people span{font-size:11px!important;margin-left:8px}.setup-question{background:#f1f5ee;padding:13px;border-radius:6px}.setup-question strong{display:block;font-size:11px;color:#0f6464}.setup-question p{font-size:13px;line-height:1.4;margin:4px 0 10px}.setup-question span{display:flex!important;align-items:center;gap:5px;font-size:11px!important;color:#0f6464}.setup-question svg{width:14px;height:14px}
@media(max-width:600px){.server-artifact .model-route>span.task-packet{position:absolute;left:50%;top:0;bottom:auto;width:14px;height:14px;padding:0;background:#fbaa02}.workbench-scene{grid-template-columns:1fr;gap:12px;padding:16px}.work-source{width:92%}.work-operation{display:flex;align-items:center;gap:8px;text-align:left;padding:0 4px}.work-operation strong,.work-operation p{margin:0}.work-operation p{flex:1}.work-report{width:94%;margin-left:auto}.work-handoff>p{flex-basis:100%;margin-left:0}.setup-result{padding:16px}.project-permission{padding:14px}}
@media(prefers-reduced-motion:reduce){.server-artifact.has-changed:not(.is-local) .model-route>span.task-packet,.knowledge-canvas.has-changed .extract-arrow svg,.runbook-detail[data-stage="tools"] .work-report,.runbook-detail[data-stage="output"] .work-report{animation:none}}
/* Route annotation stays readable above the route on both axes. */
.server-artifact .model-route>span[data-route-label]{background:#d9edf0;color:#19382d}