/* Career outcome charts: keep the SVG visual secondary to the readable legend. */
.career-chart-grid {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:20px;
 margin:28px 0;
}
.career-chart-card {
 min-width:0;
 margin:0;
 padding:20px 18px;
 border:1px solid #ead6d7;
 border-radius:12px;
 background:#fff;
 box-shadow:0 2px 8px rgb(60 20 20 / 7%);
}
.career-chart-visual {
 position:relative;
 display:block;
 width:min(100%,220px);
 height:auto;
 margin:0 auto 14px;
 overflow:visible;
}
.career-chart-visual svg { display:block; width:100%; height:auto; }
figure.career-chart-card.is-drawing circle[pathLength] {
 animation:career-chart-draw var(--chart-segment-duration,0ms) linear var(--chart-segment-delay,0ms) 1 backwards;
}
@keyframes career-chart-draw {
 from { stroke-dasharray:0 100; }
 to { stroke-dasharray:var(--chart-segment-dash); }
}
.career-chart-card figcaption h4 { margin:0 0 18px; text-align:center; font-size:20px; line-height:1.4; }
.career-chart-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; pointer-events:none; }
.career-chart-total {
 color:#252525;
 font-size:28px;
 font-weight:700;
 line-height:1;
}
.career-chart-total-label {
 color:#444;
 font-size:12px;
 line-height:1.25;
}
.career-chart-legend {
 display:grid;
 gap:7px;
 margin:0;
 padding:0;
 list-style:none;
 text-align:left;
}
.career-chart-legend li {
 display:grid;
 grid-template-columns:12px minmax(0,1fr);
 align-items:start;
 gap:8px;
 min-width:0;
 line-height:1.5;
}
.career-chart-key {
 min-width:0;
 overflow-wrap:anywhere;
}
.career-chart-legend li::before {
 grid-column:1;
 grid-row:1;
 content:"";
 width:12px;
 height:12px;
 margin-top:.3em;
 border-radius:2px;
 background:var(--chart-color,#9e1a20);
}
.career-chart-legend li > span:first-child { grid-column:2; grid-row:1; min-width:0; overflow-wrap:anywhere; }
.career-chart-value {
 grid-column:2;
 grid-row:2;
 min-width:0;
 max-width:100%;
 text-align:left;
 overflow-wrap:anywhere;
 font-variant-numeric:tabular-nums;
}
@media(max-width:1100px) {
 .career-chart-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .career-chart-card:last-child:nth-child(odd) { grid-column:1 / -1; width:min(100%,480px); justify-self:center; }
}
@media(max-width:700px) {
 .career-chart-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
 .career-chart-card:last-child:nth-child(odd) { grid-column:auto; width:auto; justify-self:stretch; }
 .career-chart-card { padding:18px 16px; }
}
@media(prefers-reduced-motion:reduce) {
 figure.career-chart-card.is-drawing circle[pathLength] { animation:none; }
}