/* Building your portfolio (/product/portfolio-construction). Shared parts are in css/tomnext.css. */

/* Hero: current allocation against target, then the pacing line rising to meet it */
.tn-pc-gauge{margin:4px 0 18px}
.tn-pc-gauge-track{position:relative;height:12px;border-radius:6px;background:var(--tn-fog)}
.tn-pc-gauge-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--tn-volt-blue)}
.tn-pc-gauge-target{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px dashed var(--tn-midnight)}
.tn-pc-gauge-labels{position:relative;height:20px;margin-top:10px;font-size:12px;color:var(--tn-iron)}
.tn-pc-gauge-labels span{position:absolute;top:0;white-space:nowrap}
.tn-pc-gauge-labels span:first-child{left:0}
.tn-pc-gauge-labels span:last-child{transform:translateX(-50%)}
.tn-pc-gauge-labels strong{font-weight:600;color:var(--tn-midnight)}

/* Sections 2–5 (target mix, pacing, cash reserve, limits) use the shared
   product visuals in css/visuals.css. Bullet points under a section's copy: */