/* Shared diagram system: structure remains live HTML at every text size. */
.system-art{margin:0;padding:var(--card-inset);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}.system-art figcaption{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.system-art>h2{margin-bottom:var(--space-6)}.system-art-body{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--space-6)}.system-art-input,.system-art-output{min-width:0}.system-art-input strong,.system-art-output strong{display:block;margin-block:var(--space-2);font-size:var(--text-h3)}.system-art-input p,.system-art-note{font-size:var(--text-small);color:var(--muted)}.system-art-note{margin-top:var(--space-6)}.art-transfer{display:block;color:var(--accent);font-size:var(--text-h2);margin-top:var(--space-4)}.system-art-output{border-left:3px solid var(--accent);padding:var(--space-4);background:var(--tint)}.system-art-center{min-width:0}.agent-map{padding:var(--space-6);border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.agent-hub{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.agent-hub svg{width:80px;flex-shrink:0}.agent-nodes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.agent-nodes span{border-top:2px solid var(--accent);background:var(--surface);padding:var(--space-4);font-size:var(--text-small)}.art-sheet{border:1px solid var(--line);background:var(--panel);overflow:auto}.art-sheet-row{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));min-width:320px}.art-sheet-row>*{padding:var(--space-4);font-size:var(--text-small);border-bottom:1px solid var(--line)}.art-sheet-row:first-child{background:var(--tint);color:var(--accent)}.art-files{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.art-file{padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3)}.art-file>span{font-size:var(--text-small)}.art-file-icon{align-self:start;color:var(--accent);padding:var(--space-3);border:1px solid var(--accent)}.art-file-lines{height:64px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,var(--line) 15px,var(--line) 16px)}.art-queue{display:grid;gap:var(--space-2)}.art-queue>div{background:var(--panel);border:1px solid var(--line);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.queue-lines{height:8px;flex:1;background:var(--line)}.queue-direction{text-align:center;color:var(--accent)}.art-queue .queue-release{background:var(--tint);color:var(--accent)}.art-radar{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.radar-target{width:176px;height:176px;position:relative;border:1px solid var(--accent);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,transparent 28px,var(--line) 29px,transparent 30px)}.radar-target:before,.radar-target:after{content:'';position:absolute;background:var(--line)}.radar-target:before{width:100%;height:1px;top:50%}.radar-target:after{height:100%;width:1px;left:50%}.radar-target span,.radar-target i,.radar-target b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent)}.radar-target span{top:32%;left:62%}.radar-target i{top:65%;left:35%}.radar-target b{top:45%;left:20%}.radar-criteria{display:grid;gap:var(--space-3);font-size:var(--text-small)}.system-art-compact{padding:var(--space-4);margin-bottom:var(--space-6)}.system-art-compact .system-art-body{grid-template-columns:1fr}.system-art-compact .system-art-input,.system-art-compact .system-art-output{display:none}.system-art-compact .system-art-center{min-height:220px;display:grid;align-items:center}.system-art-compact figcaption{margin-bottom:var(--space-4)}.system-art-compact .art-demo{font-size:var(--text-small)}.project-card{min-width:0}.project-card h2{font-size:1.5rem}
@media(max-width:1100px){.system-art-body{grid-template-columns:1fr 2fr}.system-art-output{grid-column:1/-1}.system-art-input strong,.system-art-output strong{font-size:var(--text-body)}}
@media(max-width:620px){.system-art-body{grid-template-columns:1fr}.system-art-output{grid-column:auto}.art-transfer{transform:rotate(90deg);width:24px;margin-top:var(--space-2)}.agent-map{padding:var(--space-4)}.agent-nodes,.art-files{grid-template-columns:1fr}.system-art-compact .system-art-center{min-height:0}.system-art figcaption{gap:var(--space-2)}}
.solution-art{background:var(--surface)}.solution-art-intro{display:grid;grid-template-columns:112px 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.solution-art-intro svg{width:112px;color:var(--accent);background:var(--tint);border-radius:var(--radius)}.solution-art-intro h2{margin:0}.specimen-flow{list-style:none;padding:0;margin:0}.specimen-flow li{display:flex;gap:var(--space-4);align-items:start;padding:var(--space-3) 0}.specimen-number{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--accent);color:var(--accent);border-radius:50%;font-size:var(--text-small)}.specimen-flow li>div{border-bottom:1px solid var(--line);flex:1;padding-bottom:var(--space-3)}.specimen-flow li>div>span,.specimen-flow strong{display:block;font-size:var(--text-small)}.specimen-flow li>div>span{color:var(--muted);margin-bottom:var(--space-1)}
@media(max-width:420px){.solution-art-intro{grid-template-columns:1fr}.solution-art-intro svg{width:80px}}