/* Product development: an open workbench, one next decision, a steady outlook rail. */
.development-desk { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:20px; align-items:start; }
.development-main { min-width:0; }
.development-path { display:flex; list-style:none; padding:0; margin:0 0 21px; gap:5px; }
.development-path li { display:flex; align-items:center; justify-content:center; gap:10px; flex:1; min-height:43px; background:var(--surface); color:var(--quiet); font:600 15px Rajdhani,sans-serif; border:1px solid var(--border); clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,6% 50%); }
.development-path li:first-child { clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%); }
.development-path li span { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--surface-alt); }
.development-path li.current { background:var(--amber); color:#122127; border-color:var(--amber); }
.development-path li.current span { background:#122127; color:var(--amber); }
.development-path li.done { color:var(--cyan); }
.development-title h4,.development-legacy h4 { margin:0 0 7px; color:var(--copy); font:600 25px/1.2 Rajdhani,sans-serif; }
.development-title p { color:var(--quiet); font:14px/1.5 Rajdhani,sans-serif; margin:0 0 20px; }
.development-progress-label { display:flex; align-items:baseline; justify-content:space-between; font:16px Rajdhani,sans-serif; }
.development-progress-label strong { font:600 32px Rajdhani,sans-serif; color:var(--amber); }
.development-progress { height:12px; background:var(--surface-alt); border:1px solid var(--border); overflow:hidden; position:relative; }
.development-progress>span { display:block; height:100%; background:var(--amber); transition:width .6s ease; }
.development-progress::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 2px),var(--surface) calc(8.333% - 2px),var(--surface) 8.333%); }
.development-chart-row { display:grid; grid-template-columns:minmax(0,1fr) 155px; gap:20px; padding:23px 0; }
.work-chart { margin:0; min-width:0; }
.work-chart figcaption { display:flex; justify-content:space-between; color:var(--copy); font:14px Rajdhani,sans-serif; }
.work-chart figcaption span { color:var(--quiet); font-size:12px; }
.work-chart svg { display:block; width:100%; height:150px; overflow:visible; }
.work-chart line { stroke:var(--border); stroke-width:1; }
.work-chart text { fill:var(--quiet); font:11px Rajdhani,sans-serif; }
.work-chart polyline { stroke:var(--amber); stroke-width:2; stroke-linejoin:round; }
.work-chart circle { fill:var(--amber); }
.development-chart-row aside { border-left:1px solid var(--border); padding-left:18px; }
.development-chart-row aside small { font:12px Rajdhani,sans-serif; color:var(--quiet); }
.development-chart-row aside strong { display:block; color:var(--copy); font:600 23px Rajdhani,sans-serif; margin:10px 0; }
.development-chart-row aside p { color:var(--quiet); font:12px/1.6 Arial,sans-serif; margin:0; }
.development-plan { border:0; padding:0; margin:0; min-width:0; }
.development-plan legend { font:600 18px Rajdhani,sans-serif; margin-bottom:12px; }
.pace-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.pace-options button { padding:14px 12px; background:var(--surface); color:var(--copy); border:1px solid var(--border); cursor:pointer; text-align:left; }
.pace-options button.chosen { border-color:var(--amber); background:var(--surface-alt); }
.pace-options strong { display:block; font:600 19px Rajdhani,sans-serif; margin-bottom:7px; }
.pace-options .chosen strong { color:var(--amber); }
.pace-options span,.pace-options small { display:block; font:11px/1.5 Arial,sans-serif; color:var(--quiet); }
.pace-options small { margin-top:8px; font:12px/1.5 Rajdhani,sans-serif; }
.development-customer { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:15px; margin:18px 0 0; font:600 16px Rajdhani,sans-serif; }
.development-customer select { min-width:0; padding:11px; color:var(--copy); background:var(--surface); border:1px solid var(--border); font:15px Rajdhani,sans-serif; }
.development-plan-footer { display:flex; gap:18px; align-items:center; justify-content:space-between; margin-top:18px; }
.development-plan-footer p { color:var(--quiet); font:11px/1.6 Arial,sans-serif; max-width:320px; }
.development-plan-footer .action { flex-shrink:0; font-size:13px; }
.development-outlook { border:1px solid var(--border); border-top:2px solid var(--amber); background:var(--surface); padding:20px; }
.development-outlook h4 { font:600 24px Rajdhani,sans-serif; margin:0 0 20px; }
.development-outlook h5 { font:600 17px Rajdhani,sans-serif; margin:23px 0 10px; }
.development-score { display:grid; grid-template-columns:1fr auto; gap:9px; margin-bottom:20px; }
.development-score>span { font:15px Rajdhani,sans-serif; color:var(--copy); }
.development-score>strong { font:600 23px Rajdhani,sans-serif; color:var(--amber); grid-column:2; grid-row:1/3; }
.development-score strong small { font:13px Rajdhani,sans-serif; color:var(--quiet); }
.development-score>div { height:5px; background:var(--border); }
.development-score i { display:block; height:100%; background:var(--amber); }
.development-role { display:flex; gap:10px; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--border); font:14px/1.4 Rajdhani,sans-serif; }
.development-role strong { color:var(--cyan); white-space:nowrap; }
.development-role.short strong { color:var(--amber); }
.development-outlook .studio-help { font-size:11px; margin-top:12px; }
.development-outlook .data-row { font-size:12px; letter-spacing:0; gap:12px; }
.development-outlook .data-row strong { font-size:14px; white-space:nowrap; }
.development-reserve { color:var(--quiet); border-top:1px solid var(--border); padding-top:16px; margin-top:18px; font:12px/1.6 Arial,sans-serif; }
.development-update { grid-column:1/-1; border:1px solid var(--border); border-left:2px solid var(--cyan); padding:20px 24px; background:var(--surface); }
.development-update header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.development-update h4 { font:600 21px Rajdhani,sans-serif; margin:0; }
.development-update small { color:var(--quiet); font:12px Rajdhani,sans-serif; }
.development-update p,.release-feedback p,.development-legacy p { color:var(--copy); font:14px/1.7 Arial,sans-serif; margin:12px 0; }
.development-update details { margin-top:16px; color:var(--quiet); font:13px/1.7 Arial,sans-serif; }
.development-update summary { cursor:pointer; }
.development-update article { border-top:1px solid var(--border); padding-top:12px; margin-top:12px; }
.development-update article p { font-size:12px; color:var(--quiet); }
.prototype-options { display:grid; gap:10px; }
.prototype-options button { position:relative; text-align:left; padding:20px 20px 20px 58px; color:var(--copy); background:var(--surface); border:1px solid var(--border); cursor:pointer; }
.prototype-options button:hover:not(:disabled) { border-color:var(--amber); background:var(--surface-alt); }
.prototype-number { position:absolute; left:18px; top:22px; font:17px Rajdhani,sans-serif; color:var(--amber); }
.prototype-options strong { font:600 22px Rajdhani,sans-serif; }
.prototype-options p { color:var(--quiet); font:13px/1.6 Arial,sans-serif; margin:8px 0; }
.prototype-options small { color:var(--cyan); font:14px Rajdhani,sans-serif; }
.prototype-choose { display:block; color:var(--amber); font:600 14px Rajdhani,sans-serif; margin-top:12px; }
.release-feedback>.action { margin-top:20px; }
.development-legacy { padding:22px; border:1px solid var(--border); background:var(--surface); }
.development-legacy .text-button { margin-left:16px; }
.studio-commercial { margin-top:24px; border-top:1px solid var(--border); padding-top:20px; }
.studio-commercial>summary { cursor:pointer; font:600 22px Rajdhani,sans-serif; margin-bottom:20px; }
.monthly-development { margin:25px 0; }
.monthly-development h3 { font:600 22px Rajdhani,sans-serif; }
.monthly-development>button { display:block; width:100%; padding:18px 22px; text-align:left; background:var(--surface); color:var(--copy); border:1px solid var(--border); border-left:2px solid var(--cyan); margin-top:10px; cursor:pointer; }
.monthly-development span,.monthly-development small { display:block; color:var(--quiet); font:12px Rajdhani,sans-serif; }
.monthly-development strong { display:block; font:600 21px Rajdhani,sans-serif; margin-top:7px; }
.monthly-development p { font:13px/1.6 Arial,sans-serif; }
.development-desk button:focus-visible,.monthly-development button:focus-visible { outline:2px solid var(--amber); outline-offset:3px; }
@media(min-width:1360px) { .development-outlook { margin-top:-121px; } }
@media(max-width:1350px) { .development-desk { grid-template-columns:1fr; } .development-outlook { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; } .development-outlook>h4,.development-outlook>h5,.development-outlook>.studio-help,.development-reserve { grid-column:1/-1; } .development-outlook .development-role { grid-column:1/-1; } }
@media(max-width:780px) { .development-path li { gap:6px; font-size:13px; } .development-path li span { width:17px; height:17px; font-size:11px; } .development-path { gap:3px; } .development-chart-row { grid-template-columns:1fr; } .development-chart-row aside { border:0; padding:0; } .development-chart-row aside strong { display:inline-block; margin:0 10px; } .pace-options { grid-template-columns:1fr; } .pace-options button { display:grid; grid-template-columns:85px 1fr; gap:4px 12px; } .pace-options strong { grid-row:1/3; margin:0; } .pace-options small { margin:0; } .development-customer { grid-template-columns:1fr; gap:8px; } .development-plan-footer { flex-direction:column; align-items:stretch; gap:6px; } .development-plan-footer p { max-width:none; } .development-update { padding:18px; } .development-outlook { display:block; } .development-legacy .text-button { margin:15px 0 0; display:block; } }
@media(prefers-reduced-motion:reduce) { .development-progress>span { transition:none; } }
.no-motion .development-progress>span { transition:none; }

