/* Human Matrix 0.8 — chart hierarchy and reference pass */
.chart-card.v08{overflow:hidden}
.chart-card.v08 .chart-card-heading{margin-bottom:12px}
.chart-essentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.chart-essentials>div{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.chart-essentials span{display:block;margin-bottom:3px;font-size:9px;line-height:1.2;color:var(--muted)}
.chart-essentials strong{display:block;font-size:12px;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.layer-guide{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.layer-guide>div{display:flex;align-items:baseline;gap:6px;padding:7px 10px;border-radius:9px;background:#f7f8f9;border-left:3px solid #263345}
.layer-guide .design{border-left-color:#d95760;background:#fff7f7}
.layer-guide strong{font-size:11px}
.layer-guide .design strong{color:#c84650}
.layer-guide .personality strong{color:#263345}
.layer-guide span{font-size:9px;color:var(--muted)}
.chart-card.v08 .bodygraph-with-activations{display:grid;grid-template-columns:138px minmax(360px,1fr) 138px;gap:14px;align-items:start}
.chart-card.v08 .bodygraph-center{min-width:0;grid-column:auto;grid-row:auto}
.activation-rail.v08{padding:10px 8px 8px;border-radius:10px;background:#fafbfc;border-top-width:4px}
.activation-rail.v08.design{background:#fff8f8}
.activation-rail.v08 .rail-title{padding:0 4px 8px}
.activation-rail.v08 .rail-title strong{font-size:13px}
.activation-rail.v08 .rail-title span{font-size:9px}
.activation-rail.v08 .rail-row{grid-template-columns:18px minmax(0,1fr) auto;gap:5px;min-height:28px;font-size:9.5px}
.activation-rail.v08 .planet-symbol{font-size:14px}
.activation-rail.v08 .planet-name{font-size:9.5px}
.rail-gate{min-width:38px;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--rail);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;font-variant-numeric:tabular-nums;text-align:right}
.rail-gate:hover,.rail-gate:focus-visible{background:#fff;outline:1px solid var(--line)}
.chart-card.v08 .bodygraph.geometric svg{width:100%;max-width:520px;max-height:none;margin-inline:auto}
.chart-card.v08 .bodygraph{margin-inline:auto}
.chart-help{margin:10px 0 0;text-align:center;font-size:10px;color:var(--muted)}
.source-library ul{margin:10px 0 12px;padding-left:20px}
.source-library li+li{margin-top:6px}

@media(max-width:1050px){
 .chart-card.v08 .bodygraph-with-activations{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .chart-card.v08 .bodygraph-center{grid-column:1/-1;grid-row:1}
 .chart-card.v08 .activation-rail{grid-row:2}
}
@media(max-width:680px){
 .chart-card.v08{padding:12px 8px 13px}
 .chart-essentials{grid-template-columns:1fr 1fr;gap:6px}
 .chart-essentials>div{padding:8px}
 .chart-essentials strong{font-size:11px}
 .layer-guide{gap:6px}
 .layer-guide>div{display:block;padding:7px 8px}
 .layer-guide span{display:block;margin-top:2px;font-size:8.5px}
 .chart-card.v08 .bodygraph-with-activations{gap:7px}
 .activation-rail.v08{padding:8px 6px}
 .activation-rail.v08 .rail-title strong{font-size:12px}
 .activation-rail.v08 .rail-row{grid-template-columns:17px minmax(0,1fr) auto;gap:3px;min-height:27px}
 .activation-rail.v08 .planet-symbol{font-size:13px}
 .activation-rail.v08 .planet-name{font-size:8.5px}
 .rail-gate{min-width:34px;font-size:10.5px}
}
@media(max-width:410px){
 .activation-rail.v08 .rail-row{grid-template-columns:14px minmax(0,1fr) auto;gap:3px;min-height:25px}
 .activation-rail.v08 .planet-symbol{font-size:12px}
 .chart-card.v08 .planet-name{font-size:8px}
 .rail-gate{min-width:30px;padding:2px 3px;font-size:9.5px}
 .layer-guide span{font-size:8px}
}
@media(max-width:340px){
 .activation-rail.v08 .rail-row{grid-template-columns:12px minmax(0,1fr) auto}
 .chart-card.v08 .planet-name{font-size:7.5px}
 .rail-gate{min-width:27px;font-size:9px}
}