.planner-examples-shell{border:1px solid #bbdfe5;border-radius:12px;background:#edf9fa;margin:0 0 26px;color:#214450}.planner-examples-shell>summary{cursor:pointer;padding:20px 24px;font-size:18px;font-weight:700}.planner-examples-shell>summary>span{font-size:14px;font-weight:400;margin-left:20px;color:#5c7781}#planner-examples{padding:0 24px 24px}#planner-examples button{font:inherit;cursor:pointer}#planner-examples button:focus-visible{outline:3px solid #008d9b;outline-offset:3px}.jx-plan-filters{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center;margin:0 0 22px}.jx-budget-goals{display:flex;justify-content:center;gap:8px;overflow:auto;scrollbar-width:none;padding:4px}.jx-budget-goals button{flex:none;background:white;border:1px solid #c1dfe4;color:#284e5b;border-radius:24px;padding:10px 14px;font-size:14px!important}.jx-budget-goals button[aria-pressed=true]{background:#183f4d;color:white;border-color:#183f4d}.jx-chip-arrow{height:34px;border-radius:50%;background:white;border:1px solid #bddce1;color:#0b6f7d;font-size:23px!important}.example-comparison{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:35px;align-items:center}.jx-plan-breakdown{grid-row:1;grid-column:1}.jx-process-copy{grid-column:2;grid-row:1}.jx-plan-summary h3{font-size:30px;line-height:1.1;margin:0 0 22px;letter-spacing:-.04em}.jx-breakdown-toggle{display:none}.jx-breakdown-body[hidden]{display:none!important}.jx-process-visual{padding:20px;background:white;border:1px solid #d2e6e9;border-radius:10px}.jx-visual-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;letter-spacing:.03em;color:#52747f}.jx-visual-top>b{font-size:12px;color:#007a88;font-weight:500}.jx-plan-legend{display:flex;gap:20px;font-size:12px;color:#54757e;margin-bottom:16px}.jx-plan-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:#aebcc3;margin-right:5px}.jx-plan-legend span:last-child:before{background:#00b9c8}.jx-media-rows{display:grid;gap:15px}.jx-media-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.jx-media-label>div{display:flex;flex-wrap:wrap;gap:3px 8px}.jx-media-label small{font-size:12px;color:#5c7c86}.jx-media-label strong{font-size:14px}.jx-media-label>b{font-size:12px;color:#007a87;background:#e2f7f8;border-radius:5px;padding:4px;white-space:nowrap}.jx-rate-lines{display:grid;gap:5px}.jx-rate-line{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:12px;align-items:center}.jx-rate-track{height:6px;width:var(--mix-width);background:#edf5f6;border-radius:3px;overflow:hidden}.jx-rate-track>i{display:block;height:100%;border-radius:3px;transform-origin:left}.jx-standard-line{width:100%;background:#aebcc3}.jx-special-line{width:var(--special-width);background:#00b9c8}.jx-rate-line>span{font-size:12px;line-height:1;text-align:right;font-variant-numeric:tabular-nums;color:#597780}.jx-rate-line:last-child>span{color:#007f8d;font-weight:700}.jx-total-chart{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center}.jx-total-bars{height:82px;display:flex;justify-content:center;align-items:end;gap:14px;margin-bottom:12px;border-bottom:1px solid #badde2}.jx-total-bars>i{display:block;width:32px;height:var(--before-height);background:#aebcc3;border-radius:4px 4px 0 0}.jx-total-bars>i:last-child{height:var(--after-height);background:#00bac8}.jx-total-metric h4{font-size:16px;margin:0 0 10px}.jx-total-numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px 10px;margin-bottom:10px}.jx-total-numbers>span{font-size:14px;color:#68818b}.jx-total-numbers>strong{font-size:26px;color:#007c89}.jx-plan-benefit{display:inline-block;border-radius:20px;padding:7px 10px;background:#173f4b;color:#8bf2ec;font-size:12px}.jx-passenger-number{display:flex;height:82px;align-items:center;justify-content:center;font-size:38px;font-weight:700;letter-spacing:-.05em;color:#007d89;margin-bottom:12px}.jx-passenger-metric small{font-size:12px;color:#65808b}.example-note{font-size:13px;line-height:1.5;color:#557480;margin:20px 0 12px}.example-method{font-size:14px;color:#416574}.example-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.example-method h3{font-size:18px;margin:20px 0 8px}.example-method p{font-size:14px;line-height:1.6;margin:10px 0}.jx-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.jx-rate-track>i{animation:example-bar .7s both;animation-delay:calc(var(--row)*.07s)}@keyframes example-bar{from{transform:scaleX(.25)}to{transform:scaleX(1)}}}
@media(max-width:1000px){.jx-budget-goals{justify-content:flex-start}.example-comparison{gap:20px}.jx-process-visual{padding:15px}}
@media(max-width:700px){.planner-examples-shell>summary{font-size:16px;padding:16px}.planner-examples-shell>summary>span{display:block;margin:5px 0 0;font-size:12px}#planner-examples{padding:0 14px 18px}.jx-plan-filters{gap:5px;margin-bottom:16px}.jx-budget-goals button{font-size:12px!important;padding:9px 12px}.example-comparison{display:flex;flex-direction:column;align-items:stretch;gap:18px}.jx-process-copy{order:0}.jx-plan-breakdown{order:1;border-top:1px solid #c8e2e7}.jx-plan-summary h3{font-size:23px;margin-bottom:15px}.jx-breakdown-toggle{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;padding:14px 0;color:#175769;font-size:14px!important;text-align:left}.jx-total-numbers>strong{font-size:24px}.jx-passenger-number{font-size:32px}.jx-media-label strong{font-size:13px}}

/* Keep the empty-plan flow primary; examples and detailed priorities are optional. */
.planner-examples-shell{margin:24px 0 0}
.target-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.target-presets button{font:inherit;font-size:14px;border:1px solid #aacdd3;background:white;color:#214450;border-radius:20px;min-height:44px;padding:8px 15px;cursor:pointer}
.target-presets button[aria-pressed=true]{background:#163f4b;color:white;border-color:#163f4b}
.planner-mix-settings{margin-top:24px;border-top:1px solid #cbdde3;padding-top:16px}
.planner-mix-settings>summary{font-size:15px;font-weight:600;cursor:pointer;padding:8px 0}.planner-mix-settings>summary>span{font-weight:400;color:#64818c}
.planner-mix-settings .mix-title{margin-top:12px;border-top:0;padding-top:0}