/* tehnowar: материалы с визуализацией. Без JS карточки .tw-viz-step остаются обычным текстом */
.tw-viz{--v-land:#e4d8bd;--v-water:#8dbbd0;--v-accent:#c8391f;--v-card:#fff;--v-ink:#1b2126;--v-muted:#5d666d;--v-dot:#1f4f66;position:relative;margin:20px 0;color:var(--v-ink)}
html.dark .tw-viz,body.dark .tw-viz,[data-theme="dark"] .tw-viz{--v-land:#3a3528;--v-water:#26566c;--v-accent:#ff6b4f;--v-card:#1f262c;--v-ink:#eef0f1;--v-muted:#a1abb2;--v-dot:#cfe6f1}
.tw-viz-step time{display:block;font:700 13px system-ui,sans-serif;color:var(--v-accent)}
.tw-viz-stage{overflow:hidden}
.tw-viz svg{width:100%;height:auto;display:block}
.tw-viz svg text{font:15px system-ui,sans-serif;fill:var(--v-ink)}
.tw-viz-stats{display:flex;gap:28px;justify-content:center;font:14px/1.3 system-ui,sans-serif;color:var(--v-muted);padding-bottom:8px}
.tw-viz-stats b{display:block;white-space:nowrap;font-size:clamp(20px,5vw,30px);color:var(--v-ink);font-variant-numeric:tabular-nums}
.tw-viz-legend{display:flex;gap:6px 16px;justify-content:center;flex-wrap:wrap;font:13px system-ui,sans-serif;color:var(--v-muted);padding-top:6px}
.tw-viz-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;border:2px solid var(--v-accent)}
.tw-viz-legend .f{background:var(--v-accent)}
.tw-viz-nav{display:flex;gap:6px;overflow-x:auto;padding:10px 0}
.tw-viz-nav button{flex:none;padding:7px 12px;border:1px solid var(--v-muted);border-radius:6px;background:none;color:var(--v-ink);font:14px system-ui,sans-serif;cursor:pointer}
.tw-viz-nav button.cur{background:var(--v-accent);border-color:var(--v-accent);color:#fff}
.tw-viz-step div{min-height:96px}
@media (max-width:600px){.tw-viz svg text{font-size:30px}.tw-viz-stats b{font-size:20px}}
.tw-money{--v-accent:#c8391f;--v-ink:#1b2126;--v-muted:#5d666d;margin:20px 0}
.tw-money-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.tw-money-card{border:1px solid #0002;border-radius:8px;padding:12px;font-family:system-ui,sans-serif}
.tw-money-card .n,.tw-money-card .c{display:block;font-size:14px}
.tw-money-card .v{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.tw-money-card svg{width:100%;height:60px;display:block;margin-top:6px}
.tw-money-card path{fill:none;stroke:var(--v-accent);stroke-width:2;stroke-dasharray:1}
.tw-money .tw-viz-nav button{flex:none;padding:7px 12px;border:1px solid var(--v-muted);border-radius:6px;background:none;font:14px system-ui,sans-serif;cursor:pointer;color:var(--v-ink)}
.tw-money .tw-viz-nav button.cur{background:var(--v-accent);border-color:var(--v-accent);color:#fff}
.tw-money .tw-viz-nav{display:flex;gap:6px;padding:0 0 10px}
.tw-money table{width:100%;border-collapse:collapse}.tw-money td,.tw-money th{padding:6px;text-align:left}
html[data-theme=dark] .tw-money{--v-accent:#ff6b4f;--v-ink:#eef0f1;--v-muted:#a1abb2}
html[data-theme=dark] .tw-money-card{border-color:#fff3}