/* ════════════════════════════════════════════════════════════════════
   Mid-article swap bar (.sm-*) — Brutal+Neon Focus, matches homepage cmd bar
   ════════════════════════════════════════════════════════════════════ */
.sm-wrap{margin:32px 0;background:#f0f4fb;border:2px solid #001f3f;padding:14px 16px 12px;color:#001f3f}
.sm-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:800;letter-spacing:.14em;color:#001f3f;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;line-height:1.2}
.sm-eyebrow::before{content:'';display:inline-block;width:4px;height:14px;background:#001f3f;flex-shrink:0}
.sm-eyebrow small{font-weight:600;color:#5a6478;letter-spacing:.06em;text-transform:none;font-size:11px;margin-left:auto;text-align:right}
.sm-bar{background:#fff;border:2px solid #001f3f;padding:12px 14px;display:flex;flex-direction:column;gap:9px}
.sm-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sm-label{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#001f3f;font-weight:800;white-space:nowrap;min-width:32px}
.sm-input{background:#fff;border:2px solid #001f3f;color:#001f3f;padding:8px 10px;font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s;border-radius:0}
.sm-input:focus{border-color:#00b8e0;box-shadow:0 0 0 3px rgba(0,184,224,.35)}
.sm-input::placeholder{color:#7a8aa3;font-weight:500}
.sm-input.amount{width:88px;text-align:center}
.sm-input.wallet{flex:1;min-width:180px}
.sm-pair{display:flex;align-items:center;background:#fff;border:2px solid #001f3f;padding:6px 9px;gap:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:96px;border-radius:0}
.sm-pair:hover{border-color:#00b8e0;box-shadow:0 0 0 3px rgba(0,184,224,.35)}
.sm-coin{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:block}
.sm-ticker{font-family:'IBM Plex Mono',monospace;font-weight:800;font-size:14px;color:#001f3f}
.sm-caret{color:#001f3f;font-size:10px;font-weight:700;margin-left:auto}
.sm-arrow{color:#001f3f;font-size:18px;font-weight:800;font-family:'IBM Plex Mono',monospace;padding:0 2px}
.sm-btn{background:#001f3f;color:#fff;border:2px solid #001f3f;padding:9px 18px;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s;white-space:nowrap;border-radius:0}
.sm-btn:hover{background:#fff;color:#001f3f;box-shadow:0 0 0 3px rgba(0,184,224,.35)}
.sm-meta{display:flex;align-items:center;gap:14px;margin-top:9px;padding:0 4px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#001f3f;font-weight:600;flex-wrap:wrap}
.sm-meta-item{display:flex;align-items:center;gap:6px}
.sm-livedot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.6);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.sm-ops-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sm-ops-metric{background:#fff;border:2px solid #001f3f;padding:9px 10px;font-family:'IBM Plex Mono',monospace}
.sm-ops-label{font-size:9px;font-weight:800;color:#5a6478;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;line-height:1.2}
.sm-ops-value{font-size:16px;font-weight:800;color:#001f3f;line-height:1.1;font-variant-numeric:tabular-nums}
.sm-ops-unit{font-size:10px;color:#5a6478;margin-left:1px;font-weight:700}
.sm-ops-trend{font-size:10px;font-weight:800;margin-top:3px;letter-spacing:.06em;color:#0f6e56}
.sm-picker{position:absolute;background:#fff;border:2px solid #001f3f;border-radius:0;padding:6px;min-width:160px;z-index:1000;box-shadow:0 8px 24px rgba(0,31,63,.18);max-height:300px;overflow-y:auto}
.sm-picker-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:700;color:#001f3f}
.sm-picker-item:hover{background:rgba(0,184,224,.12)}
.sm-picker-item.disabled{cursor:not-allowed;color:#7a8aa3;opacity:.5}
.sm-picker-item.disabled:hover{background:transparent}
@media(max-width:600px){
  .sm-wrap{padding:12px 12px 10px;margin:24px 0}
  .sm-bar{padding:11px 12px}
  .sm-row{gap:8px}
  .sm-input.amount{width:74px;flex-shrink:0}
  .sm-pair{flex:1;min-width:0;justify-content:center}
  .sm-arrow{flex:0 0 100%;text-align:center;padding:2px 0;transform:rotate(90deg);font-size:18px}
  .sm-input.wallet{width:100%;flex-basis:100%}
  .sm-btn{width:100%;padding:11px}
  .sm-meta{font-size:10px;gap:10px}
  .sm-ops-grid{grid-template-columns:repeat(2,1fr)}
  .sm-ops-value{font-size:15px}
}
@media(max-width:380px){
  .sm-ops-label{font-size:8px;letter-spacing:.1em}
  .sm-ops-value{font-size:14px}
  .sm-ops-trend{font-size:9px}
}