.tl-options { --opt-text:var(--sc-text,var(--text,#17212d)); --opt-mute:var(--sc-mute,var(--text-mute,#607083)); --opt-border:var(--sc-border,var(--border,#dbe2e9)); --opt-surface:var(--sc-surface,var(--surface,#fff)); --opt-accent:var(--sc-accent,var(--accent,#047857)); color:var(--opt-text); width:100%; min-width:0; margin-top:18px; }
.tl-options-heading { font-size:15px; margin:0 0 12px; font-weight:650; }
.tl-options-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.tl-options-controls label { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; color:var(--opt-mute); }
.tl-options select,.tl-options-button { min-height:44px; border:1px solid var(--opt-border); border-radius:6px; padding:8px 12px; background:var(--opt-surface); color:var(--opt-text); font:inherit; font-size:12px; cursor:pointer; max-width:100%; }
.tl-options-tabs { display:flex; gap:6px; }
.tl-options-button[aria-pressed="true"] { color:var(--opt-accent); border-color:var(--opt-accent); }
.tl-options-button:focus-visible,.tl-options select:focus-visible,.tl-options summary:focus-visible { outline:2px solid var(--opt-accent); outline-offset:3px; }
.tl-options-note,.tl-options-trade { font-size:11px; color:var(--opt-mute); line-height:1.6; margin:12px 0; }
.tl-options-contracts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.tl-option-contract { border:1px solid var(--opt-border); border-radius:7px; padding:13px; min-width:0; background:var(--opt-surface); }
.tl-option-contract h4 { margin:0 0 12px; font-size:14px; }
.tl-option-last { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; margin:0 0 14px; }
.tl-option-last span { font-size:11px; color:var(--opt-mute); }
.tl-option-last strong { font-size:20px; font-weight:650; font-variant-numeric:tabular-nums; }
.tl-option-contract dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
.tl-option-contract dt { color:var(--opt-mute); font-size:10px; margin-bottom:4px; }
.tl-option-contract dd { margin:0; font-size:13px; font-variant-numeric:tabular-nums; }
.tl-options-trade { font-size:10px; margin:12px 0 0; }
.tl-options-rules { color:var(--opt-mute); font-size:11px; line-height:1.6; }
.tl-options-rules summary { cursor:pointer; padding:10px 0; }
.tl-options-rules p { margin:0; }
.sc-options-link { border:0; padding:10px 0; min-height:44px; color:var(--sc-accent); background:transparent; font:inherit; font-size:11px; cursor:pointer; }
.sc-options-link:focus-visible { outline:2px solid var(--sc-accent); outline-offset:3px; }
@media(max-width:760px) { .tl-options-contracts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:440px) { .tl-options-contracts { grid-template-columns:minmax(0,1fr); } }