.class-tree{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:8px;align-items:stretch}
    .tree-root{display:flex;align-items:center;justify-content:center;padding:15px;border:2px solid var(--navy);color:var(--navy);font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;text-align:center}
    .tree-node{position:relative;padding:14px;border:1px solid var(--line);background:#fff}.tree-node::before{position:absolute;left:-9px;top:50%;width:8px;border-top:1px solid var(--cyan);content:''}.tree-node b{display:block;margin-bottom:5px;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:10px}.tree-node p{margin:0;font-size:12px;line-height:1.5}.tree-node .share{display:block;margin-top:7px;color:var(--cyan);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:700}
    .notional-scale{display:grid;gap:8px}.scale-row{display:grid;grid-template-columns:155px 1fr 92px;align-items:center;gap:9px;font-family:Inter,Arial,sans-serif}.scale-label{color:var(--muted);font-size:9px}.scale-track{height:18px;background:#f1f3f5}.scale-fill{height:100%;min-width:3px;background:var(--navy)}.scale-fill.cyan{background:var(--cyan)}.scale-fill.coral{background:var(--coral)}.scale-value{color:var(--ink);font-size:9px;font-weight:650;text-align:right;white-space:nowrap}
    .fx-balance{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.fx-side{padding:18px;border:1px solid var(--line);text-align:center}.fx-side b{display:block;color:var(--coral);font-size:22px}.fx-side.hedge b{color:var(--teal)}.fx-side span{color:var(--muted);font-family:Inter,Arial,sans-serif;font-size:9px}.fx-equals{color:var(--cyan);font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:700;text-align:center}.fx-net{grid-column:1/-1;padding:10px;background:var(--blue-bg);color:var(--navy);font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:650;text-align:center}
    @media(max-width:620px){.class-tree{grid-template-columns:1fr}.tree-node::before{display:none}.scale-row{grid-template-columns:112px 1fr 76px}.fx-balance{grid-template-columns:1fr}.fx-net{grid-column:auto}.fx-equals{transform:rotate(90deg)}}