/* Aligned specification rows, preserving the shared light/dark palette. */
.order-builder{--spec-label:132px;--spec-gap:18px;gap:38px;grid-template-columns:minmax(0,1fr) 318px}
.spec-form{min-width:0}
.spec-form .component-group{padding:10px 0 0;margin:0 0 30px;border:0;border-top:1px solid var(--line)}
.spec-form .component-group legend{font-size:23px;font-weight:600;letter-spacing:-.65px;margin-left:calc(var(--spec-label) + var(--spec-gap));padding:0 12px 0 0;max-width:calc(100% - var(--spec-label) - var(--spec-gap))}
.spec-form .component-group legend>span{font-size:9px;letter-spacing:0;vertical-align:middle;color:var(--accent)}
.spec-form .component-field{grid-template-columns:var(--spec-label) minmax(0,1fr);gap:var(--spec-gap);padding:4px 0;border:0;align-items:start}
.spec-form .component-field>label,.spec-form .row-label{font-size:12px;font-weight:600;line-height:1.5;color:var(--accent);padding:9px 0 0;margin:0;text-align:right;display:block}
.spec-form .control-line{display:flex;align-items:stretch;min-width:0}
.spec-form .component-control select{min-height:37px;padding:8px 10px;line-height:1.5;font-size:12px;border-radius:3px;flex:1;min-width:0;width:100%;background:var(--surface)}
.spec-form .control-line:has(.component-help) select{border-radius:3px 0 0 3px;border-right:0}
.spec-form .component-control select[hidden]{display:none}
.component-help{flex:0 0 33px;border:1px solid var(--line);border-left:0;border-radius:0 3px 3px 0;background:var(--surface);color:var(--accent);font-size:12px;font-weight:700;line-height:1}
.component-help:hover,.component-help[aria-expanded=true]{background:var(--line);color:var(--text)}
.component-help:focus-visible{outline-offset:2px}
.field-help,.field-note{font-size:11px;line-height:1.65;padding:8px 11px;margin:6px 0 3px;border-radius:3px;background:color-mix(in srgb,var(--blue) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 23%,var(--line));color:var(--muted)}
.field-help{border-left:2px solid var(--purple);background:var(--surface)}
.field-help[hidden]{display:none}
.spec-form .fixed-part{padding:7px 0}
.spec-form .fixed-part .row-label{padding-top:2px}
.part-value{display:block;color:var(--text);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.spec-form .gpu-readout{margin:5px 0 0 calc(var(--spec-label) + var(--spec-gap));padding:5px 0 0;font-size:11px}
.spec-form .component-note{margin:4px 0 11px calc(var(--spec-label) + var(--spec-gap));font-size:10px}
.spec-form .component-note:empty{display:none}
.spec-form .checkbox-field{padding-top:9px;padding-bottom:9px}
.spec-form .checkbox-field>.row-label{padding-top:5px}
.inline-caption{display:block;font-size:10px;font-weight:600;letter-spacing:.4px;color:var(--muted);margin-bottom:4px}
.spec-form .inline-options{padding:0;max-height:none;overflow:visible}
.spec-form .inline-options .checkbox-heading{display:none}
.spec-form .checkbox-option{padding:6px 0;margin:0;gap:8px;border:0;font-size:12px;line-height:1.65;color:var(--text)}
.spec-form .checkbox-option input{width:14px;height:14px;margin:3px 0 0;accent-color:var(--accent)}
.spec-form .checkbox-option input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.spec-form .checkbox-option .check-price{font-size:10px;font-weight:400;margin-top:1px}
.spec-form .compact-hint{font-size:10px;line-height:1.6;margin:5px 0;color:var(--muted)}
#network-options:not(:empty){margin-top:9px}
.spec-form .notes-intro{font-size:12px;line-height:1.8;margin:14px 0}
.spec-form .notes-label{font-size:11px;color:var(--muted);margin:0 0 8px}
.spec-form #workload-notes{font-size:12px;line-height:1.8;min-height:115px;background:var(--surface);border-radius:5px;margin:0;padding:14px 16px}
.order-summary{padding:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--purple) 6%,var(--card)),var(--card))}
@media(max-width:1150px){.order-builder{--spec-label:105px;--spec-gap:14px;grid-template-columns:minmax(0,1fr) 285px;gap:26px}.spec-form .component-control select,.spec-form .part-value,.spec-form .checkbox-option{font-size:12px}.spec-form .component-group legend{font-size:21px}}
@media(max-width:960px){.order-builder{grid-template-columns:1fr;gap:25px;--spec-label:132px;--spec-gap:18px}.order-summary{position:static;max-width:100%}.order-summary #summary-components>div{grid-template-columns:100px minmax(0,1fr)}.spec-form .component-group legend{font-size:23px}}
@media(max-width:600px){.order-builder{--spec-label:98px;--spec-gap:12px}.spec-form .component-group legend{margin-left:0;max-width:100%;font-size:21px}.spec-form .component-group{margin-bottom:25px}.spec-form .row-label,.spec-form .component-field>label{font-size:11px}.spec-form .checkbox-option{flex-wrap:wrap;column-gap:7px;row-gap:0}.spec-form .check-label{min-width:calc(100% - 25px)}.spec-form .checkbox-option .check-price{margin-left:21px;font-size:10px}.spec-form .part-value{font-size:12px}.spec-form .component-control select{font-size:12px}.field-note,.field-help{font-size:10px}.component-help{flex-basis:30px}}
@media(max-width:400px){.order-builder{--spec-label:0px;--spec-gap:0px}.spec-form .component-field{grid-template-columns:1fr;gap:5px;padding:7px 0}.spec-form .row-label,.spec-form .component-field>label{text-align:left;padding:0}.spec-form .gpu-readout,.spec-form .component-note{margin-left:0}.spec-form .component-control select{min-height:40px}.spec-form .checkbox-field>.row-label{padding:0}.spec-form .fixed-part{gap:3px}}