.diagram{background:#f4ede105;border:1px solid #f4ede11a;border-radius:6px;max-width:1080px;margin:32px auto;padding:28px max(20px,3vw);position:relative}.diagram__caption{font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-3,var(--bone));margin:0 0 16px;font-size:13px}.diagram svg{width:100%;height:auto;display:block}.diagram--four-layer svg{max-height:380px}.diagram--two-tier svg{max-height:460px}.diagram--timeline svg{max-height:320px}.diagram--ttb{background:color-mix(in srgb, var(--ink) 3%, transparent);border:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}.ttb__caption{color:color-mix(in srgb, var(--ink) 55%, transparent)}.ttb__tier{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--bone);border-radius:12px;padding:20px 22px 22px}.ttb__tier--company{border-top:3px solid var(--amber)}.ttb__tier--personal{border-top:3px solid color-mix(in srgb, var(--ink) 30%, transparent)}.ttb__tier-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.ttb__tier-name{font-family:var(--font-display);color:var(--ink);font-size:clamp(20px,1.8vw,26px);font-weight:700}.ttb__own{font-family:var(--font-pixel,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:4px 10px;font-size:11px}.ttb__own--company{color:var(--amber-deep);background:color-mix(in srgb, var(--amber) 14%, var(--bone));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--amber) 45%, transparent)}.ttb__own--personal{color:color-mix(in srgb, var(--ink) 70%, transparent);background:color-mix(in srgb, var(--ink) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent)}.ttb__desc{color:color-mix(in srgb, var(--ink) 76%, transparent);max-width:64ch;margin:12px 0 16px;font-size:15px;line-height:1.55}.ttb__clusters,.ttb__personal{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ttb__cluster,.ttb__chip{font-family:var(--font-pixel,ui-monospace, monospace);letter-spacing:.04em;background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);color:var(--ink);border-radius:8px;padding:6px 12px;font-size:12px}.ttb__cluster{border-color:color-mix(in srgb, var(--amber) 38%, transparent)}.ttb__flow{color:var(--amber-deep);align-items:center;gap:10px;padding:14px 8px;display:flex}.ttb__flow-arrow{color:var(--amber);font-size:20px;line-height:1}.ttb__flow-label{font-family:var(--font-pixel,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.diagram--rendered{background:0 0;border:none;padding:0}.diagram--rendered img{background:var(--ink);border:1px solid #f4ede11a;border-radius:8px;width:100%;height:auto;display:block}@media (max-width:720px){.diagram{margin:24px auto;padding:20px 16px}}