.contract-change {
  margin-top:6px; padding:0; border:0; background:none; color:#8f887c;
  cursor:pointer; font:700 9px inherit; text-decoration:underline; text-underline-offset:3px;
}
.contract-change[hidden] { display:none }
.contracts-panel { width:min(560px,calc(100vw - 28px)); overflow:auto }
.contract-list { display:grid; gap:9px; margin:16px 0 }
.contract-item {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center;
  width:100%; padding:13px; border:1px solid rgba(245,234,214,.12);
  background:rgba(0,0,0,.2); color:#f5ead6; text-align:left; cursor:pointer;
}
.contract-item:hover,.contract-item.on { border-color:rgba(240,180,41,.55); background:rgba(240,180,41,.08) }
.contract-item:disabled { cursor:default; opacity:.65 }
.contract-item strong,.contract-item span,.contract-item small { display:block }
.contract-item strong { color:#f0b429; font-size:14px }
.contract-item span { margin-top:4px; color:#f5ead6; font-size:11px }
.contract-item small { margin-top:4px; color:#8f887c; font-size:9px }
.contract-item b { color:#65d6ae; font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace; white-space:nowrap }
body.has-contracts-open .analytics-consent { display:none }