/* Swap cycle flowchart diagrams + filters */
.trade-cycle-filter-bar{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:.75rem;align-items:end;margin:1rem 0 1.1rem}
.trade-cycle-filter-bar label{display:grid;gap:.25rem;font-weight:800;color:var(--muted);font-size:.84rem}.trade-cycle-filter-bar .secondary-btn{min-height:44px}
.trade-cycle-flow-grid{display:grid;grid-template-columns:1fr;gap:1rem;overflow:visible}.trade-cycle-flow-card{border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:1rem;display:grid;gap:.85rem;overflow:visible}.cycle-card-head{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.cycle-card-head strong{font-size:1.02rem}.cycle-card-head small{margin-left:auto;color:var(--muted);font-weight:800}.cycle-flowchart{display:flex;align-items:stretch;justify-content:center;gap:.55rem;flex-wrap:wrap;width:100%;overflow:visible}.flow-node{flex:1 1 185px;max-width:280px;min-height:112px;border:1px solid color-mix(in srgb,var(--green) 38%,var(--line));border-radius:20px;background:linear-gradient(145deg,rgba(55,209,126,.13),rgba(56,189,248,.08));padding:.8rem;display:grid;place-items:center;text-align:center;gap:.18rem;box-shadow:0 12px 26px rgba(0,0,0,.13)}.flow-node b,.flow-node strong{max-width:100%;overflow-wrap:anywhere}.flow-node span{color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.flow-arrow{align-self:center;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;background:rgba(55,209,126,.16);border:1px solid rgba(55,209,126,.28);font-weight:1000;color:var(--green)}
.trade-flow-card .trade-flow-graph{display:grid;gap:.75rem;overflow:visible}.trade-flow-leg{display:grid;grid-template-columns:minmax(120px,1fr) 48px minmax(160px,1.4fr) 48px minmax(120px,1fr);align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);padding:.75rem;overflow:visible}.trade-node{min-height:76px;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:.65rem;display:grid;place-items:center;text-align:center;overflow:visible}.trade-node strong{overflow-wrap:anywhere}.trade-node small{color:var(--muted);font-weight:800}.trade-node-listing{background:linear-gradient(135deg,rgba(55,209,126,.18),rgba(56,189,248,.12));border-color:rgba(55,209,126,.38)}.trade-arrow{display:flex;align-items:center;justify-content:center;color:var(--green);font-weight:1000}.trade-arrow .line{display:block;height:3px;min-width:20px;background:linear-gradient(90deg,var(--green),rgba(56,189,248,.8));border-radius:999px}.trade-arrow .dot{width:8px;height:8px;border-radius:999px;background:var(--green)}.trade-arrow .arrow-head{font-size:1.1rem;margin-left:-1px}
@media(max-width:900px){.trade-cycle-filter-bar{grid-template-columns:1fr 1fr}.trade-flow-leg{grid-template-columns:1fr}.trade-arrow{transform:rotate(90deg);height:32px}.cycle-card-head small{margin-left:0}.flow-node{max-width:none}.flow-arrow{transform:rotate(90deg)}}
.swapped-things-page{display:grid;gap:1rem}.swapped-things-hero{display:grid;gap:.75rem;background:radial-gradient(circle at 10% 0%,rgba(55,209,126,.22),transparent 28%),linear-gradient(135deg,rgba(55,209,126,.12),rgba(56,189,248,.08))}.swapped-things-hero h1{margin:.05rem 0;font-size:clamp(2rem,5vw,4rem)}.swapped-things-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.swapped-things-showcase{overflow:hidden}.swap-loop-carousel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;margin-top:1rem}.swap-loop-viewport{overflow:hidden;border-radius:28px}.swap-loop-track{display:flex;transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}.swap-loop-slide{min-width:100%;opacity:.45;transform:scale(.965);transition:opacity .45s ease,transform .45s ease}.swap-loop-slide.is-active{opacity:1;transform:scale(1)}.swap-loop-slide .cycle-flowchart{min-height:168px}.swap-loop-dots{display:flex;justify-content:center;gap:.45rem;margin-top:.85rem;flex-wrap:wrap}.swap-loop-dots .slide-dot{width:11px;height:11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--green) 55%,var(--line));background:transparent}.swap-loop-dots .slide-dot.is-active{background:var(--green);box-shadow:0 0 0 4px rgba(55,209,126,.15)}@media(max-width:760px){.swap-loop-carousel{grid-template-columns:1fr}.swap-loop-prev,.swap-loop-next{display:none!important}.swap-loop-slide .cycle-flowchart{min-height:auto}.swapped-things-hero-actions{display:grid}.swapped-things-hero-actions a{justify-content:center}}