/* Keep the next decision visible on ordinary laptop heights. */
.studio-v2-heading { margin-bottom:16px; }
.studio-selected>header { padding-bottom:10px; }
.studio-view-tabs { margin-bottom:16px; }
.studio-view-tabs button { padding-top:10px; padding-bottom:10px; }
.development-path { margin-bottom:16px; }
.development-title p { margin-bottom:14px; }
.development-chart-row { padding:16px 0; }
@media(min-width:1360px) { .development-outlook,.blueprint-impact { margin-top:-103px; } }

@media(min-width:1360px) {
  .studio-v2-heading { margin-bottom:12px; }
  .studio-v2-heading h3 { font-size:30px; }
  .development-chart-row { padding:12px 0; }
  .work-chart svg { height:140px; }
  .pace-options button { padding:10px 12px; }
  .pace-options strong { font-size:18px; margin-bottom:4px; }
  .pace-options small { margin-top:4px; font-size:11px; }
  .development-plan-footer { margin-top:12px; }
  .development-outlook { padding:16px 18px; }
  .development-outlook h4 { margin-bottom:14px; }
  .development-score { margin-bottom:14px; }
  .development-outlook h5 { margin-top:16px; }
  .development-role { padding:9px 0; }
  .development-update { padding:15px 22px; }
  .development-update p { font-size:13px; margin:9px 0; }
  .development-update details { margin-top:10px; }
}

@media(max-width:780px) { .work-chart svg { height:110px; } .work-chart text { font-size:18px; } }