/* The concise public learning journey. Shared materials/type live in theme.css.
   Each chapter has one job; all motion leaves reading and action targets still. */
/* Career evidence is open editorial content. Only plot geometry scales: labels
   use live text and shared tokens, including when JavaScript is unavailable. */
.career-outlook figure{margin:0;min-width:0}
.career-outlook h3{font-size:var(--cc-type-subhead);line-height:1.4;margin:0 0 var(--cc-space-1)}
.career-outlook .career-note{font-size:var(--cc-type-note);line-height:1.7;color:var(--cc-text-secondary);margin:0}
.career-outlook #career-boundary{margin-bottom:var(--cc-space-4);max-width:var(--cc-reading-measure)}
.career-salary-rows{margin:var(--cc-space-3) 0 0}
.career-salary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--cc-space-1);padding-block:var(--cc-space-2);border-bottom:1px solid var(--cc-border-subtle)}
.career-salary-row dd{margin:0;min-width:0}
.career-level{font-size:var(--cc-type-body);font-weight:550;color:var(--cc-text-primary)}
.career-amount{font:500 var(--cc-type-body)/1.6 var(--font-mono);white-space:nowrap;color:var(--cc-text-primary)}
.career-range{grid-column:1/-1;height:8px;background:var(--cc-border-subtle);position:relative;border-radius:4px}
.career-range span{display:block;position:absolute;left:var(--salary-left);width:var(--salary-width);height:100%;border-radius:inherit;background:var(--cc-blue-bright)}
.career-employer{grid-column:1/-1;font-size:var(--cc-type-note);line-height:1.6;color:var(--cc-text-secondary)}
.career-salary-axis{display:flex;justify-content:space-between;gap:8px;margin:var(--cc-space-2) 0 var(--cc-space-3);font:var(--cc-type-label)/1.6 var(--font-mono);color:var(--cc-text-secondary)}
.career-series-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cc-space-5);margin-top:var(--cc-space-5)}
.career-series{display:flex;flex-direction:column}
.career-series>.career-note{flex:1}
.career-line-chart{margin:var(--cc-space-3) 0 var(--cc-space-2);font:var(--cc-type-label)/1.5 var(--font-mono);color:var(--cc-text-secondary)}
.career-axis-unit{margin:0 0 var(--cc-space-2);font:inherit}
.career-plot-area{position:relative;padding-left:46px;padding-right:5px}
.career-y-axis{position:absolute;inset:0 auto 0 0;width:34px;display:flex;flex-direction:column;justify-content:space-between;text-align:right}
.career-y-axis span{transform:translateY(-50%);height:0}
.career-plot{position:relative;height:clamp(160px,14vw,220px)}
.career-plot svg{display:block;width:100%;height:100%;overflow:visible}
.career-grid{stroke:var(--cc-border);stroke-width:1}
.career-grid line,.career-line{vector-effect:non-scaling-stroke}
.career-line{stroke:var(--cc-blue-bright);stroke-width:2;fill:none}
.career-point{position:absolute;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--cc-blue-bright);border:1.5px solid var(--cc-blue-bright)}
.career-series[data-series="outlook"] .career-line{stroke:var(--cc-text-primary);stroke-dasharray:5 5}
.career-series[data-series="outlook"] .career-point{background:var(--cc-canvas);border-color:var(--cc-text-primary)}
.career-endpoint{position:absolute;transform:translateY(calc(-100% - 10px));font-size:var(--cc-type-note);color:var(--cc-text-primary)}
.career-endpoint-first{left:0}
.career-endpoint-last{right:0}
.career-x-axis{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:var(--cc-space-2) 5px 0 46px}
.career-sources{border-top:1px solid var(--cc-border);margin-top:var(--cc-space-4);font-size:var(--cc-type-note);line-height:1.8;color:var(--cc-text-secondary)}
.career-sources summary{cursor:pointer;min-height:44px;padding:var(--cc-space-3) 0;color:var(--cc-blue-bright)}
.career-sources summary>span{display:inline-block;color:var(--cc-text-secondary);margin-left:var(--cc-space-2)}
.career-sources p,.career-sources ul{max-width:var(--cc-reading-measure);margin:0 0 var(--cc-space-3)}
.career-sources ul{padding-left:var(--cc-space-3)}
.career-sources li{margin-bottom:var(--cc-space-2)}
.career-sources a{color:var(--cc-blue-bright);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.career-sources :is(summary,a):focus-visible{outline:2px solid var(--cc-text-primary);outline-offset:4px}
@media(max-width:1000px){.career-series-pair{grid-template-columns:1fr}.career-sources summary>span{display:block;margin-left:0}}
@media(forced-colors:active){
 .career-range{background:none;border-bottom:1px solid CanvasText}
 .career-range span,.career-point{background:CanvasText;border-color:CanvasText;forced-color-adjust:none}
 .career-grid,.career-line,.career-series[data-series="outlook"] .career-line{stroke:CanvasText}
 .career-series[data-series="outlook"] .career-point{background:Canvas;border-color:CanvasText}
}
@media print{
 .career-outlook{color:#000!important;background:#fff!important}
 .career-outlook,.career-outlook *{color:#000!important}
 body #career-sources summary{color:#000!important;background:#fff!important;transition:none!important}
 .career-outlook .career-range{background:#ddd!important}
 .career-outlook .career-range span,.career-outlook .career-point{background:#000!important;border-color:#000!important}
 .career-outlook .career-grid,.career-outlook .career-line,.career-outlook .career-series[data-series="outlook"] .career-line{stroke:#000!important}
 .career-outlook .career-salary-row,.career-outlook .career-series{break-inside:avoid}
 .career-outlook .career-sources:not([open])>:not(summary){display:block!important}
 .career-outlook .career-sources::details-content{content-visibility:visible!important}
}