/* css/pages/viz-generational.css — extracted from viz-generational.html */

:root{--panel:var(--color-surface);--border:var(--color-surface2);--muted:var(--color-text-dim);--text:var(--color-text);}
*{box-sizing:border-box;margin:0;padding:0;}
/* body bg/color: inherited from theme.css */
.vz-wrap{max-width:1100px;margin:0 auto;padding:24px 20px 80px;}
.vz-hdr{margin-bottom:20px;}
.vz-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(20px,4vw,28px);color:var(--color-text);margin-bottom:6px;}
.vz-desc{font-size:13px;color:var(--muted);line-height:1.6;max-width:600px;margin-bottom:12px;}
.vz-note{font-size:11px;color:var(--muted);font-style:italic;margin-top:10px;padding:8px 12px;background:var(--color-surface2);border-radius:6px;border-left:2px solid var(--color-border);}
.vz-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;width:100%;position:relative;}
.vz-loading{display:flex;align-items:center;justify-content:center;min-height:300px;gap:12px;color:var(--muted);font-size:13px;}
.vz-spin{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--color-accent-c);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;}
@keyframes spin{to{transform:rotate(360deg)}}
.ec-c{width:100%;height:460px;}
.d3-c{width:100%;display:block;}

/* container height — moved from inline style S257 */
.d3-c#d3-tl { height: 420px; }