.viz{--viz-accent:var(--accent,#a03929);--viz-line:var(--line,#d8d6ce);--viz-soft:var(--soft,#f0eee7);color:var(--ink,#202523);border:1px solid var(--viz-line);border-radius:18px;padding:clamp(18px,3vw,32px);background:var(--paper,#faf9f4);overflow:hidden}
.viz *{box-sizing:border-box}.viz h3{font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.2;letter-spacing:-.035em;margin:7px 0 25px;max-width:35ch}.viz-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;font-weight:700;margin:0;color:var(--muted,#626963)}
.viz-controls{display:grid;gap:18px;margin-bottom:24px}.viz-choices{border:0;padding:0;margin:0;min-width:0}.viz-choices legend{font-size:.76rem;font-weight:650;margin-bottom:9px;padding:0;color:var(--muted,#626963)}.viz-choices>div{display:flex;gap:6px;flex-wrap:wrap}.viz-choices button{appearance:none;font:inherit;font-size:.76rem;line-height:1.3;cursor:pointer;min-height:42px;border:1px solid var(--viz-line);border-radius:8px;background:transparent;color:inherit;padding:9px 12px;transition:background .15s,border-color .15s;max-width:100%}.viz-choices button[aria-pressed=true]{background:var(--ink,#202523);color:var(--paper,#faf9f4);border-color:var(--ink,#202523)}.viz-choices button:hover{border-color:var(--viz-accent)}.viz button:focus-visible,.viz input:focus-visible{outline:3px solid var(--viz-accent);outline-offset:3px}
.viz-range{display:grid;gap:10px;font-size:.82rem;max-width:560px}.viz-range>span{display:block}.viz-range output{font-weight:750;font-variant-numeric:tabular-nums;margin-left:5px}.viz-range input{width:100%;accent-color:var(--viz-accent);min-height:24px;cursor:pointer;margin:0}
.viz-stage{min-width:0}.viz-flow{list-style:none;padding:0;margin:6px 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px}.viz-flow li{position:relative;background:var(--viz-soft);border:1px solid transparent;border-radius:10px;padding:15px 12px;min-width:0;display:flex;flex-direction:column;gap:7px;min-height:130px}.viz-flow li.viz-active{border-color:var(--viz-accent)}.viz-step-index{font-variant-numeric:tabular-nums;font-size:.66rem;color:var(--viz-accent);font-weight:750;letter-spacing:.07em}.viz-flow strong{font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}.viz-flow li>span:last-child{font-size:.74rem;line-height:1.5;color:var(--muted,#626963)}
.viz-callout{border-left:3px solid var(--viz-accent);padding:12px 0 12px 16px;margin:16px 0;background:transparent}.viz-callout>strong{display:block;font-size:.91rem;line-height:1.45}.viz-callout p{font-size:.86rem;line-height:1.65;margin:5px 0 0;max-width:74ch}.viz-note{font-size:.71rem;line-height:1.65;color:var(--muted,#626963);margin:18px 0 0;border-top:1px solid var(--viz-line);padding-top:14px;max-width:90ch;overflow-wrap:anywhere}
.viz-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:12px 0 20px}.viz-cards>div{background:var(--viz-soft);border-radius:10px;padding:17px}.viz-cards strong{font-size:.84rem;display:block;line-height:1.4}.viz-cards p{font-size:.82rem;line-height:1.6;margin:8px 0 0}
.viz-bars{display:grid;gap:19px;margin:25px 0}.viz-bar-row{min-width:0}.viz-bar-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.8rem;line-height:1.4}.viz-bar-label>span{max-width:45%}.viz-bar-label>strong{font-size:.94rem;font-variant-numeric:tabular-nums;text-align:right}.viz-bar-label small{font-size:.65rem;font-weight:500}.viz-track{height:18px;background:var(--viz-soft);border-radius:4px;overflow:hidden}.viz-track>span{display:block;height:100%;background:var(--viz-accent);border-radius:4px}.viz-bar-row>p{font-size:.7rem;margin:7px 0}.viz-dim .viz-track>span{background:var(--muted,#626963)}.viz-dim .viz-bar-label{color:var(--muted,#626963)}
.viz-quadrants{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.viz-quadrants>div{min-height:95px;padding:18px;background:var(--viz-soft);border:1px solid transparent;border-radius:10px;font-size:.8rem;display:flex;align-items:center;line-height:1.5}.viz-quadrants .viz-active{border-color:var(--viz-accent);font-weight:700}
.viz-dependencies{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.viz-dependencies>div{background:var(--viz-soft);padding:20px 10px;min-height:78px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;font-size:.78rem;text-transform:capitalize;text-align:center}.viz-dependencies .viz-hub{background:var(--ink,#202523);color:var(--paper,#faf9f4);font-weight:700}.viz-dependencies .viz-active{border-color:var(--viz-accent);font-weight:700}
.viz-network,.viz-trend,.viz-creative{display:block;width:100%;max-width:650px;margin:18px auto;overflow:visible}.viz-network rect{fill:var(--viz-soft);stroke:var(--viz-line);stroke-width:1}.viz-network text,.viz-trend text,.viz-creative text{font-size:12px;text-anchor:middle;fill:var(--ink,#202523);font-family:inherit}.viz-network .viz-edge{stroke:var(--muted,#626963);stroke-width:2}.viz-network .viz-edge-failed{stroke:var(--viz-accent);stroke-width:3;stroke-dasharray:5 5}.viz-network .viz-node-failed{stroke:var(--viz-accent);stroke-width:3}.viz-trend polyline{fill:none;stroke-width:3}.viz-trend .viz-series-info{stroke:var(--viz-accent)}.viz-trend circle.viz-series-info{fill:var(--viz-accent)}.viz-trend .viz-series-news{stroke:var(--ink,#202523);stroke-dasharray:5 4}.viz-trend circle.viz-series-news{fill:var(--paper,#faf9f4);stroke-dasharray:none;stroke-width:2}.viz-axis{stroke:var(--viz-line);stroke-width:1}.viz-legend{display:flex;gap:22px;justify-content:center;font-size:.7rem;flex-wrap:wrap}.viz-legend span:first-child{color:var(--viz-accent)}
.viz-table{border-collapse:collapse;width:100%;font-size:.72rem;margin-top:24px}.viz-table caption{text-align:left;font-weight:700;margin-bottom:9px}.viz-table th,.viz-table td{padding:9px 5px;border-bottom:1px solid var(--viz-line);text-align:right;font-variant-numeric:tabular-nums}.viz-table th:first-child{text-align:left}.viz-table th{font-weight:600}
.viz-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:20px}.viz-matrix>div{padding:11px;background:var(--viz-soft);border:1px solid transparent;min-height:80px;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;gap:7px}.viz-matrix strong{font-size:.65rem;line-height:1.4}.viz-matrix span{font-size:.68rem;color:var(--muted,#626963)}.viz-matrix .viz-active{border-color:var(--viz-accent);background:var(--paper,#faf9f4)}.viz-creative circle{fill:var(--viz-soft);stroke:var(--viz-accent);stroke-width:1.5}.viz-creative text:last-child{font-size:9px;letter-spacing:.1em;fill:var(--muted,#626963)}
@media(max-width:480px){.viz{padding:18px 14px;border-radius:12px}.viz-choices button{font-size:.72rem;padding:8px 10px}.viz-flow{grid-template-columns:1fr 1fr}.viz-flow li{min-height:120px}.viz-cards{grid-template-columns:1fr}.viz-bar-label{font-size:.73rem}.viz-bar-label>strong{max-width:55%;font-size:.85rem}.viz-matrix>div{padding:8px}.viz-dependencies>div{font-size:.7rem;padding:15px 6px}.viz-quadrants>div{padding:12px;font-size:.75rem}.viz-network text,.viz-trend text{font-size:13px}}
@media(prefers-reduced-motion:reduce){.viz *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}