.data-field{padding-left:0;padding-right:0;overflow:hidden}
.data-field .data-head,.data-field .field-controls,.data-field .data-ledger,.data-field .field-receipt,.data-field .data-note,.data-field .text-link{margin-left:clamp(20px,4vw,56px);margin-right:clamp(20px,4vw,56px)}
.field-controls{display:flex;align-items:center;gap:12px;margin-top:clamp(42px,6vw,72px);flex-wrap:wrap}
.field-regions{display:flex;gap:1px;background:#343a44;border:1px solid #343a44}
.field-regions button,.field-locate{appearance:none;border:0;background:#12151b;color:var(--grey);padding:13px 17px;letter-spacing:.09em;font-size:12px;cursor:pointer}
.field-regions button[aria-pressed=true]{background:var(--wh);color:var(--bk)}
.field-regions button:hover,.field-regions button:focus-visible,.field-locate:hover,.field-locate:focus-visible{color:var(--wh)}
.field-regions button:disabled,.field-locate:disabled{cursor:wait;opacity:.45}
.field-locate{border:1px solid #4c535e;color:var(--wh)}
.field-location-note{color:var(--grey);font-size:10px;line-height:1.45;letter-spacing:.08em}
.field-stage{position:relative;height:min(76vh,820px);min-height:520px;margin-top:24px;border-top:1px solid #252a32;border-bottom:1px solid #252a32;background:radial-gradient(circle at 50% 48%,#151c27 0,#090b0f 68%)}
#data-field-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-5px}
#data-field-canvas:active{cursor:grabbing}
.field-stage-label{position:absolute;top:24px;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);display:flex;justify-content:space-between;gap:24px;color:var(--grey);font-size:10px;line-height:1.5;letter-spacing:.1em;pointer-events:none}
.field-stage-label span:first-child{color:var(--wh)}
.field-instruction{position:absolute;bottom:20px;right:clamp(20px,4vw,56px);margin:0;color:var(--grey);font-size:10px;letter-spacing:.1em;pointer-events:none}
.data-field .data-ledger{margin-top:0}
.field-receipt{display:flex;justify-content:space-between;gap:24px;padding-top:18px;color:var(--grey);font-size:10px;line-height:1.5;letter-spacing:.08em;border-top:1px solid #252a32}
.field-receipt span:last-child{text-align:right}
@media(max-width:820px){
 .field-controls{align-items:stretch}.field-regions{flex:1}.field-regions button{flex:1}.field-locate{width:100%}.field-location-note{width:100%}
 .field-stage{height:64vh;min-height:440px}.field-stage-label{flex-direction:column;gap:5px}.field-instruction{left:20px;right:auto}
 .field-receipt{flex-direction:column;gap:8px}.field-receipt span:last-child{text-align:left}
}
@media(prefers-reduced-motion:reduce){#data-field-canvas{scroll-behavior:auto}}
