/* Editorial diagrams use the existing Corbel typography and monochrome palette. */
.tdv-flow{margin:0;border:1px solid var(--line);background:var(--soft);padding:1.75rem;min-width:0}
.tdv-flow-label,.tdv-check-label,.tdv-column-label,.tdv-exclusion-label{font-size:.75rem;line-height:1.5;letter-spacing:.025em}
.tdv-flow-label{color:var(--muted);margin-bottom:1.5rem}
.tdv-flow-steps{list-style:none;padding:0;margin:0}
.tdv-flow-step{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:1rem;position:relative;padding:1.125rem;background:var(--paper);border:1px solid #D4D4D8}
.tdv-flow-step+.tdv-flow-step{margin-top:1.25rem}
.tdv-flow-step+.tdv-flow-step::before{content:"";position:absolute;width:1px;height:1.25rem;background:#A1A1AA;left:calc(1.125rem + .75rem);bottom:100%}

.tdv-index{font-family:"IBM Plex Mono",monospace;font-size:.75rem;line-height:1.5;white-space:nowrap;color:var(--muted)}
.tdv-flow-step>.tdv-index{padding-top:.125rem}
.tdv-flow-step strong{display:block;font-size:1rem;font-weight:500;line-height:1.4}
.tdv-flow-step p{color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:.375rem}
.tdv-check{border-top:1px solid #D4D4D8;margin-top:1.5rem;padding-top:1rem}
.tdv-check-label{display:block;color:var(--muted);margin-bottom:.375rem}
.tdv-check p{font-size:.875rem;line-height:1.5}
.tdv-preview{background:var(--soft);border-bottom:1px solid var(--line)}
.tdv-scope{margin:0;min-width:0}
.tdv-scope-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #D4D4D8;background:var(--paper)}
.tdv-scope-column{padding:2rem;min-width:0}
.tdv-scope-column+.tdv-scope-column{border-left:1px solid #D4D4D8}

.tdv-column-label{display:flex;align-items:start;gap:.875rem;color:var(--muted);margin-bottom:1.5rem}
.tdv-scope-column h3{font-family:Sora,Pretendard,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.35;letter-spacing:-.035em;max-width:18ch;margin-bottom:1.5rem}
.tdv-scope-column ul{padding:0;margin:0;list-style:none}
.tdv-scope-column li{font-size:.9375rem;line-height:1.55;color:var(--muted);padding:.75rem 0;border-top:1px solid #D4D4D8}

.tdv-exclusion{display:grid;grid-template-columns:minmax(11rem,.8fr) minmax(0,2fr);align-items:baseline;gap:1rem;padding:1.125rem 2rem;background:#18181B;color:#FAFAFA}
.tdv-exclusion-label{color:#D4D4D8}
.tdv-exclusion p{font-size:.9375rem;line-height:1.6;max-width:70ch}
.tdv-scope>figcaption{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:1rem;max-width:85ch}
@media(max-width:900px){
 .tdv-scope-columns{grid-template-columns:minmax(0,1fr)}
 .tdv-scope-column+.tdv-scope-column{border-left:0;border-top:1px solid #D4D4D8}
 .tdv-scope-column h3{max-width:none;margin-bottom:1rem}
 .tdv-column-label{margin-bottom:1rem}
 .tdv-scope-column ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
 .tdv-exclusion{grid-template-columns:minmax(0,1fr);gap:.5rem}
}
@media(max-width:540px){
 .tdv-flow{padding:1.25rem}
 .tdv-flow-step{padding:1rem;gap:.75rem}
 .tdv-flow-step+.tdv-flow-step::before{left:1.75rem}
 .tdv-scope-column{padding:1.5rem}
 .tdv-scope-column ul{grid-template-columns:minmax(0,1fr);gap:0}
 .tdv-scope-column h3{font-size:1.25rem}
 .tdv-exclusion{padding:1.25rem 1.5rem}
}
@media print{.tdv-flow,.tdv-scope-column{break-inside:avoid}.tdv-exclusion{background:#F4F4F5;color:#18181B}.tdv-exclusion-label{color:#52525B}}
