.case-dtc__system-breakout{padding:0 var(--space-layout-margin) var(--space-section-gap);max-width:var(--space-breakout-width);align-items:stretch;gap:var(--space-component-gap);flex-direction:column;margin:0 auto;display:flex}.case-dtc__system{padding:0 var(--space-layout-margin) var(--space-section-gap);max-width:var(--space-reading-width);align-items:stretch;gap:var(--space-component-gap);flex-direction:column;margin:0 auto;display:flex}.case-dtc__system-node{border-radius:var(--border-radius-component);padding:var(--space-component-gap);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.case-dtc__system-node--source{background:var(--color-surface-inverse);box-shadow:0 0 40px #15616d33}.case-dtc__system-node--tool{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-left:3px solid var(--color-accent-default);flex:1}.case-dtc__system-node--output{border:1px solid var(--color-border-default)}.case-dtc__system-connector{width:2px;height:var(--space-component-gap);background:var(--color-accent-default);transform-origin:top;flex-shrink:0;margin:0 auto}.case-dtc__system-tag{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:.08em;color:var(--color-text-secondary)}.case-dtc__system-node--source .case-dtc__system-tag{color:#fafaf966}.case-dtc__system-title{font-family:var(--font-family-mono);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.case-dtc__system-node--source .case-dtc__system-title{color:var(--color-text-inverse)}.case-dtc__system-detail{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary);margin:0}.case-dtc__system-node--source .case-dtc__system-detail{color:#fafaf94d}.case-dtc__system-close{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-heading);color:var(--color-text-primary);text-align:center;margin:0;font-style:italic;line-height:1.15}.case-dtc__pipeline-node{text-align:left;border-left:3px solid var(--color-accent-default);align-items:flex-start}.case-dtc__system-node--source.case-dtc__pipeline-node{border-left:3px solid var(--color-accent-default)}.case-dtc__stack-node{text-align:left;align-items:flex-start}.case-dtc__tier-node{text-align:left;border-left:3px solid var(--color-accent-default);align-items:flex-start;gap:var(--space-element-gap)}.case-dtc__tier-header{justify-content:space-between;align-items:flex-start;gap:var(--space-component-gap);width:100%;display:flex}.case-dtc__tier-rule{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary);text-align:right;flex-shrink:0;margin-top:2px;font-style:italic}.case-dtc__tier-path{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary);margin:2px 0 0}.case-dtc__tier-separator{background:var(--color-border-default);width:100%;height:1px}.case-dtc__tier-tokens{flex-direction:column;gap:6px;width:100%;display:flex}.case-dtc__tier-token-row{align-items:center;gap:8px;display:flex}.case-dtc__tier-token-name{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary)}.case-dtc__tier-token-arrow{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary);flex-shrink:0}.case-dtc__tier-token-value{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-medium)}.case-dtc__tier-connector-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.case-dtc__tier-connector-label{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary);text-align:center;margin:0}.case-dtc__final-angle{padding:0 var(--space-layout-margin) var(--space-section-gap);max-width:var(--space-reading-width);gap:var(--space-element-gap);flex-direction:column;margin:0 auto;display:flex}.case-dtc__orch-pill{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:.08em;border-radius:99px;width:fit-content;padding:3px 10px;display:inline-block}.case-dtc__orch-pill--current{color:#16a34a;background:#16a34a14;border:1px solid #16a34a4d}.case-dtc__orch-pill--future{color:#e11d48;background:#e11d480f;border:1px solid #e11d4833}.case-dtc__img-compare{gap:var(--space-component-gap);grid-template-columns:1fr 1fr;align-items:start;display:grid}.case-dtc__img-compare-panel{gap:var(--space-element-gap);flex-direction:column;display:flex}.case-dtc__img-compare-header{flex-direction:column;gap:6px;display:flex}.case-dtc__img-compare-title{font-family:var(--font-family-mono);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.case-dtc__img-compare-subtitle{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.case-dtc__img-compare-frame{border-radius:var(--border-radius-component);border:1px solid var(--color-border-default);overflow:hidden}.case-dtc__img-compare-img{width:100%;height:auto;display:block}@media (max-width:768px){.case-dtc__img-compare{grid-template-columns:1fr}.case-dtc__tier-header{flex-direction:column}.case-dtc__tier-rule{text-align:left}}.case-dtc__proof{padding:var(--space-section-gap) var(--space-layout-margin);max-width:var(--space-layout-max-width);background:var(--color-surface-secondary);border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);margin:0 auto}.case-dtc__proof-header{justify-content:space-between;align-items:baseline;gap:var(--space-component-gap);margin-bottom:var(--space-component-gap);padding-bottom:var(--space-element-gap);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.case-dtc__proof-eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary)}.case-dtc__proof-link{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-accent-default);transition:color var(--duration-interaction) var(--easing-default)}.case-dtc__proof-link:hover{color:var(--color-accent-hover)}.case-dtc__proof-grid{gap:var(--space-section-gap);grid-template-columns:1fr 1fr 1fr;align-items:start;display:grid}.case-dtc__proof-col-label{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary);margin-bottom:var(--space-element-gap)}.case-dtc__proof-type{gap:var(--space-element-gap);flex-direction:column;display:flex}.case-dtc__proof-type-row{align-items:baseline;gap:var(--space-element-gap);padding-bottom:var(--space-element-gap);border-bottom:1px solid var(--color-border-default);display:flex}.case-dtc__proof-type-row:last-child{border-bottom:none}.case-dtc__proof-type-tag{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary);flex-shrink:0;min-width:36px}.case-dtc__proof-type-sample{color:var(--color-text-primary);font-family:var(--font-family-base);line-height:1.2}.case-dtc__proof-colors{gap:var(--space-component-gap);flex-direction:column;display:flex}.case-dtc__proof-color-group{gap:var(--space-inline-gap);flex-direction:column;display:flex}.case-dtc__proof-color-name{font-family:var(--font-family-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary)}.case-dtc__proof-swatches{gap:var(--space-inline-gap);flex-wrap:wrap;display:flex}.case-dtc__proof-swatch{flex-direction:column;align-items:center;gap:6px;display:flex}.case-dtc__proof-swatch-color{border-radius:var(--border-radius-component);border:1px solid var(--color-border-default);width:40px;height:40px;display:block}.case-dtc__proof-swatch-label{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary)}.case-dtc__proof-spacing{gap:var(--space-element-gap);flex-direction:column;display:flex}.case-dtc__proof-space-row{align-items:center;gap:var(--space-element-gap);grid-template-columns:8rem 1fr;display:grid}.case-dtc__proof-space-label{font-family:var(--font-family-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.case-dtc__proof-space-track{background:var(--color-surface-tertiary);border-radius:var(--border-radius-pill);height:6px;overflow:hidden}.case-dtc__proof-space-bar{background:var(--color-accent-default);border-radius:var(--border-radius-pill);max-width:100%;height:100%}@media (max-width:900px){.case-dtc__proof-grid{grid-template-columns:1fr 1fr}.case-dtc__proof-col:last-child{grid-column:1/-1}}@media (max-width:560px){.case-dtc__proof-grid{grid-template-columns:1fr}.case-dtc__proof-col:last-child{grid-column:auto}}[data-mode=dark] .case-dtc__system-node--source{background:var(--color-surface-tertiary)}[data-mode=dark] .case-dtc__system-node--source .case-dtc__system-title{color:var(--color-text-primary)}[data-mode=dark] .case-dtc__system-node--source .case-dtc__system-tag,[data-mode=dark] .case-dtc__system-node--source .case-dtc__system-detail{color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){.case-dtc__system-node,.case-dtc__system-connector,.case-dtc__system-close,.case-dtc__tier-connector,.case-dtc__tier-connector-label,.case-dtc__orch-step,.case-dtc__orch-bridge,.case-dtc__orbit-center,.case-dtc__orbit-satellite{transition:none}}