.vol-exchange{max-width:1640px;--vol-green:var(--accent,#8ce3c7);padding:28px 28px 70px}.vol-exchange [hidden]{display:none!important}.vol-breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:12px;margin-bottom:24px}.vol-hero{display:flex;justify-content:space-between;gap:40px;align-items:center;margin:24px 0 32px}.vol-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 18px;font-weight:700}.vol-hero h1 span{color:var(--vol-green)}.vol-hero p:not(.vol-eyebrow){max-width:640px;color:var(--muted);font-size:15px;line-height:1.7}.vol-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--muted);margin:0 0 12px}.vol-tags{display:flex;gap:8px;flex-wrap:wrap}.vol-tags span{padding:5px 10px;border:1px solid var(--border);border-radius:20px;font-size:10px}.vol-account{width:260px;display:grid;gap:9px;flex-shrink:0}.vol-exchange label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.vol-account>div{display:flex;gap:12px;justify-content:space-between;font-size:11px}.vol-exchange input,.vol-exchange select{width:100%;min-width:0;color:var(--text);min-height:42px}.vol-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);overflow:auto;white-space:nowrap}.vol-tabs a{padding:14px 0;text-decoration:none;font-size:13px}.vol-tabs [aria-current]{color:var(--vol-green);border-bottom:2px solid var(--vol-green)}.vol-status{font-size:12px;min-height:42px;padding:13px 16px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}.vol-status[data-error=true]{color:var(--text);border-color:#bb8546}.vol-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:16px;align-items:start}.vol-panel{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:24px;min-width:0}.vol-panel h2{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px}.vol-panel h3{font-size:19px;margin:0}.vol-strategies{padding:22px 14px}.vol-strategies h2,.vol-strategies>.vol-eyebrow{padding:0 8px}.vol-strategies #volTemplates{display:grid;gap:6px}.vol-strategies button{text-align:left;min-height:48px;font-size:12px;border-color:transparent}.vol-strategies button[aria-pressed=true]{background:color-mix(in srgb,var(--vol-green) 12%,var(--panel));border-color:var(--vol-green);color:var(--vol-green)}.vol-account-read{display:grid;gap:8px;border-top:1px solid var(--border);padding:20px 8px 0;margin-top:24px}.vol-account-read small,.vol-account-read p{font-size:11px;color:var(--muted);line-height:1.6}.vol-account-read strong{font-size:16px}.vol-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.vol-section-head button{font-size:11px;white-space:nowrap}.vol-muted{color:var(--muted);font-size:12px;line-height:1.7}.vol-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 14px}.vol-builder-actions,.vol-ticket-actions{display:flex;gap:8px;flex-wrap:wrap}.vol-builder-actions button,.vol-ticket-actions button{font-size:11px;flex:1;min-height:40px}.vol-legs{margin:20px 0}.vol-leg{display:grid;grid-template-columns:minmax(0,1fr) 76px 85px 36px;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid var(--border)}.vol-leg label{font-size:10px}.vol-leg button{padding:10px 0}.vol-leg select,.vol-leg input{font-size:11px;padding:10px 7px}.vol-chart-title{border-top:1px solid var(--border);padding-top:24px;margin-top:28px}.vol-chart-title>span{font-size:10px;color:var(--muted)}.vol-payoff{min-height:250px;display:grid;align-items:center}.vol-payoff svg{display:block;width:100%;height:auto;color:var(--muted);overflow:visible}.vol-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);padding-top:20px}.vol-stats small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.vol-stats strong{display:block;font-size:18px;font-variant-numeric:tabular-nums;margin-top:8px}.vol-fine{font-size:10px;color:var(--muted);line-height:1.8}.vol-ticket{display:grid;gap:17px;position:sticky;top:18px}.vol-ticket h2,.vol-ticket p{margin:0}.vol-ticket label small{font-size:10px;line-height:1.6}.vol-primary{background:var(--vol-green)!important;color:#062d24!important;font-weight:700}.vol-ticket>a{font-size:11px}.vol-quote{padding:16px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:11px;line-height:1.7}.vol-quote dl{display:grid;grid-template-columns:1fr auto;gap:10px}.vol-quote dd{margin:0;color:var(--text);text-align:right;overflow-wrap:anywhere}.vol-empty{padding:28px 14px;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}.vol-activity{margin-top:24px}.vol-activity nav{display:flex;gap:20px;font-size:12px;margin-top:20px}.vol-activity article{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere;font-size:12px}.vol-activity article small{display:block;color:var(--muted);margin-top:7px}.vol-explain{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:60px 0 0}.vol-explain h2{font-size:28px;line-height:1.2;letter-spacing:-.03em}.vol-explain p{color:var(--muted);font-size:13px;line-height:1.8}.vol-explain details{padding:18px 0;border-bottom:1px solid var(--border);font-size:13px}.vol-explain summary{cursor:pointer}.vol-disclosure{padding:16px;border-left:3px solid var(--vol-green);background:var(--panel);font-size:12px;line-height:1.8}.vol-dialog{max-width:660px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:28px}.vol-dialog::backdrop{background:#000a}.vol-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.vol-dialog button{padding:12px 18px;margin:16px 8px 0 0;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px}.vol-dialog label{font-size:12px;line-height:1.7;display:block}.vol-dialog a{color:var(--vol-green)}
@media(min-width:1500px){.vol-controls{grid-template-columns:100px minmax(0,1.5fr) minmax(0,1fr) 110px}}@media(max-width:1150px){.vol-grid{grid-template-columns:minmax(0,1fr) 290px}.vol-strategies{grid-column:1/-1}.vol-strategies #volTemplates{display:flex;overflow:auto}.vol-strategies button{white-space:nowrap}.vol-account-read{display:none}.vol-leg{grid-template-columns:minmax(0,1fr) 70px 65px 30px}}@media(max-width:780px){.vol-exchange{padding:20px 16px 50px}.vol-hero{flex-direction:column;align-items:stretch;gap:20px}.vol-account{width:100%;grid-template-columns:1fr 1fr}.vol-account>div,.vol-account label{grid-column:1/-1}.vol-tabs{gap:20px}.vol-grid{display:flex;flex-direction:column}.vol-panel{width:100%;padding:20px}.vol-ticket{position:static}.vol-strategies{padding:16px}.vol-explain{grid-template-columns:1fr;gap:12px}.vol-leg{grid-template-columns:minmax(0,1fr) 70px 32px}.vol-leg label:first-child{grid-column:1/-1}.vol-stats strong{font-size:15px}.vol-section-head{flex-wrap:wrap}.vol-activity nav{flex-wrap:wrap}.vol-payoff{min-height:200px}.vol-hero h1{font-size:38px}}@media(prefers-reduced-motion:reduce){.vol-exchange *{scroll-behavior:auto!important}}

.vol-quote>small{display:block;overflow-wrap:anywhere}.vol-primary:disabled{opacity:.45}.vol-tabs,.vol-strategies #volTemplates{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.vol-exchange button:focus-visible,.vol-exchange a:focus-visible{outline:2px solid var(--vol-green);outline-offset:3px}.vol-dialog{--vol-green:var(--accent,#8ce3c7)}

html[data-theme=light] .vol-primary{color:#fff!important}