/* Editorial diagrams represent examples and frameworks, never live activity. */
.rich-visual{--diagram-accent:#9fbfe8;--diagram-wash:#447fb619;margin:0;overflow:hidden;background:radial-gradient(ellipse at 90% 0,var(--diagram-wash),transparent 80%),var(--res-surface)}
.rich-visual.knowledge,.rich-visual.evidence{--diagram-accent:#abd3c6;--diagram-wash:#4797801c}.rich-visual.roles,.rich-visual.sequence{--diagram-accent:#d9c49e;--diagram-wash:#b681331b}.rich-visual.email,.rich-visual.instructions{--diagram-accent:#c4b5e0;--diagram-wash:#9471bb1c}.rich-visual.handoff,.rich-visual.funnel{--diagram-accent:#b4cbe3;--diagram-wash:#5f9dd81c}
html[data-theme=light] .rich-visual{--diagram-accent:#3c608b;--diagram-wash:#447fb612}html[data-theme=light] :is(.rich-visual.knowledge,.rich-visual.evidence){--diagram-accent:#366d5d}html[data-theme=light] :is(.rich-visual.roles,.rich-visual.sequence){--diagram-accent:#755522}html[data-theme=light] :is(.rich-visual.email,.rich-visual.instructions){--diagram-accent:#71538c}
.rich-visual figcaption{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.rich-visual figcaption>span{font-size:11px;letter-spacing:.1em;color:var(--diagram-accent)}.rich-visual figcaption>strong{font-size:23px;line-height:1.3;font-weight:500;max-width:720px}.diagram-body{max-width:900px;margin:auto}.diagram-body p,.feature-stage p{color:var(--res-muted)}.diagram-eyebrow{font-size:11px;letter-spacing:.08em;color:var(--res-accent)}
.document-panel{background:var(--res-raised);border:1px solid var(--res-border);border-radius:5px;padding:25px;box-shadow:0 14px 34px -28px #0008}.document-panel h3{font-size:25px;font-weight:500;line-height:1.3;margin:12px 0 20px;letter-spacing:-.025em}.diagram-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.diagram-rows>div{padding:12px 0;border-top:1px solid var(--res-border);min-width:0}.diagram-rows span{font-size:12px;color:var(--res-muted);display:block;margin-bottom:6px}.diagram-rows strong{font-size:16px;font-weight:500;line-height:1.5;display:block}.diagram-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.diagram-pills>span{font-size:11px;padding:6px 9px;border:1px solid var(--res-border);border-radius:4px;color:var(--res-muted)}
.source-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.source-stack>div{padding:23px 20px;background:var(--res-raised);border:1px solid var(--res-border);border-top:2px solid var(--diagram-accent);border-radius:4px}.source-stack span,.knowledge-output>span{font-size:11px;letter-spacing:.06em;color:var(--diagram-accent);display:block}.source-stack strong{display:block;font-size:18px;font-weight:500;margin-top:20px}.knowledge-output{position:relative;border:1px solid var(--res-border);border-radius:5px;background:var(--res-raised);text-align:center;padding:23px}.knowledge-output:before{content:'';position:absolute;top:-26px;left:50%;width:1px;height:25px;background:var(--res-border)}.knowledge-output>strong{display:block;font-size:24px;margin-top:10px}.knowledge-output>p{font-size:13px;margin-bottom:0}
.role-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-comparison>div{border:1px solid var(--res-border);padding:25px;background:var(--res-raised);border-radius:5px}.role-comparison span{font-size:11px;color:var(--diagram-accent);letter-spacing:.07em}.role-comparison strong{font-size:27px;font-weight:500;margin:24px 0 10px}.role-comparison p{font-size:16px;margin:0 0 20px}.role-comparison small{display:block;font-size:13px;line-height:1.6;border-top:1px solid var(--res-border);padding-top:14px;color:var(--res-muted)}
.matrix-wrap{overflow:auto}.matrix-wrap table,.decision-table table{border-collapse:collapse;width:100%;background:var(--res-raised);text-align:left;font-size:15px}.matrix-wrap caption{text-align:left;font-size:12px;padding-bottom:15px;color:var(--res-muted)}.matrix-wrap th,.matrix-wrap td{padding:18px;border:1px solid var(--res-border)}.matrix-wrap th{font-weight:500}.matrix-wrap td{text-align:center;color:var(--res-muted)}.matrix-wrap tbody th{color:var(--res-muted);font-size:14px}.matrix-wrap thead th{color:var(--res-text)}
.evidence-stack{display:grid;grid-template-columns:1fr;gap:14px}.evidence-stack>div{position:relative;border:1px solid var(--res-border);border-left:3px solid var(--diagram-accent);padding:20px 25px;background:var(--res-raised);border-radius:3px}.evidence-stack>div:nth-child(2){margin-left:25px}.evidence-stack>div:nth-child(3){margin-left:50px}.evidence-stack span{font-size:11px;letter-spacing:.06em;color:var(--diagram-accent)}.evidence-stack strong{font-weight:500;font-size:22px;margin-top:10px}.evidence-stack p{font-size:14px;margin:8px 0 0}
.annotated-mail{border:1px solid var(--res-border);border-radius:6px;background:var(--res-raised);overflow:hidden}.mail-subject{padding:20px 24px;border-bottom:1px solid var(--res-border)}.mail-subject>span{display:block;font-size:11px;color:var(--res-muted);letter-spacing:.07em;margin-bottom:8px}.mail-subject strong{display:block;font-size:17px;font-weight:500}.annotated-mail>div:not(.mail-subject){display:grid;grid-template-columns:27px 1fr 140px;gap:15px;align-items:center;padding:17px 24px;border-bottom:1px solid var(--res-border)}.annotated-mail>div:last-child{border-bottom:0}.annotated-mail b{font-size:11px;font-weight:500;color:var(--res-accent)}.annotated-mail p{font-size:16px;margin:0;line-height:1.7}.annotated-mail small{font-size:12px!important;color:var(--res-accent);border-left:1px solid var(--res-border);padding-left:13px;line-height:1.5}
.rich-visual .sequence-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:0;margin:0;list-style:none}.rich-visual .sequence-line li{border:0;border-top:2px solid var(--diagram-accent);border-radius:0;padding:23px 0;background:transparent}.rich-visual .sequence-line li:before{display:none}.sequence-line li>span{font-size:11px;color:var(--diagram-accent);letter-spacing:.07em}.sequence-line strong{font-size:22px;font-weight:500;margin:18px 0 10px}.sequence-line small{font-size:14px;color:var(--res-muted);line-height:1.5}.stop-rail{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--res-border);border-left:3px solid #ad6262;background:var(--res-raised);border-radius:3px}.stop-rail strong{font-size:15px;font-weight:500}.stop-rail span{font-size:13px;color:var(--res-muted)}
.reply-bubble{padding:21px 25px;border:1px solid var(--res-border);border-radius:8px 8px 8px 0;background:var(--res-raised);margin-bottom:20px;max-width:85%}.reply-bubble>span{font-size:11px;letter-spacing:.05em;color:var(--res-accent)}.reply-bubble p{font-size:17px;line-height:1.65;margin:10px 0 0}.diagram-bars{display:grid;gap:23px}.diagram-bars>div>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:9px}.diagram-bars strong{font-size:19px;font-weight:500}.diagram-bars span{font-size:14px}.bar-track{height:18px;background:var(--res-raised);border:1px solid var(--res-border);border-radius:3px;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--diagram-accent)}.diagram-bars>div:nth-child(2) .bar-track span{opacity:.8}.diagram-bars>div:nth-child(3) .bar-track span{opacity:.6}.diagram-bars>div:nth-child(4) .bar-track span{opacity:.45}.diagram-caption,.diagram-footnote{font-size:12px!important;color:var(--res-muted);line-height:1.7!important;margin:20px 0 0!important}.diagram-footnote{padding-top:17px;border-top:1px solid var(--res-border)}
/* A thumbnail previews the specific artifact in its guide. */
.resource-visual.rich-visual.compact{padding:23px;min-height:370px;display:flex;flex-direction:column}.compact figcaption{margin-bottom:18px}.compact figcaption>span{font-size:10px}.compact figcaption>strong{font-size:16px;line-height:1.45;min-height:46px}.compact .diagram-body{width:100%;margin:0;flex:1}.compact .document-panel{padding:16px}.compact .diagram-eyebrow{font-size:9px}.compact .document-panel h3{font-size:17px;margin:10px 0 12px}.compact .diagram-rows{gap:0 10px}.compact .diagram-rows>div{padding:9px 0}.compact .diagram-rows span{font-size:10px}.compact .diagram-rows strong{font-size:12px;line-height:1.4}.compact .diagram-pills{gap:5px;margin-top:10px}.compact .diagram-pills>span{font-size:9px;padding:4px 6px}.compact .source-stack{gap:7px;margin-bottom:17px}.compact .source-stack>div{padding:12px 9px}.compact .source-stack span{font-size:8px;line-height:1.5}.compact .source-stack strong{font-size:12px;margin-top:12px}.compact .knowledge-output{padding:17px}.compact .knowledge-output:before{top:-18px;height:17px}.compact .knowledge-output>span{font-size:9px}.compact .knowledge-output>strong{font-size:19px}.compact .knowledge-output>p{font-size:11px;margin:7px 0 0}.compact .role-comparison{gap:9px}.compact .role-comparison>div{padding:15px 12px}.compact .role-comparison span{font-size:9px;line-height:1.5;display:block}.compact .role-comparison strong{font-size:20px;margin:20px 0 10px}.compact .role-comparison p{font-size:12px;margin-bottom:17px;line-height:1.5}.compact .role-comparison small{font-size:10px;padding-top:10px}.compact .diagram-caption{font-size:10px!important;margin-top:12px!important}.compact .matrix-wrap caption{font-size:10px;padding-bottom:10px}.compact .matrix-wrap th,.compact .matrix-wrap td{font-size:11px;padding:12px 8px}.compact .evidence-stack{gap:9px}.compact .evidence-stack>div{padding:12px}.compact .evidence-stack>div:nth-child(2){margin-left:12px}.compact .evidence-stack>div:nth-child(3){margin-left:24px}.compact .evidence-stack span{font-size:9px}.compact .evidence-stack strong{font-size:14px;margin-top:6px}.compact .evidence-stack p{font-size:10px;margin:5px 0 0;line-height:1.5}.compact .mail-subject{padding:12px}.compact .mail-subject>span{font-size:9px}.compact .mail-subject strong{font-size:12px}.compact .annotated-mail>div:not(.mail-subject){grid-template-columns:17px 1fr;gap:9px;padding:11px 12px}.compact .annotated-mail p{font-size:11px;margin:0;line-height:1.5}.compact .annotated-mail small{display:none}.compact .sequence-line{grid-template-columns:1fr;gap:0}.compact .sequence-line li{padding:12px 0 12px 15px;border-top:0;border-left:2px solid var(--diagram-accent)}.compact .sequence-line li>span{font-size:9px}.compact .sequence-line strong{font-size:14px;margin:5px 0}.compact .sequence-line small{font-size:10px;margin:0}.compact .stop-rail{display:block;padding:10px 12px;margin-top:12px}.compact .stop-rail strong{font-size:11px}.compact .stop-rail span{display:block;font-size:10px;margin-top:7px}.compact .reply-bubble{padding:12px;max-width:95%;margin-bottom:12px}.compact .reply-bubble>span{font-size:9px}.compact .reply-bubble p{font-size:11px;margin:7px 0 0;line-height:1.5}.compact .handoff .document-panel{padding:12px}.compact .diagram-bars{gap:18px}.compact .diagram-bars span{font-size:12px}.compact .diagram-bars strong{font-size:15px}.compact .bar-track{height:14px}
/* A worked example anchors the library. */
.featured-resource{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding:55px 45px;margin:45px 0 65px;border:1px solid var(--res-border);border-radius:8px;background:radial-gradient(ellipse at 100% 0,#6a84b91b,transparent 65%),var(--res-surface);align-items:center}.feature-story h2{font-size:43px;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:18px 0 25px}.feature-story>p{font-size:17px}.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.feature-tabs button{font:inherit;font-size:13px;padding:11px 13px;background:transparent;color:var(--res-muted);border:1px solid var(--res-border);border-radius:4px;cursor:pointer}.feature-tabs button[aria-selected=true]{background:var(--res-text);color:var(--res-surface)}.feature-story .feature-disclosure{font-size:12px;margin-top:23px}.feature-stage{min-width:0}.feature-stage [role=tabpanel]{min-height:440px}.feature-stage .document-panel{padding:25px}.feature-insight{padding:20px 0 0}.feature-insight strong{font-size:15px;font-weight:500}.feature-insight p{font-size:14px;margin:8px 0 14px}.feature-insight a{font-size:13px;color:var(--res-accent);text-decoration:underline;text-underline-offset:4px}.feature-stage .annotated-mail>div:not(.mail-subject){grid-template-columns:22px 1fr;gap:12px;padding:15px 18px}.feature-stage .annotated-mail small{grid-column:2;border:0;padding:0;margin:0}.feature-stage .annotated-mail p{font-size:14px}.feature-stage .reply-bubble{max-width:95%;padding:16px 20px}.feature-stage .reply-bubble p{font-size:15px}.feature-stage .document-panel h3{font-size:23px}
.learning-paths{padding-bottom:25px}.path-heading h2{font-size:34px;font-weight:500;letter-spacing:-.035em;margin:13px 0 30px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.path-grid article{padding:0 22px 0 0;border-right:1px solid var(--res-border)}.path-grid article:last-child{border-right:0;padding-right:0}.path-grid article>span{font-size:10px;letter-spacing:.05em;color:var(--res-accent)}.path-grid h3{font-size:25px;font-weight:500;line-height:1.3;margin:17px 0 12px;letter-spacing:-.025em}.path-grid p{font-size:15px}.path-grid ol{padding-left:22px;font-size:14px;line-height:1.7}.path-grid li{padding:7px 0;color:var(--res-muted)}.path-grid a{color:var(--res-text);text-decoration:underline;text-decoration-color:var(--res-border);text-underline-offset:5px}.resource-toolkit{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;margin-top:60px;padding:40px;border:1px solid var(--res-border);border-radius:7px;background:var(--res-surface)}.resource-toolkit h2{font-size:35px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:17px 0}.resource-toolkit .button{margin-top:12px}.toolkit-index{display:grid;gap:12px}.toolkit-index>span{font-size:12px;letter-spacing:.06em;padding:18px;border:1px solid var(--res-border);border-left:2px solid var(--res-accent);background:var(--res-raised)}.toolkit-index small{font-size:12px;line-height:1.5;color:var(--res-muted);margin-top:5px}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.before-after>div{padding:23px;border:1px solid var(--res-border);border-top:2px solid #956b6b;background:var(--res-surface);border-radius:4px}.before-after>div+div{border-top-color:#6a9887}.before-after span{font-size:11px;letter-spacing:.07em;color:var(--res-muted)}.article-content .before-after p{font-size:15px;margin:14px 0 0}.decision-table{overflow:auto;margin:25px 0}.decision-table th,.decision-table td{border:1px solid var(--res-border);padding:17px;font-size:14px;line-height:1.7;vertical-align:top}.decision-table th{font-weight:500}.decision-table tbody th{width:35%}.decision-table td{color:var(--res-muted)}.decision-table thead th{background:var(--res-surface)}.team-exercise{border-left:2px solid var(--res-accent);padding:6px 0 6px 24px;margin:30px 0}.team-exercise>span{font-size:11px;letter-spacing:.06em;color:var(--res-accent)}.article-content .team-exercise p{font-size:16px;margin-bottom:0}
@media(max-width:1100px){.featured-resource{gap:35px;padding:35px}.feature-story h2{font-size:35px}.path-grid{gap:20px}.path-grid h3{font-size:23px}.resource-toolkit{gap:35px}.source-stack{gap:12px}.source-stack>div{padding:20px 14px}}
@media(max-width:700px){.featured-resource{grid-template-columns:1fr;padding:25px;gap:25px;margin:30px 0 45px}.feature-story h2{font-size:33px}.feature-stage [role=tabpanel]{min-height:0}.feature-stage .document-panel{padding:20px}.feature-stage .document-panel h3{font-size:22px}.feature-tabs button{padding:10px;font-size:12px}.path-grid{grid-template-columns:1fr;gap:28px}.path-grid article{border-right:0;border-bottom:1px solid var(--res-border);padding:0 0 20px}.path-grid article:last-child{border-bottom:0}.path-grid article>span{font-size:12px}.path-grid h3{font-size:26px}.path-heading h2{font-size:29px}.resource-toolkit{grid-template-columns:1fr;gap:25px;padding:25px}.resource-toolkit h2{font-size:30px}.toolkit-index>span{font-size:11px}.before-after{grid-template-columns:1fr}.rich-visual figcaption>strong{font-size:22px}.rich-visual .source-stack{grid-template-columns:1fr;gap:10px}.source-stack>div{padding:14px 18px}.source-stack strong{margin-top:10px}.rich-visual .role-comparison{grid-template-columns:1fr}.rich-visual .role-comparison>div{padding:20px}.role-comparison strong{margin-top:15px}.rich-visual .sequence-line{grid-template-columns:1fr;gap:0}.rich-visual .sequence-line li{border-top:0;border-left:2px solid var(--diagram-accent);padding:15px 20px}.stop-rail{display:block}.stop-rail span{display:block;margin-top:10px;line-height:1.5}.annotated-mail>div:not(.mail-subject){grid-template-columns:20px 1fr;gap:10px;padding:15px}.annotated-mail small{grid-column:2;border-left:0;padding:0}.annotated-mail p{font-size:14px}.mail-subject{padding:17px}.reply-bubble{max-width:100%;padding:18px}.document-panel{padding:20px}.document-panel h3{font-size:22px}.diagram-rows{gap:0 15px}.diagram-rows strong{font-size:14px}.evidence-stack>div{padding:17px}.evidence-stack strong{font-size:18px}.evidence-stack>div:nth-child(2){margin-left:12px}.evidence-stack>div:nth-child(3){margin-left:24px}.matrix-wrap th,.matrix-wrap td{font-size:12px;padding:12px 9px}.decision-table th,.decision-table td{font-size:13px;padding:12px}.resource-visual.rich-visual.compact{min-height:0}.compact .source-stack{grid-template-columns:repeat(3,1fr)}.compact .role-comparison{grid-template-columns:1fr 1fr}.compact figcaption>strong{font-size:18px;min-height:0}.compact .diagram-body{margin-top:8px}.compact .source-stack strong{font-size:12px}.compact .role-comparison>div{padding:15px}.compact .role-comparison strong{font-size:20px}.compact .sequence-line li{padding:12px 15px}.compact .document-panel{padding:18px}.compact .document-panel h3{font-size:19px}.compact .diagram-rows strong{font-size:13px}.compact .diagram-pills>span{font-size:10px}.compact .diagram-eyebrow{font-size:10px}.compact .evidence-stack strong{font-size:16px}.compact .evidence-stack p{font-size:12px}.compact .annotated-mail p{font-size:13px}.compact .mail-subject strong{font-size:14px}.compact .reply-bubble p{font-size:12px}}
@media print{.rich-visual{--diagram-accent:#555;--diagram-wash:transparent;background:#fff}.rich-visual,.before-after,.team-exercise{break-inside:avoid}.bar-track{print-color-adjust:exact;-webkit-print-color-adjust:exact}.resource-article .rich-visual *{color:#111!important}.article-content .before-after p,.article-content .team-exercise p{font-size:11pt}.diagram-body p{font-size:10pt}}