/* Engineering Bay: three inputs, a load-centre schematic and a technical result rail. */
.hc-capacity-picker { --picker-line:var(--c-line,#d8dfe2); --picker-ink:var(--c-ink,#10161a); --picker-muted:var(--c-ink-2,#48555e); --picker-red:var(--c-accent,#c8102e); margin:28px 0 24px; padding:24px 0 0; border-top:1px solid var(--picker-line); color:var(--picker-ink); min-width:0; }
.hc-capacity-picker,.hc-capacity-picker * { box-sizing:border-box; }
.hc-capacity-picker [hidden] { display:none !important; }
.hc-capacity-picker__eyebrow,.hc-capacity-picker__result-kicker { display:block; font-size:12px; line-height:1.5; font-weight:650; letter-spacing:.06em; text-transform:uppercase; color:var(--picker-muted); }
.hc-capacity-picker .hc-capacity-picker__head h4 { margin:8px 0 10px; font-size:clamp(22px,2vw,28px); line-height:1.25; letter-spacing:-.025em; text-wrap:balance; }
.hc-capacity-picker .hc-capacity-picker__head p { margin:0; color:var(--picker-muted); font-size:15px; line-height:1.65; }
.hc-capacity-picker__form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:16px; align-items:start; margin:24px 0 12px; }
.hc-capacity-picker__field { min-width:0; }
.hc-capacity-picker__field label { display:block; font-size:14px; line-height:20px; font-weight:600; margin-bottom:8px; }
.hc-capacity-picker__input { position:relative; }
.hc-capacity-picker__input input { display:block; width:100%; height:48px; min-width:0; padding:10px 43px 10px 12px; border:1px solid #aebbc1; border-radius:6px; background:#fff; color:var(--picker-ink); font:inherit; font-size:18px; line-height:26px; font-variant-numeric:tabular-nums; }
.hc-capacity-picker__input>span { position:absolute; right:12px; top:14px; color:var(--picker-muted); font-size:14px; line-height:20px; pointer-events:none; }
.hc-capacity-picker__field small { display:block; margin-top:7px; color:var(--picker-muted); font-size:12px; line-height:1.5; }
.hc-capacity-picker__field .hc-capacity-picker__error { display:block; margin-top:7px; color:#b42318; font-size:12px; line-height:1.5; }
.hc-capacity-picker input[aria-invalid="true"] { border-color:#b42318; }
.hc-capacity-picker__submit { display:inline-flex; justify-content:center; align-items:center; gap:18px; height:48px; margin-top:28px; padding:10px 20px; border:1px solid var(--picker-red); border-radius:6px; background:var(--picker-red); color:#fff; font:inherit; font-size:15px; font-weight:650; cursor:pointer; touch-action:manipulation; transition:background-color 120ms ease-out,transform 100ms ease-out; }
.hc-capacity-picker__submit:hover { background:var(--c-accent-hover,#9e0c24); }
.hc-capacity-picker__submit:active { transform:scale(.98); }
.hc-capacity-picker .hc-capacity-picker__assumption { margin:14px 0 22px; color:var(--picker-muted); font-size:12px; line-height:1.65; }
.hc-capacity-picker__workspace { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:28px; padding:24px 0; border-top:1px solid var(--picker-line); border-bottom:1px solid var(--picker-line); }
.hc-capacity-picker__visual { min-width:0; padding-right:24px; border-right:1px solid var(--picker-line); }
.hc-capacity-picker__diagram { display:block; width:100%; max-width:420px; height:auto; color:var(--picker-muted); overflow:visible; }
.hc-capacity-picker__diagram text { font:13px 'Golos Text',sans-serif; fill:var(--picker-muted); }
.hc-capacity-picker__muted-line { stroke:var(--picker-line); }
.hc-capacity-picker__cargo { fill:var(--c-bg-soft,#f4f6f7); stroke:var(--picker-muted); stroke-width:1.5; }
.hc-capacity-picker__centre { fill:var(--picker-red); stroke:#fff; stroke-width:2; }
.hc-capacity-picker__centre-readout { display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin:16px 0 0; }
.hc-capacity-picker__centre-readout dt { color:var(--picker-muted); font-size:13px; line-height:1.5; }
.hc-capacity-picker__centre-readout dd { margin:0; color:var(--picker-ink); font-size:24px; line-height:1.25; font-weight:650; white-space:nowrap; font-variant-numeric:tabular-nums; }
.hc-capacity-picker__centre-readout small { font-size:13px; font-weight:400; }
.hc-capacity-picker .hc-capacity-picker__diagram-note { margin:10px 0 0; color:var(--picker-muted); font-size:12px; line-height:1.65; }
.hc-capacity-picker__result { min-width:0; align-self:start; }
.hc-capacity-picker .hc-capacity-picker__result h5 { margin:8px 0 10px; font-size:clamp(24px,2.5vw,32px); line-height:1.2; letter-spacing:-.025em; font-weight:650; text-wrap:balance; }
.hc-capacity-picker .hc-capacity-picker__result-copy { margin:0 0 16px; color:var(--picker-muted); font-size:14px; line-height:1.65; }
.hc-capacity-picker[data-state="table-match"] .hc-capacity-picker__result-kicker { color:var(--c-ok,#1b704b); }
.hc-capacity-picker__models { list-style:none; padding:0; margin:0; }
.hc-capacity-picker__model { padding:12px 0; border-top:1px solid var(--picker-line); }
.hc-capacity-picker__model>a { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; color:var(--picker-ink); font-size:15px; line-height:1.5; font-weight:650; text-decoration:none; }
.hc-capacity-picker__model>a span { overflow-wrap:anywhere; }
.hc-capacity-picker__model>a::after { content:'↗'; font-weight:400; }
.hc-capacity-picker__model small { display:block; color:var(--picker-muted); font-size:12px; line-height:1.65; margin-top:4px; }
.hc-capacity-picker__model dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:10px 0 0; }
.hc-capacity-picker__model dt { font-size:12px; line-height:1.5; color:var(--picker-muted); }
.hc-capacity-picker__model dd { margin:3px 0 0; font-size:16px; line-height:1.5; font-weight:650; font-variant-numeric:tabular-nums; }
.hc-capacity-picker .hc-capacity-picker__request { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; margin-top:12px; color:var(--picker-ink); font-size:14px; font-weight:600; text-underline-offset:4px; }
.hc-capacity-picker__method { margin-top:8px; }
.hc-capacity-picker__method summary { cursor:pointer; min-height:44px; padding:14px 0; font-size:13px; line-height:1.5; font-weight:600; }
.hc-capacity-picker .hc-capacity-picker__method p { margin:0 0 12px; font-size:13px; line-height:1.7; color:var(--picker-muted); }
.hc-capacity-picker input:focus-visible,.hc-capacity-picker button:focus-visible,.hc-capacity-picker a:focus-visible,.hc-capacity-picker summary:focus-visible { outline:3px solid var(--c-focus,#1f6feb); outline-offset:3px; }
.hc-capacity-picker__live { position:absolute; width:1px; height:1px; padding:0 !important; margin:-1px !important; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1100px) { .hc-capacity-picker__form { grid-template-columns:repeat(3,minmax(0,1fr)); } .hc-capacity-picker__submit { margin-top:0; grid-column:1/-1; } }
@media(max-width:767px) { .hc-capacity-picker__workspace { grid-template-columns:minmax(0,1fr); gap:24px; } .hc-capacity-picker__visual { padding:0 0 20px; border-right:0; border-bottom:1px solid var(--picker-line); } .hc-capacity-picker__diagram { max-width:360px; margin:0 auto; } .hc-capacity-picker__centre-readout { margin-top:8px; } }
@media(max-width:479px) { .hc-capacity-picker__form { grid-template-columns:minmax(0,1fr); gap:16px; } .hc-capacity-picker__submit { width:100%; } .hc-capacity-picker__centre-readout { align-items:start; } .hc-capacity-picker__centre-readout dt { max-width:170px; } .hc-capacity-picker__model dl { gap:8px; } }
@media(prefers-reduced-motion:reduce) { .hc-capacity-picker *, .hc-capacity-picker *::before,.hc-capacity-picker *::after { animation:none !important; transition:none !important; } .hc-capacity-picker__submit:active { transform:none; } }