/* the field, live: eight sources on one price, and a hand that can pull one away (assets/field.js) */
.field{position:relative;margin-top:40px;border:1px solid var(--line);border-radius:14px;background:rgba(11,14,17,.72);backdrop-filter:blur(6px);overflow:hidden}
.field .fhd{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 0;font-family:"Manrope",system-ui,sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.field .fhint{color:var(--t2);transition:opacity .6s}.field.touched .fhint{opacity:.35}
/* the landing paints its hero canvases absolute; this one is a block in the flow, whatever the page says */
.field canvas,.hero .field canvas,section .field canvas{position:relative!important;inset:auto!important;z-index:auto!important;display:block;width:100%!important;height:300px!important;cursor:ns-resize;touch-action:pan-y;outline:none}
.field canvas:focus-visible{box-shadow:inset 0 0 0 2px rgba(89,199,158,.6)}
@media(pointer:coarse){.field canvas{cursor:ew-resize}.field .fhint::after{content:" · slide sideways"}}
.field .fro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.field .fc{padding:14px 16px 12px;border-right:1px solid var(--line);min-width:0}.field .fc:last-of-type{border-right:none}
.field .fc span{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.field .fc b{display:block;font-family:"Manrope",system-ui,sans-serif;font-weight:600;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--t1);font-variant-numeric:tabular-nums;transition:color .35s}
.field .fc i{display:block;font-style:normal;font-family:"Manrope",system-ui,sans-serif;font-size:11.5px;color:var(--t3);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.field .fc i em{font-style:normal;color:var(--t2)}
.field .fwhy{grid-column:1/-1;margin:0;padding:12px 16px 14px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--t2);min-height:52px}
.field[data-regime="Full"] .fc b{color:var(--t1)}.field[data-regime="Full"] .fc:nth-child(3) b{color:#59C79E}
.field[data-regime="Divergence"] .fc b{color:#D6B058}.field[data-regime="Degraded"] .fc b{color:#E28054}.field[data-regime="Unavailable"] .fc b{color:#D65C5C}
.field.wave::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(242,245,243,.55),transparent);animation:fwave .7s ease-out forwards;pointer-events:none}
@keyframes fwave{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.field.nocanvas canvas{display:none}
@media(prefers-reduced-motion:reduce){.field.wave::after{animation:none;display:none}.field .fc b{transition:none}}
@media(max-width:760px){.field{margin-top:28px;border-radius:12px}.field .fhd{font-size:10px;letter-spacing:.1em;gap:3px;flex-direction:column;align-items:flex-start;padding:12px 14px 0}.field .fttl{white-space:nowrap}.field .fhint{text-align:left;color:var(--t3)}.field canvas,.hero .field canvas,section .field canvas{height:240px!important}.field .fro{grid-template-columns:repeat(2,minmax(0,1fr))}.field .fc{padding:12px 14px 10px}.field .fc:nth-child(2){border-right:none}.field .fc:nth-child(1),.field .fc:nth-child(2){border-bottom:1px solid var(--line)}.field .fc b{font-size:23px}.field .fwhy{font-size:13px}}