.ability-charts{--ab-bg:#0c1629;--ab-panel:#111f35;--ab-line:#2e4563;--ab-text:#e7f0fc;--ab-muted:#9eb1c9;--ab-cyan:#5bd9ef;--ab-gold:#ffd079;background:var(--ab-bg);color:var(--ab-text);border-radius:20px;padding:26px;margin:24px 0;font:14px/1.65 system-ui,sans-serif;overflow-wrap:anywhere;color-scheme:dark}
.ability-charts *{box-sizing:border-box}.ability-charts h2,.ability-charts h3,.ability-charts p{color:inherit;line-height:1.6;margin:0 0 10px}.ability-charts h2{font-size:23px;font-weight:600}.ability-charts h3{font-size:18px;font-weight:600}.ability-charts small{font-size:12px;color:var(--ab-muted);font-weight:400;display:block}.ability-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.ability-charts a{color:var(--ab-gold)}.ability-eyebrow,.ability-status{font-size:12px;color:var(--ab-muted)!important}.ability-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px}.ability-panel{min-width:0;padding:18px;background:var(--ab-panel);border:1px solid var(--ab-line);border-radius:14px}.ability-charts svg{width:100%;height:auto;display:block;overflow:visible}.ability-charts svg text{font:12px system-ui,sans-serif;fill:var(--ab-text)}.ability-charts .ab-core{font-size:28px;font-weight:600;fill:var(--ab-gold)}.ability-charts .ab-small{font-size:11px;fill:var(--ab-muted)}.ability-charts .ab-grid{fill:none;stroke:var(--ab-line);stroke-width:1}.ability-charts .ab-spoke{stroke:var(--ab-line);stroke-width:1}.ability-charts .ab-node{fill:var(--ab-cyan);stroke:var(--ab-panel);stroke-width:2;cursor:pointer;filter:drop-shadow(0 0 4px #5bd9ef55)}.ability-charts .ab-node:focus,.ability-charts .ab-node:hover{stroke:var(--ab-gold);outline:none}.ability-charts .ab-axis{fill:var(--ab-cyan)}.ability-charts .ab-shape{fill:#5bd9ef16;stroke:var(--ab-cyan);stroke-width:2}.ability-question-nav{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.ability-charts button{font:inherit;line-height:1.4;border:1px solid var(--ab-line);border-radius:8px;background:transparent;color:var(--ab-text);padding:7px 10px;cursor:pointer;margin:0}.ability-charts button[aria-pressed=true]{border-color:var(--ab-cyan);background:#5bd9ef18}.ability-charts button:focus-visible,.ability-charts a:focus-visible{outline:2px solid var(--ab-gold);outline-offset:3px}.ability-detail{min-height:110px;border-top:1px solid var(--ab-line);padding-top:12px;font-size:13px}.ability-detail p{white-space:pre-wrap}.ability-detail .ab-evidence{color:var(--ab-muted)}.ability-axes{display:grid;gap:8px;margin-top:10px}.ability-axis-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ab-line);padding:5px 0;font-size:13px}.ability-axis-row span:last-child{text-align:right;color:var(--ab-muted)}.ability-guidance{font-size:12px;color:var(--ab-muted)!important;margin-top:14px!important}.ability-empty{padding:50px 12px;color:var(--ab-muted);text-align:center}.ability-history{margin-top:20px}.ability-history-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ability-history-item{min-width:0}.ability-history-item strong{font-size:12px;font-weight:500}.ability-history-item svg{height:90px}.ability-history-item p{font-size:11px;color:var(--ab-muted)}.ability-history-path{fill:none;stroke:var(--ab-cyan);stroke-width:2}.ability-history-dot{fill:var(--ab-cyan)}
.interview-page .ability-charts{padding:26px;margin:24px 0}
.ability-report-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;flex-shrink:0}
@media(max-width:850px){.ability-grid{grid-template-columns:1fr}.ability-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.ability-charts,.interview-page .ability-charts{padding:16px;border-radius:14px}.ability-heading{display:block}.ability-charts h2{font-size:20px}.ability-panel{padding:12px}.ability-charts button{min-height:44px}.ability-history-grid{grid-template-columns:1fr}.ability-axis-row{font-size:12px}.ability-charts svg text{font-size:13px}}