.system-workflow{gap:var(--space-6);min-width:0;padding-block:var(--space-8);border-top:1px solid var(--color-border);display:grid}.system-workflow__heading{gap:var(--space-3);max-width:760px;display:grid}.system-workflow__heading>p:not(.eyebrow){max-width:62ch;color:var(--color-text-secondary);font-size:var(--editorial-body);line-height:1.7}.system-diagram{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;margin:0;overflow:hidden}.system-diagram__svg{width:100%;height:auto;min-height:260px;padding:var(--space-3)}.system-diagram__svg--desktop,.system-diagram__svg--mobile{display:none}.system-diagram__edge{fill:none;stroke:var(--color-border-strong);stroke-width:1.6px}.system-diagram__edge--optional{stroke-dasharray:6 5}.system-diagram__arrow{fill:var(--color-border-strong)}.system-diagram__node rect{fill:var(--color-surface-raised);stroke:var(--color-border-strong);stroke-width:1.25px}.system-diagram__node--public rect{fill:var(--color-accent-soft);stroke:var(--color-accent)}.system-diagram__node--optional rect{fill:var(--color-surface-muted);stroke-dasharray:5 4}.system-diagram__title{fill:var(--color-text);font-size:14px;font-weight:750}.system-diagram__repo{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:13px}.system-diagram__optional{fill:var(--color-text-secondary);font-size:12px;font-weight:700}.system-diagram__step circle{fill:var(--color-bg);stroke:var(--color-border-strong);stroke-width:1px}.system-diagram__step text{fill:var(--color-text);font-family:var(--font-mono);font-size:12px;font-weight:700}.system-diagram[data-explorer-ready] .system-diagram__node{cursor:pointer}.system-diagram[data-explorer-ready] .system-diagram__node:focus-visible{outline:none}.system-diagram[data-explorer-ready] .system-diagram__node:focus-visible rect{stroke:var(--color-focus);stroke-width:3px}.system-diagram[data-explorer-active] .system-diagram__node[data-relation=unrelated],.system-diagram[data-explorer-active] .system-diagram__edge[data-relation=unrelated]{opacity:.2}.system-diagram .system-diagram__node[data-relation=selected] rect{stroke:var(--color-identity-orange);stroke-width:3px}.system-diagram .system-diagram__node[data-relation=upstream] rect{stroke:var(--color-ai-review);stroke-width:2px;stroke-dasharray:6 3}.system-diagram .system-diagram__node[data-relation=downstream] rect{stroke:var(--color-identity-teal);stroke-width:2.5px}.system-diagram .system-diagram__edge[data-relation=upstream]{stroke:var(--color-ai-review);stroke-width:2.4px;stroke-dasharray:6 3}.system-diagram .system-diagram__edge[data-relation=downstream]{stroke:var(--color-identity-teal);stroke-width:2.8px}.system-diagram__fallback{max-width:48rem;padding:var(--space-3) var(--space-4);gap:0;margin:0;list-style:none;display:grid}.system-diagram__fallback>li{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;display:grid;position:relative}.system-diagram__fallback>li:first-child{border-top:0}.system-diagram__fallback>li:not(:last-child):after{border-right:2px solid var(--color-border-strong);border-bottom:2px solid var(--color-border-strong);content:"";width:8px;height:8px;position:absolute;bottom:-5px;left:1.18rem;transform:rotate(45deg)}.system-diagram__fallback-step{border:var(--pixel-border) solid var(--color-border-strong);background:var(--color-bg);width:2.35rem;height:2.35rem;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);box-shadow:var(--shadow-sm);place-items:center;font-weight:750;display:grid}.system-diagram__fallback-step>span{line-height:1}.system-diagram__fallback>li>div{gap:var(--space-1);min-width:0;display:grid}.system-diagram__fallback strong{font-size:var(--text-sm)}.system-diagram__fallback>li>div>span{color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.55}.system-diagram__fallback-repositories{gap:var(--space-2);padding:var(--space-2) 0 0;margin:0;list-style:none;display:grid}.system-diagram__fallback-repositories>li{min-width:0}.system-diagram__fallback-repositories [data-system-explorer-static-control],.system-diagram__fallback-control{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);text-align:left;align-content:center;gap:.15rem;display:grid}.system-diagram__fallback-control{cursor:pointer}.system-diagram__fallback-control:hover{border-color:var(--color-border-strong)}.system-diagram__fallback-repositories small{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.4}.system-diagram__fallback-control[data-relation=selected]{border:2px solid var(--color-identity-orange)}.system-diagram__fallback-control[data-relation=upstream]{border:2px dashed var(--color-ai-review)}.system-diagram__fallback-control[data-relation=downstream]{border:2px solid var(--color-identity-teal);box-shadow:inset 4px 0 0 var(--color-identity-teal)}.system-diagram__fallback-control[data-relation=unrelated]{opacity:.45}.system-explorer{gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface-muted);display:grid}.system-explorer__instruction{max-width:62ch;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.system-explorer__selection{gap:var(--space-3);display:grid}.system-explorer__selection[hidden]{display:none}.system-explorer__selection>header{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:start;display:flex}.system-explorer__selection>header>div{gap:var(--space-1);display:grid}.system-explorer__selection h3{font-size:var(--text-lg)}.system-explorer__selection .button{min-height:40px}.system-explorer__role{color:var(--color-text);font-weight:750}.system-explorer__description{max-width:68ch;color:var(--color-text-secondary);line-height:1.65}.system-explorer__relations{gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.system-explorer__relations section{gap:var(--space-2);align-content:start;display:grid}.system-explorer__relations h4{color:var(--color-text-muted);font-size:var(--text-xs)}.system-explorer__relations ul{gap:var(--space-1);margin:0;padding-left:1.2rem;display:grid}.system-explorer__relations li{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.system-workflow__boundaries{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.system-workflow__boundaries>summary,.system-build-details summary{cursor:pointer;width:fit-content;color:var(--color-text);font-weight:750}.system-workflow__repository-grid{gap:var(--space-4);margin-top:var(--space-5);display:grid}.system-repository{gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.system-repository--optional{background:var(--color-surface-muted);border-style:dashed}.system-repository--optional .system-repository__identity code,.system-repository--optional .system-repository__scope h4,.system-repository--optional .system-repository__scope details{color:var(--color-text-secondary)}.system-repository__header{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.system-repository__icon{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:2.4rem;height:2.4rem;color:var(--color-accent);place-items:center;display:grid}.system-repository__identity{gap:.1rem;min-width:0;display:grid}.system-repository__identity h3,.system-repository__scope h4{margin:0;line-height:1.3}.system-repository__identity h3{font-size:var(--text-base)}.system-repository__identity code{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.system-repository__badges{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.system-badge{min-height:1.6rem;padding:.1rem var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);align-items:center;font-weight:700;display:inline-flex}.system-badge--public{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}.system-badge--private{background:var(--color-surface-muted)}.system-badge--optional{background:0 0;border-style:dashed}.system-repository__role{color:var(--color-text);font-size:var(--text-sm);font-weight:700}.system-repository__description{max-width:48ch;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65}.system-repository__scope{gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:grid}.system-repository__scope>div{gap:var(--space-2);display:grid}.system-repository__scope h4{color:var(--color-text-muted);font-size:var(--text-xs)}.system-repository__scope ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.system-repository__scope li{max-width:none;padding:.18rem var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.5}.system-repository__scope details{color:var(--color-text-muted);font-size:var(--text-sm)}.system-repository__scope summary{cursor:pointer;width:fit-content;font-weight:700}.system-repository__scope details ul{margin-top:var(--space-2)}.system-repository__link{width:fit-content;color:var(--color-text-muted);font-size:var(--text-xs)}.system-workflow__cta{width:100%}.system-build-details{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.system-build-details dl{gap:var(--space-3);margin:var(--space-4) 0 0;display:grid}.system-build-details dl>div{gap:var(--space-1);display:grid}.system-build-details dt{color:var(--color-text-muted);font-size:var(--text-xs)}.system-build-details dd{min-width:0;color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.project-case .system-repository__scope li{max-width:none;line-height:inherit}@media (width>=480px){.system-repository__header{grid-template-columns:auto minmax(0,1fr) auto}.system-repository__badges{grid-column:auto;justify-content:flex-end}.system-workflow__cta{width:fit-content}.system-build-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.system-diagram__fallback{padding:var(--space-4) var(--space-6)}.system-explorer{padding:var(--space-5) var(--space-6)}.system-explorer__relations{grid-template-columns:repeat(3,minmax(0,1fr))}.system-workflow__repository-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-repository{padding:var(--space-5)}}@media (width>=1024px){.system-diagram__svg--desktop{display:block}.system-diagram__fallback{display:none}.system-workflow{gap:var(--space-7)}.system-diagram__svg{padding:var(--space-5)}}