.market-operator-page { display:grid; gap:18px; color:var(--text-primary,#18241f); }
.market-operator-hero {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);
  gap:24px;
  padding:28px;
  border:1px solid #e9dcc8;
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 16%,rgba(227,179,95,.22),transparent 24%),
    linear-gradient(135deg,#fffdf8 0%,#f7efe1 100%);
  box-shadow:0 16px 38px rgba(72,46,15,.08);
}
.market-operator-kicker { display:flex; flex-wrap:wrap; gap:8px; }
.market-operator-eyebrow { margin:18px 0 5px; color:#8b5a1f; font-size:13px; font-weight:800; letter-spacing:.08em; }
.market-operator-hero h1 { margin:0; color:#3d2b16; font-size:clamp(30px,3vw,44px); line-height:1.15; }
.market-operator-hero__copy > p:last-of-type { max-width:780px; margin:12px 0 0; color:#6f6253; font-size:15px; line-height:1.75; }
.market-operator-context { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:24px; overflow:hidden; border:1px solid #eadfce; border-radius:15px; background:#eadfce; }
.market-operator-context span { display:grid; gap:4px; min-width:0; padding:12px 14px; background:rgba(255,255,255,.82); }
.market-operator-context small { color:#8b7c68; font-size:11px; }
.market-operator-context strong { overflow:hidden; color:#3e3428; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.market-operator-primary { display:flex; flex-direction:column; justify-content:center; min-height:218px; padding:22px; border-radius:20px; color:#fff; background:linear-gradient(145deg,#654019,#a66f2a); box-shadow:0 18px 38px rgba(94,58,16,.2); }
.market-operator-primary small { color:#f3d89f; font-weight:800; }
.market-operator-primary strong { margin-top:8px; font-size:24px; line-height:1.35; }
.market-operator-primary p { margin:8px 0 18px; color:rgba(255,255,255,.7); line-height:1.6; }
.market-operator-primary button { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:0 15px; border:0; border-radius:12px; color:#533413; background:#ffe4a8; font-weight:850; }
.market-operator-primary button:disabled,
.market-operator-action-card button:disabled { cursor:not-allowed; color:#7b6c56; border-color:#ddd4c7; background:#f2eee8; box-shadow:none; }
.market-operator-primary button:disabled span,
.market-operator-action-card button:disabled span { font-size:11px; color:#8d6a32; }
.market-operator-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.market-operator-metrics article { display:grid; gap:4px; min-height:116px; padding:18px; border:1px solid #eee5d8; border-radius:18px; background:#fff; }
.market-operator-metrics strong { color:#825118; font-size:30px; }
.market-operator-metrics span { font-weight:800; }
.market-operator-metrics small { color:#8d8172; }
.market-operator-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.market-operator-card { min-width:0; padding:22px; border:1px solid #e7e5df; border-radius:20px; background:#fff; }
.market-operator-card > header { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.market-operator-card > header > span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:#8d5d23; background:#fff2d8; }
.market-operator-card > header > div { display:grid; gap:3px; }
.market-operator-card header small { color:#8d7c67; font-size:11px; font-weight:750; }
.market-operator-card h2,.market-operator-action-card h2 { margin:0; font-size:20px; }
.market-operator-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.market-operator-flow li { position:relative; display:grid; gap:8px; min-height:92px; padding:12px; border:1px solid #ede5d8; border-radius:14px; background:#fffdf8; }
.market-operator-flow li:not(:last-child)::after { content:"›"; position:absolute; top:34px; right:-8px; z-index:2; color:#b98b4f; font-size:18px; font-weight:900; }
.market-operator-flow i { display:grid; width:24px; height:24px; place-items:center; border-radius:8px; color:#855216; background:#ffeac0; font-size:10px; font-style:normal; font-weight:900; }
.market-operator-flow span { font-size:12px; font-weight:750; line-height:1.45; }
.market-operator-sections { display:grid; gap:9px; }
.market-operator-sections article { display:flex; align-items:center; gap:10px; min-height:58px; padding:10px 12px; border-radius:13px; background:#f7f8f6; }
.market-operator-sections article > span { display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:#256544; background:#e2f2e9; font-weight:900; }
.market-operator-sections article > div { display:grid; gap:3px; }
.market-operator-sections strong { font-size:13px; }
.market-operator-sections small { color:#7d8781; font-size:11px; }
.market-operator-action-card { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px; border:1px solid #ead9bb; border-radius:20px; background:linear-gradient(135deg,#fff8ea,#fffdf8); }
.market-operator-action-card > div:first-child { max-width:520px; }
.market-operator-action-card small { color:#8b5a1f; font-weight:800; }
.market-operator-action-card h2 { margin-top:4px; }
.market-operator-action-card p { margin:6px 0 0; color:#766a5c; line-height:1.6; }
.market-operator-action-card > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.market-operator-action-card button { display:flex; align-items:center; gap:14px; min-height:42px; padding:0 14px; border:1px solid #d7b679; border-radius:11px; color:#6b4518; background:#fff; font-weight:750; }
.market-operator-boundary { margin:0 0 14px; color:#5f554a; line-height:1.7; }
.market-operator-basis { display:grid; gap:9px; margin:0; padding-left:20px; color:#645b50; line-height:1.65; }
.market-operator-state-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
.market-operator-state-card dl > div { display:grid; gap:4px; padding:11px; border-radius:12px; background:#f5f6f4; }
.market-operator-state-card dt { color:#7b857f; font-size:11px; }
.market-operator-state-card dd { margin:0; color:#6f4a1c; font-size:12px; font-weight:850; overflow-wrap:anywhere; }
.market-operator-state-card > p { margin:14px 0 0; color:#6d756f; line-height:1.65; }

@media (max-width:1100px) {
  .market-operator-hero { grid-template-columns:1fr; }
  .market-operator-primary { min-height:0; }
  .market-operator-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .market-operator-flow li::after { display:none; }
}
@media (max-width:800px) {
  .market-operator-grid,.market-operator-metrics { grid-template-columns:1fr 1fr; }
  .market-operator-context { grid-template-columns:1fr; }
  .market-operator-action-card { align-items:flex-start; flex-direction:column; }
  .market-operator-action-card > div:last-child { justify-content:flex-start; }
}
@media (max-width:520px) {
  .market-operator-hero,.market-operator-card,.market-operator-action-card { padding:16px; border-radius:16px; }
  .market-operator-grid,.market-operator-metrics,.market-operator-flow,.market-operator-state-card dl { grid-template-columns:1fr; }
}
