.synth-page .doc-header nav{gap:14px}
.synth-page .net-pill,.synth-page .wallet-button{display:inline-flex}
.eth-line{margin-top:22px;font-size:13px;letter-spacing:.03em;color:#5f665f}
.synth-layout{grid-template-columns:280px minmax(0,820px)}
.positions-panel{display:flex;flex-direction:column;gap:10px}
.positions-panel .muted,.muted{color:#7c8178;font-size:13px}
.pos-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fffdf8;display:flex;flex-direction:column;gap:6px;font-size:13px;text-align:left;width:100%;cursor:pointer}
.pos-card:hover{border-color:#a791cd}
.pos-card strong{font-size:17px;font-weight:400}
.pos-card .ratio{font-family:ui-monospace,Menlo,Consolas,monospace}
.pos-card.danger{border-color:#c94a4a;background:#fbe6e3}
.pos-card.warn{border-color:#d9822b}
.markets-table td{vertical-align:middle;font-size:14px}
.markets-table .sym{display:flex;align-items:center;gap:10px}
.markets-table .sym .token{width:34px;height:34px;font-size:15px}
.markets-table .sym small{display:block;font-size:11px;color:#7c8178}
.markets-table .price{font-family:ui-monospace,Menlo,Consolas,monospace}
.markets-table .stale{color:#ac3d4b;font-size:11px;display:block}
.markets-table .open{border:1px solid var(--ink);border-radius:999px;padding:8px 14px;font-size:13px;white-space:nowrap;background:transparent}
.markets-table .open:hover{background:var(--ink);color:var(--paper)}
.markets-table .paused{color:#ac3d4b;font-size:11px}
.health{display:flex;align-items:center;gap:10px;margin:16px 0}
.health .bar{flex:1;height:8px;border-radius:99px;background:#e6e4dc;overflow:hidden}
.health .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c94a4a,#d9a22b 40%,#4a9f44 70%)}
.health b{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:400;font-size:14px}
.tabs{display:flex;gap:8px;margin:18px 0 8px}
.tabs button{flex:1;border:1px solid var(--line);border-radius:30px;padding:10px;font-size:14px;background:transparent}
.tabs button.selected{background:var(--purple);border-color:var(--purple)}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:900px){.synth-layout{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.synth-page .doc-header nav{gap:10px;font-size:13px}}
@media(max-width:600px){.synth-page .wallet-button{display:inline-flex}.markets-table th:nth-child(3),.markets-table td:nth-child(3),.markets-table th:nth-child(5),.markets-table td:nth-child(5){display:none}}