.diagnostic-diagram{--dd-paper:#f9f8f6;--dd-ink:#1a1a1a;--dd-muted:#706f69;--dd-line:#d8d4ca;--dd-blue:#0b5a8c;--dd-purple:#8e5f88;--dd-purple-paper:#efe6ec;--dd-red:#ce3b29;max-width:1440px;color:var(--dd-ink);margin:48px auto 0}.diagnostic-diagram *{box-sizing:border-box}.diagnostic-diagram__layout{grid-template-columns:minmax(0,1.24fr) minmax(310px,.96fr) minmax(280px,.86fr);grid-template-areas:"inputs predx result""inputs sprint result";align-items:stretch;gap:20px 34px;display:grid;position:relative}.diagnostic-diagram__connections{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.diagnostic-diagram__connections path{fill:none;stroke-width:1.5px}.diagnostic-diagram__connections marker path{fill:none;stroke:var(--dd-ink);stroke-width:1.4px}.diagnostic-diagram__connection-blue{stroke:var(--dd-blue)}.diagnostic-diagram__connection-purple{stroke:var(--dd-purple)}.diagnostic-diagram__connection-result{stroke:var(--dd-ink)}.diagnostic-diagram__inputs{grid-area:inputs;grid-template-rows:1fr 1fr;gap:20px;min-width:0;display:grid}.diagnostic-diagram__piece,.diagnostic-diagram__predx,.diagnostic-diagram__sprint,.diagnostic-diagram__result{z-index:2;min-width:0;position:relative}.diagnostic-diagram__piece,.diagnostic-diagram__sprint,.diagnostic-diagram__result{border:1px solid var(--dd-ink);background:var(--dd-paper);border-radius:6px}.diagnostic-diagram__piece,.diagnostic-diagram__result{padding:26px}.diagnostic-diagram__eyebrow{color:var(--dd-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:400;line-height:1.4}.diagnostic-diagram__eyebrow--blue{color:var(--dd-blue)}.diagnostic-diagram__eyebrow--purple{color:var(--dd-purple)}.diagnostic-diagram__eyebrow--red{color:var(--dd-red)}.diagnostic-diagram h3,.diagnostic-diagram h4{letter-spacing:0;font-family:Urbanist,PP Neue Montreal,ui-sans-serif,system-ui,sans-serif;font-style:normal;font-weight:500}.diagnostic-diagram__piece h3{margin:0;font-size:25px;line-height:1.08}.diagnostic-diagram__subtitle{color:var(--dd-muted);margin:5px 0 20px;font-size:14px;line-height:1.45}.diagnostic-diagram__hypothesis-graphic{grid-template-columns:minmax(74px,auto) minmax(0,1fr);align-items:center;gap:12px 16px;margin-top:22px;display:grid}.diagnostic-diagram__step-label{color:var(--dd-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;line-height:1.3}.diagnostic-diagram__generate{display:contents}.diagnostic-diagram__generate svg{width:100%;max-height:62px;display:block;overflow:visible}.diagnostic-diagram__generate svg path{fill:none;stroke:var(--dd-ink);stroke-width:1px}.diagnostic-diagram__generate svg circle{fill:var(--dd-ink)}.diagnostic-diagram__matrix-row,.diagnostic-diagram__refute-row{display:contents}.diagnostic-diagram__matrix{border-bottom:1px solid var(--dd-line);grid-template-columns:minmax(56px,auto) repeat(4,minmax(34px,1fr));min-width:0;display:grid}.diagnostic-diagram__matrix-cell{border-top:1px solid var(--dd-line);place-items:center;min-height:30px;font-size:12px;line-height:1;display:grid}.diagnostic-diagram__matrix-head{border-top:0;border-radius:50%;font-weight:600}.diagnostic-diagram__matrix-evidence,.diagnostic-diagram__matrix-against{color:var(--dd-muted);justify-items:start}.diagnostic-diagram__matrix-against{min-height:34px;font-size:11px}.diagnostic-diagram__matrix-count{min-height:34px;font-size:14px;font-weight:600}.diagnostic-diagram__matrix-focus{border-right:1px solid var(--dd-blue);border-left:1px solid var(--dd-blue);color:var(--dd-blue)}.diagnostic-diagram__matrix-head.diagnostic-diagram__matrix-focus{border-top:1px solid var(--dd-blue);border-radius:16px 16px 0 0}.diagnostic-diagram__matrix-count.diagnostic-diagram__matrix-focus{border-bottom:1px solid var(--dd-blue);border-radius:0 0 16px 16px}.diagnostic-diagram__mark-dot{background:var(--dd-ink);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.diagnostic-diagram__mark-cross{flex:none;width:9px;height:9px;display:inline-block;position:relative}.diagnostic-diagram__mark-cross:before,.diagnostic-diagram__mark-cross:after{content:"";background:var(--dd-red);width:9px;height:1px;position:absolute;top:4px;left:0}.diagnostic-diagram__mark-cross:before{transform:rotate(45deg)}.diagnostic-diagram__mark-cross:after{transform:rotate(-45deg)}.diagnostic-diagram__matrix-legend{color:var(--dd-muted);flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.4;display:flex}.diagnostic-diagram__matrix-legend span{align-items:center;gap:7px;display:inline-flex}.diagnostic-diagram__indicator{grid-column:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.diagnostic-diagram__indicator svg{width:100%;min-width:120px;display:block}.diagnostic-diagram__indicator svg path,.diagnostic-diagram__indicator svg polyline,.diagnostic-diagram__indicator svg marker path{fill:none;stroke:var(--dd-ink)}.diagnostic-diagram__indicator-axis{stroke-width:1px}.diagnostic-diagram__indicator-threshold{stroke-dasharray:4 4;stroke:var(--dd-blue)!important}.diagnostic-diagram__indicator-curve{stroke-width:1.3px}.diagnostic-diagram__indicator-output{stroke-width:1px}.diagnostic-diagram__indicator svg circle{fill:var(--dd-ink)}.diagnostic-diagram__indicator>span{color:var(--dd-muted);padding-bottom:8px;font-size:12px;line-height:1.3}.diagnostic-diagram__indicator b{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:400;display:block}.diagnostic-diagram__catalytic-graphic{min-width:0}.diagnostic-diagram__cq-topline{min-height:34px;color:var(--dd-muted);grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 4px;padding:0 10px 0 22%;font-size:12px;line-height:1.35;display:grid}.diagnostic-diagram__cq-topline span:last-child{text-align:right}.diagnostic-diagram__cq-canvas{min-width:0;height:252px;position:relative}.diagnostic-diagram__cq-canvas>svg{width:100%;height:252px;display:block;position:absolute;inset:0;overflow:visible}.diagnostic-diagram__cq-canvas svg text{fill:var(--dd-paper);dominant-baseline:middle;text-anchor:middle;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.diagnostic-diagram__cq-area{fill:var(--dd-purple-paper)}.diagnostic-diagram__cq-boundary,.diagnostic-diagram__cq-network{fill:none;stroke:var(--dd-ink);stroke-width:1px}.diagnostic-diagram__cq-paper-node{fill:var(--dd-paper);stroke:var(--dd-ink);stroke-width:1px}.diagnostic-diagram__cq-question{fill:none;stroke:var(--dd-purple);stroke-width:1.3px;stroke-dasharray:4 4}.diagnostic-diagram__cq-question+marker path,.diagnostic-diagram__catalytic-graphic marker path{fill:none;stroke:var(--dd-purple)}.diagnostic-diagram__cq-external-line{fill:none;stroke:var(--dd-muted);stroke-dasharray:3 4}.diagnostic-diagram__cq-factor-node,.diagnostic-diagram__cq-reference{fill:var(--dd-purple)}.diagnostic-diagram__cq-zone,.diagnostic-diagram__cq-factor{z-index:1;background:var(--dd-paper);font-size:12px;line-height:1.25;position:absolute}.diagnostic-diagram__cq-zone{color:var(--dd-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding-right:10px;font-size:11px;left:0}.diagnostic-diagram__cq-zone--story{top:61px}.diagnostic-diagram__cq-zone--system{background:var(--dd-purple-paper);top:94px}.diagnostic-diagram__cq-factor{background:var(--dd-purple-paper);color:var(--dd-purple);white-space:nowrap;padding:2px 6px;top:208px;transform:translate(-50%)}.diagnostic-diagram__cq-references{border-top:1px solid var(--dd-line);color:var(--dd-muted);grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px 18px;margin:12px 0 0;padding:14px 0 0;font-size:12px;line-height:1.35;list-style:none;display:grid}.diagnostic-diagram__cq-references li{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.diagnostic-diagram__cq-references b{background:var(--dd-purple);width:24px;height:24px;color:var(--dd-paper);border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid}.diagnostic-diagram__cq-references span{overflow-wrap:normal;word-break:normal}.diagnostic-diagram__predx{background:var(--dd-ink);color:var(--dd-paper);border-radius:6px;grid-area:predx;padding:28px 28px 26px}.diagnostic-diagram__predx h3{margin:0;font-size:42px;line-height:1}.diagnostic-diagram__predx .diagnostic-diagram__subtitle{color:#b9b5aa;margin-bottom:20px}.diagnostic-diagram__convergence{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;padding-bottom:38px;display:grid;position:relative}.diagnostic-diagram__input-label{font-family:var(--font-mono);letter-spacing:.12em;text-align:center;border-bottom:1px solid;padding:9px 8px;font-size:11px}.diagnostic-diagram__input-label:first-child{color:#5e97c4}.diagnostic-diagram__input-label:nth-child(2){color:#b98ab2}.diagnostic-diagram__convergence svg{width:100%;height:38px;position:absolute;bottom:0;left:0;right:0;overflow:visible}.diagnostic-diagram__convergence svg path{fill:none;stroke:var(--dd-paper);stroke-width:1px;vector-effect:non-scaling-stroke}.diagnostic-diagram__convergence svg marker path{stroke:var(--dd-paper)}.diagnostic-diagram__convergence .diagnostic-diagram__converge-blue{stroke:#5e97c4}.diagnostic-diagram__convergence .diagnostic-diagram__converge-purple{stroke:#b98ab2}.diagnostic-diagram__phase-flow{min-height:160px;margin-top:4px;padding-top:58px;position:relative}.diagnostic-diagram__phase-origin{z-index:2;color:#b9b5aa;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;top:0;left:0}.diagnostic-diagram__phase-origin span:first-child{background:var(--dd-ink);border:1px solid #8c8a82;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:600;line-height:1;display:grid}.diagnostic-diagram__phase-geometry{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.diagnostic-diagram__phase-geometry path{fill:none;vector-effect:non-scaling-stroke}.diagnostic-diagram__phase-geometry marker path{fill:none;stroke:var(--dd-red)}.diagnostic-diagram__phase-line{stroke:var(--dd-paper);stroke-width:1px}.diagnostic-diagram__phase-return{stroke:var(--dd-red);stroke-width:1px;stroke-dasharray:4 4}.diagnostic-diagram__recursive-label{color:#b9b5aa;white-space:nowrap;font-size:11px;line-height:1.2;position:absolute;top:13px;right:0}.diagnostic-diagram__phase-list{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:relative}.diagnostic-diagram__phase{color:#b9b5aa;text-align:center;min-width:0;font-size:11px;line-height:1.25}.diagnostic-diagram__phase b{border:1px solid var(--dd-paper);background:var(--dd-ink);width:34px;height:34px;color:var(--dd-paper);border-radius:50%;place-items:center;margin:0 auto 8px;font-size:13px;line-height:1;display:grid}.diagnostic-diagram__phase:first-of-type b{border:2px solid var(--dd-red)}.diagnostic-diagram__phase-flow--vertical{min-height:300px;padding:68px 28px 0 24px}.diagnostic-diagram__phase-flow--vertical .diagnostic-diagram__phase-origin{left:27px}.diagnostic-diagram__phase-flow--vertical .diagnostic-diagram__recursive-label{top:38px;left:72px;right:auto}.diagnostic-diagram__phase-flow--vertical .diagnostic-diagram__phase-list{grid-template-columns:1fr;gap:14px}.diagnostic-diagram__phase-flow--vertical .diagnostic-diagram__phase{text-align:left;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.diagnostic-diagram__phase-flow--vertical .diagnostic-diagram__phase b{margin:0}.diagnostic-diagram__format{border-top:1px solid #3a3a38;margin:28px 0 0 25%;padding-top:18px}.diagnostic-diagram__format p:last-child{color:#b9b5aa;max-width:29ch;margin:0;font-size:14px;line-height:1.45}.diagnostic-diagram__sprint{grid-area:sprint;padding:24px 28px 22px}.diagnostic-diagram__sprint:before{content:"";background:var(--dd-ink);width:1px;height:20px;position:absolute;top:-21px;left:50%}.diagnostic-diagram__sprint-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.diagnostic-diagram__sprint h4{margin:0;font-size:23px;line-height:1.1}.diagnostic-diagram__duration{text-align:right;flex:none}.diagnostic-diagram__duration span{color:var(--dd-muted);font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:5px;font-size:11px;display:block}.diagnostic-diagram__duration strong{font-family:Urbanist,ui-sans-serif,system-ui,sans-serif;font-size:21px;font-weight:500}.diagnostic-diagram__weeks{grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0 20px;display:grid}.diagnostic-diagram__week{min-width:0;color:var(--dd-muted);font-size:11px;line-height:1.25}.diagnostic-diagram__week:before{content:"";background:var(--dd-red);height:8px;margin-bottom:7px;display:block}.diagnostic-diagram__week:last-child:before{border:1px dashed var(--dd-red);background:0 0}.diagnostic-diagram__sprint-notes{border-top:1px solid var(--dd-line);grid-template-columns:1fr 1fr;gap:16px;padding-top:16px;display:grid}.diagnostic-diagram__sprint-note{padding-left:15px;font-size:12px;line-height:1.4;position:relative}.diagnostic-diagram__sprint-note:before{content:"";background:var(--dd-red);width:6px;height:6px;position:absolute;top:5px;left:0}.diagnostic-diagram__sprint-note strong{margin-bottom:2px;font-size:13px;font-weight:600;display:block}.diagnostic-diagram__result{border:2px solid var(--dd-red);flex-direction:column;grid-area:result;display:flex}.diagnostic-diagram__result h3{margin:0 0 24px;font-size:38px;line-height:.98}.diagnostic-diagram__outcome{border-top:1px solid var(--dd-line);grid-template-columns:70px 1fr;align-items:center;gap:16px;padding:22px 0;display:grid}.diagnostic-diagram__outcome:first-of-type{border-top:0}.diagnostic-diagram__outcome svg{width:70px;height:auto;overflow:visible}.diagnostic-diagram__outcome-paper{fill:var(--dd-paper);stroke:var(--dd-ink)}.diagnostic-diagram__outcome-red{fill:var(--dd-red)}.diagnostic-diagram__outcome-red-stroke{stroke:var(--dd-red)}.diagnostic-diagram__outcome h4{margin:0 0 4px;font-size:16px;line-height:1.2}.diagnostic-diagram__outcome p{color:var(--dd-muted);margin:0;font-size:13px;line-height:1.4}.diagnostic-diagram__confidence-icon{grid-template-columns:repeat(4,1fr);align-content:center;gap:3px;width:70px;min-height:58px;display:grid}.diagnostic-diagram__confidence-icon>span{background:var(--dd-red);height:11px}.diagnostic-diagram__confidence-icon>span:nth-child(4){border:1px solid var(--dd-ink);background:0 0}.diagnostic-diagram__confidence-icon>div{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.diagnostic-diagram__confidence-icon b{color:var(--dd-muted);text-align:center;font-size:12px;font-weight:400}.diagnostic-diagram__result-statement{border-top:2px solid var(--dd-red);margin:auto 0 0;padding-top:28px;font-family:Urbanist,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:1.3}.diagnostic-diagram__full-link{text-align:right;margin:20px 0 0}.diagnostic-diagram__full-link a{color:inherit;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-underline-offset:4px;font-size:11px}@media(max-width:1179px){.diagnostic-diagram__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"inputs inputs""predx result""sprint result"}.diagnostic-diagram__inputs{grid-template-rows:auto;grid-template-columns:1fr 1fr}}@media(max-width:899px){.diagnostic-diagram{margin-top:36px}.diagnostic-diagram__layout,.diagnostic-diagram__inputs{flex-direction:column;gap:18px;display:flex}.diagnostic-diagram__piece,.diagnostic-diagram__predx,.diagnostic-diagram__result{padding:22px 18px}.diagnostic-diagram__sprint{padding:22px 18px 20px}.diagnostic-diagram__piece h3{font-size:24px}.diagnostic-diagram__predx h3{font-size:38px}.diagnostic-diagram__result h3{font-size:34px}.diagnostic-diagram__sprint:before{height:18px;top:-19px}.diagnostic-diagram__result-statement{margin-top:18px}}@media(max-width:519px){.diagnostic-diagram__hypothesis-graphic{grid-template-columns:1fr;gap:8px}.diagnostic-diagram__generate,.diagnostic-diagram__matrix-row,.diagnostic-diagram__refute-row{grid-template-columns:1fr;gap:8px;display:grid}.diagnostic-diagram__generate svg{max-height:58px}.diagnostic-diagram__indicator{grid-column:1}.diagnostic-diagram__format{margin-left:0}.diagnostic-diagram__sprint-heading{gap:14px}.diagnostic-diagram__duration strong{font-size:18px}}@media(max-width:359px){.diagnostic-diagram__piece,.diagnostic-diagram__predx,.diagnostic-diagram__result,.diagnostic-diagram__sprint{padding-left:14px;padding-right:14px}.diagnostic-diagram__matrix{grid-template-columns:minmax(52px,auto) repeat(4,minmax(30px,1fr))}.diagnostic-diagram__sprint-heading{display:block}.diagnostic-diagram__duration{text-align:left;margin-top:15px}.diagnostic-diagram__weeks{grid-template-columns:repeat(2,1fr)}.diagnostic-diagram__sprint-notes{grid-template-columns:1fr}.diagnostic-diagram__outcome{grid-template-columns:62px 1fr;gap:12px}.diagnostic-diagram__outcome svg,.diagnostic-diagram__confidence-icon{width:62px}}
