/* V8: one discussion, clear connections and contained research. */
html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}
.chapter-nav a{transition:border-color .16s;box-shadow:0 1px 0 #17344706}.chapter-nav a:hover{background:#ebf2ef}.chapter-nav a[aria-current=step]{box-shadow:inset 0 -3px 0 #b69a61;background:#1f4e3d}
.guide-bottom{box-shadow:0 -5px 24px #17344708}.journey-progress{height:3px;background:#e4ebe8}.journey-progress span{display:block;width:14.285%;height:100%;background:#607f6c;transition:width .24s ease}
.guide-chapter.journey-enter{animation:journey-enter .2s ease-out}@keyframes journey-enter{from{opacity:.96;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.branch-row>p{letter-spacing:.015em}.branch-links button,.branch-links a{box-shadow:0 2px 0 #17344704;transition:background-color .16s,border-color .16s}.branch-links button:hover,.branch-links a:hover{border-color:#315f74;background:#edf3f0}
.package-choice-grid button>span{width:42px;min-width:42px;height:42px;border:1px solid #b9ccc4;border-radius:50%;display:grid;place-items:center;font-size:23px;background:#f1f6f4}.package-choice-grid button[aria-pressed=true]>span{background:#1f4e3d;color:#ffffff;border-color:#173447}.package-choice-grid button{transition:background .16s,border-color .16s}.selected-package{border-top:3px solid #6d8b7f;background:linear-gradient(115deg,#f0f5f3,#ffffff);box-shadow:0 8px 24px #17344704}
/* Keep the drawing and its explanation in the same field of view. */
.trace-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;align-items:start}.trace-canvas{min-width:0}.trace-inspector{position:sticky;top:18px;align-self:start;border:1px solid #bbcbc4;border-top:3px solid #779588;background:#f1f6f4;padding:18px 18px 12px;border-radius:3px;box-shadow:0 7px 25px #17344705}.trace-inspector .inspector-label{font-size:16px;font-weight:700;color:#345e58;letter-spacing:.015em;margin:0 0 14px}.trace-inspector .connection-bar{gap:8px;margin:0 0 18px}.trace-inspector .connection-bar button{padding:8px 12px;min-width:42px;min-height:44px}.trace-inspector .connection-bar button:first-child{flex-basis:100%;text-align:left}.trace-inspector .connection-description{margin:0;padding:16px 0 6px;border:0;border-top:1px solid #c0d3cb;background:transparent}.trace-inspector .connection-description h3{font-size:23px;line-height:1.35;margin-bottom:12px}.trace-inspector .connection-description p{font-size:18px;line-height:1.6}.trace-inspector .connection-description .connection-kind{font-size:15px;margin-bottom:10px}.trace-inspector .route-explanation-link{font-size:16px;line-height:1.55;margin:18px 0 10px}.inspector-hint{font-size:15px;line-height:1.55;color:#48655e;border-top:1px solid #c7d6cf;padding-top:14px;margin:8px 0}.trace-canvas .guide-diagram{padding:8px;border:1px solid #c6d4ce;box-shadow:0 8px 25px #17344704;background:#ffffff}.route-picker-bar{align-items:center}.route-picker-bar>div:first-child{display:flex;align-items:center;gap:16px}.route-picker-bar label{margin:0;font-size:16px;white-space:nowrap}.route-picker-bar select{width:360px}.guide-diagram-note{max-width:1000px}
.diagram-flow path,.diagram-flow circle,.diagram-flow text,.diagram-actor circle{transition:stroke .16s,fill .16s,stroke-width .16s}.diagram-flow.flow-active{filter:none!important}.diagram-flow .connection-badge{pointer-events:all;cursor:pointer}.diagram-flow .connection-badge circle{fill:#ffffff;stroke:#476e7d}.diagram-flow .connection-badge text{fill:#214f64}.diagram-flow.flow-active .connection-badge circle{fill:#8b6128!important;stroke:#8b6128!important}.diagram-flow.flow-active .connection-badge text{fill:#ffffff!important}.diagram-flow:hover .connection-badge circle{stroke:#8b6128}.diagram-actor.actor-active>circle:first-of-type{stroke:#8b6128!important;stroke-width:2.6!important;fill:#f1f8f5!important}
/* Enlarged diagrams use the same persistent explanation, without a tall overlay. */
.diagram-dialog[data-guided] .dialog-canvas{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.diagram-dialog[data-guided] .dialog-canvas>.guide-diagram{grid-column:1;grid-row:1;min-width:0;padding:8px}.diagram-dialog[data-guided] .expanded-controls{grid-column:2;grid-row:1;position:sticky;top:0;padding:0;background:#f0f5f3;border:1px solid #bbcbc4;border-top:3px solid #779588;border-radius:3px;padding:17px}.expanded-controls .connection-bar button:first-child{flex-basis:100%}.expanded-controls .connection-description{padding:15px 0 0;margin:0;border:0;border-top:1px solid #c0d3cb;background:transparent}.expanded-controls .connection-description p{font-size:18px}.expanded-controls .connection-description h3{font-size:23px}.expanded-controls .connection-kind{font-size:15px}
/* Full-source reading stays in the discussion, with its own navigation. */
.reading-dialog{width:min(1380px,96vw);height:94dvh;max-height:1100px;overflow:hidden}.reading-dialog[open]{display:flex;flex-direction:column}.reading-head{background:#ebf2ef;border-bottom:1px solid #bbccc5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 25px;flex:none}.reading-context{font-size:15px;font-weight:600;color:#486a5d;margin:0 0 6px}.reading-head h2{font-size:27px;line-height:1.2;margin:0}.reading-actions{display:flex;align-items:center;gap:17px;flex:none}.reading-actions a{font-size:16px;color:#24556b}.reading-actions button{font-size:16px;font-weight:600;min-height:46px;padding:10px 16px;border:1px solid #315f74;background:#1f4e3d;color:#ffffff;border-radius:3px;cursor:pointer}.reading-dialog iframe{border:0;width:100%;flex:1;min-height:0;background:#ffffff}.reading-dialog #reading-loading{font-size:17px;margin:0;padding:14px 25px;background:#ffffff}.reading-dialog #reading-loading[hidden]{display:none}
.reader-mode{scroll-padding-top:0!important;background:#ffffff}.reader-mode body{background:#ffffff}.reader-mode body>header,.reader-mode body>.notice,.reader-mode body>.site-footer,.reader-mode .source-return,.reader-mode .walkthrough-entry,.reader-mode .skip{display:none!important}.reader-mode .page-intro{padding-top:34px;padding-bottom:32px}.reader-mode .wrap{max-width:1120px}.reader-mode .is-target{outline:none!important;background:#ebf2ef;box-shadow:-5px 0 0 #7c9f91;padding-left:14px}.reader-mode [id]{scroll-margin-top:0}.reader-mode .rich{max-width:960px}.reader-mode .hero{padding-top:35px;padding-bottom:35px}
.office-role-art{width:86px;height:86px;display:block;margin:0 0 14px}.office-actions article{border-top:0;border-bottom:1px solid #b9ccbc;padding-top:12px;padding-bottom:24px}.office-actions .office-abbr{font-size:16px;color:#476a5c}.guide-requirements article{border-radius:3px;background:linear-gradient(130deg,#f0f5f3,#ffffff);box-shadow:0 5px 20px #17344704}.net-result{background:#e7eeeb;border-left-color:#607f6c}
@media(max-width:1100px){.trace-layout{grid-template-columns:1fr}.trace-inspector{position:static;grid-row:1}.trace-inspector .connection-bar button:first-child{flex-basis:auto}.trace-inspector .connection-description{padding-top:14px}.trace-inspector .inspector-hint{display:none}.trace-inspector .route-explanation-link{margin-bottom:0}.route-picker-bar>div:first-child{display:block}.route-picker-bar label{margin-bottom:9px}.diagram-dialog[data-guided] .dialog-canvas{display:block}.diagram-dialog[data-guided] .expanded-controls{position:static;margin-bottom:18px}.expanded-controls .connection-bar button:first-child{flex-basis:auto}.reading-head{align-items:start}.reading-head h2{font-size:25px}.reading-actions{flex-direction:column;align-items:flex-end;gap:9px}}
@media(max-width:800px){.route-picker-bar select{width:100%}.route-picker-bar>div:first-child{display:block}.trace-layout{gap:16px}.trace-inspector{padding:15px}.trace-inspector .connection-bar{gap:7px}.trace-inspector .connection-description h3{font-size:22px}.trace-canvas .guide-diagram{padding:7px 2px}.reading-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.reading-head{padding:14px 17px;display:block}.reading-head h2{font-size:24px}.reading-context{font-size:14px}.reading-actions{flex-direction:row;align-items:center;justify-content:space-between;margin-top:15px;gap:12px}.reading-actions a{font-size:15px}.reading-actions button{font-size:15px;min-height:44px;padding:9px 12px}.reader-mode .page-intro{padding-top:25px;padding-bottom:25px}.reader-mode .wrap{padding-left:22px;padding-right:22px}.reader-mode h1{font-size:36px}.package-choice-grid button>span{width:34px;min-width:34px;height:34px;font-size:21px}.office-role-art{width:76px;height:76px}.journey-progress{height:3px}}
@media(prefers-reduced-motion:reduce){.guide-chapter.journey-enter{animation:none}.journey-progress span,.chapter-nav a,.diagram-flow path,.diagram-flow circle,.diagram-flow text,.diagram-actor circle{transition:none}}
@media print{.trace-layout,.diagram-dialog[data-guided] .dialog-canvas{display:block}.trace-inspector{position:static;break-inside:avoid;margin-bottom:20px}.trace-canvas{margin-bottom:20px}.journey-progress,.reading-dialog{display:none!important}.guide-chapter.journey-enter{animation:none}}

.reading-actions #reading-back{background:transparent;border-color:#a6bbb2;color:#24556b;font-weight:500}.reading-actions #reading-back:disabled{opacity:.45;cursor:default}.diagram-actor.actor-active .actor-disc{fill:#f1f8f5!important;stroke:#8b6128!important;stroke-width:2.5!important}.diagram-actor.actor-active .actor-rim{fill:#eee4ce!important;stroke:#d7c39b!important}
@media(max-width:800px){.reading-actions{flex-wrap:wrap}.reading-actions #reading-back{order:2;min-height:40px}.reading-actions #reading-fullpage{order:3}.reading-actions #reading-close{order:1;width:100%;margin-bottom:3px}}

/* Carry the same legibility into the existing current-system explainer. */
.money .edge-label{font-size:16px;line-height:1.5}.money .node-note{font-size:16px;line-height:1.5}.money .node-name{font-size:19px;line-height:1.35}.money .flow-sources,.money .flow-sources a{font-size:16px;line-height:1.6}.money .flow-caption{font-size:18px;line-height:1.65}.money .flow-block{border-top:2px solid #91a89e;box-shadow:0 4px 18px #17344704;padding:22px}.money .flow-block h3{font-family:"Source Serif 4",Georgia,serif;font-size:25px;line-height:1.25}.money .node{border-width:1.5px;border-color:#6d8990;border-radius:4px;background:#ffffff;box-shadow:0 3px 12px #17344705}.money .node-center{background:#ecf3f0;border-color:#567865}@media(max-width:800px){.money .flow-block{padding:18px}.money .flow-block h3{font-size:24px}}

/* Retained wording; visual hierarchy and schematic illustration only. */
.route-framework.v8-framework{margin:22px 0;background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,#f1f6f4 100%);border:1px solid #c7d2cd;border-radius:5px;padding:26px;overflow:hidden}
.v8-framework>figcaption{font-size:14px;letter-spacing:.09em;margin:0 0 20px;color:#466c66}
.v8-framework .framework-tracks{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding-bottom:37px;position:relative}
.v8-framework .framework-track{position:relative;padding:22px 24px 22px;background:#eff4f2;border-top:2px solid #608675;border-radius:2px;min-width:0}
.v8-framework .framework-track:nth-child(2){border-top-color:#a28c5c;background:#eef4f1}
.v8-framework .framework-illustration{float:right;display:block;width:100px;height:81px;margin:-9px -7px 7px 14px;object-fit:contain}
.v8-framework .framework-label{font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#476d61;display:block;margin:0 0 9px}
.v8-framework .framework-track h3{font:600 27px/1.2 "Source Serif 4",Georgia,serif;max-width:360px;margin:0 0 14px;color:#1b1f22}
.v8-framework .framework-track p{font-size:18px;line-height:1.6;margin:0;clear:both;color:#294653}
.v8-framework .framework-track:after{content:"";position:absolute;bottom:-38px;height:37px;width:calc(50% + 22px);border:1.5px solid #6d8b7e;border-top:0;pointer-events:none}
.v8-framework .framework-track:first-child:after{left:50%;border-right:0;border-bottom-left-radius:16px}
.v8-framework .framework-track:nth-child(2):after{left:auto;right:50%;border-left:0;border-bottom-right-radius:16px;border-color:#9d8b63}
.v8-framework .framework-converge{position:relative;max-width:780px;display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 22px;padding:16px 23px;background:#1f4e3d;border-radius:3px;font-size:19px;line-height:1.45;font-weight:500;text-align:left;color:#ffffff}
.v8-framework .framework-converge:before,.v8-framework .framework-converge:after{content:none}
.framework-junction{flex:none;position:relative;display:block;width:30px;height:30px}
.framework-junction>span{position:absolute;width:18px;height:18px;top:6px;border:1.5px solid #cfddd7;transform:rotate(45deg);border-radius:2px}
.framework-junction>span:first-child{left:0}.framework-junction>span:nth-child(2){right:0;border-color:#d4bf91}
.v8-framework .framework-result{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:0;background:none;border:0}
.v8-framework .framework-result>div{border-top:1px solid #b9cbbd;padding:18px 0 0;position:relative}
.v8-framework .framework-result h3{font:600 24px/1.25 "Source Serif 4",Georgia,serif;margin:0 0 10px;color:#1b1f22}
.v8-framework .framework-result p{font-size:18px;line-height:1.6;margin:0;color:#294653}
.v8-framework .framework-designation{padding:16px 20px;margin:23px 0 0;background:#eaf1ee;border-left:3px solid #aa925c;font-size:17px;line-height:1.6;border-radius:0;color:#3e4c4c}
.v8-framework .framework-designation strong{font-size:17px;display:block;color:#5d512f;margin-bottom:6px}
.office-role-art{display:block;width:126px;height:102px;object-fit:contain;margin:0 0 16px}
.office-actions.v8-office-actions article{border-top:2px solid #799680;padding-top:14px}
.office-actions.v8-office-actions article:nth-child(2){border-top-color:#a28c5c}
.office-actions.v8-office-actions article:nth-child(3){border-top-color:#6b879a}
.office-actions.v8-office-actions .office-abbr{font-size:16px;color:#42655b;font-weight:600;margin:0 0 12px;line-height:1.45}
.office-actions.v8-office-actions h3{margin:0 0 16px}
@media(max-width:800px){
 .route-framework.v8-framework{padding:20px;margin:20px 0}
 .v8-framework .framework-tracks{grid-template-columns:1fr;gap:18px;padding-bottom:18px}
 .v8-framework .framework-track{padding:20px}
 .v8-framework .framework-track:after{display:none}
 .v8-framework .framework-illustration{width:86px;height:70px;margin:-5px -9px 7px 9px}
 .v8-framework .framework-track h3{font-size:25px}
 .v8-framework .framework-track p{font-size:18px}
 .v8-framework .framework-converge{font-size:18px;padding:16px 18px;gap:14px}
 .v8-framework .framework-result{grid-template-columns:1fr;gap:20px}
 .v8-framework .framework-designation{font-size:17px;padding:15px 17px}
 .office-role-art{width:104px;height:84px;margin-bottom:11px}
}
@media print{.route-framework.v8-framework{background:#ffffff;box-shadow:none}.v8-framework .framework-converge{color:#1b1f22;background:#ffffff;border:1px solid #728f7b}.framework-junction>span{border-color:#6d8b7e}.v8-framework .framework-track:after{display:none}}