[hidden]{display:none!important}
/* Trade calculator page: everything that matters (symbol, price, date, strike line, result numbers, chart) fits the first phone screen; the rest scrolls. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.b-main{padding-top:8px;padding-bottom:84px}
.b-top{display:grid;grid-template-columns:78px 40px 1fr;grid-template-rows:auto auto;gap:6px 8px;align-items:center}
.b-top input{min-width:0;min-height:42px;padding:0 8px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff);color:var(--text,#111);font-size:17px;font-weight:900;text-transform:uppercase;direction:ltr;text-align:center}
.b-top .go{min-height:42px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff);color:var(--text,#111);font-size:18px;cursor:pointer}
.b-top .px{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.b-top .px b{font-size:22px;font-variant-numeric:tabular-nums;direction:ltr}.b-top .px small{font-size:11px;color:var(--muted,#777)}
.b-top .pl{grid-column:1/-1;font-size:12px;font-weight:800;color:var(--gold,#9b7028);margin-bottom:-2px}
.b-top select{grid-column:1/-1;min-height:42px;padding:0 10px;border:1px solid var(--gold,#d8ad55);border-radius:12px;background:var(--panel,#fff);color:var(--text,#111);font-size:15px;font-weight:800}
.b-status{margin:4px 0;font-size:12px;color:var(--muted,#777);min-height:16px}
.b-dates{display:flex;gap:6px;overflow-x:auto;padding:4px 0 6px;scrollbar-width:none;direction:ltr}.b-dates::-webkit-scrollbar{display:none}
.b-dates button{flex:0 0 auto;min-width:52px;min-height:44px;padding:2px 8px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff);color:var(--text,#111);font-variant-numeric:tabular-nums;cursor:pointer;line-height:1.2}
.b-dates button small{display:block;font-size:10px;color:var(--muted,#777)}.b-dates button[aria-selected=true]{background:var(--gold,#d8ad55);border-color:var(--gold,#d8ad55);color:#10100e}.b-dates button[aria-selected=true] small{color:#10100e}
.b-ruler-box{position:relative;margin:2px 0}
.b-ruler{display:block;width:100%;height:104px;touch-action:none;direction:ltr;user-select:none;-webkit-user-select:none}
.b-ruler-tools{display:flex;gap:6px;justify-content:center;margin-top:2px}.b-ruler-tools button{min-width:44px;min-height:30px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--panel,#fff);color:var(--text,#111);cursor:pointer}
.b-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}
.b-stats .st{padding:6px 4px;border-radius:10px;background:var(--panel2,#f3f3f3);text-align:center}.b-stats small{display:block;font-size:10px;color:var(--muted,#777)}.b-stats b{display:block;font-size:15px;font-variant-numeric:tabular-nums;direction:ltr}
.b-stats .up b{color:var(--up,#1d7a48)}.b-stats .down b{color:var(--down,#b42f2f)}
.b-chart{margin:4px 0 0}.b-chart svg{display:block;width:100%;height:176px;direction:ltr;background:var(--panel2,#f3f3f3);border-radius:12px}
.b-chart figcaption{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:11px;color:var(--muted,#777)}
.b-chart .k::before{content:"";display:inline-block;width:16px;height:3px;margin-inline-end:5px;vertical-align:middle;background:currentColor}
.b-chart .k.exp{color:var(--gold,#9b7028)}.b-chart .k.now{color:#4a8fd8}.b-chart .k.em{color:#4a8fd8;opacity:.6}.b-chart .k.wl{color:#8a6bd8}
.chip-btn{min-height:44px;padding:0 16px;border:1px solid var(--line,#ddd);border-radius:999px;background:var(--panel,#fff);color:var(--text,#111);font-weight:800;cursor:pointer}
.b-explain{margin:12px 0;padding-inline-start:20px;line-height:1.9}
.b-legs{display:grid;gap:8px}
.b-leg{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line,#ddd);border-radius:12px;direction:ltr}
.b-leg .tag{padding:2px 10px;border-radius:999px;font-weight:800;font-size:13px;background:var(--panel2,#f3f3f3)}.b-leg .tag.buy{color:var(--up,#1d7a48)}.b-leg .tag.sell{color:var(--down,#b42f2f)}
.b-leg input{width:72px;min-height:36px;padding:0 6px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--panel,#fff);color:var(--text,#111);text-align:center}
.b-leg button{min-height:36px;min-width:36px;border:0;background:none;color:var(--muted,#777);font-size:18px;cursor:pointer}
.b-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.b-chain{margin:16px 0;border:1px solid var(--line,#ddd);border-radius:16px;padding:10px 12px;background:var(--panel,#fff)}.b-chain summary{cursor:pointer;font-weight:800;min-height:44px;line-height:44px}
.b-scroll{overflow-x:auto;max-height:420px;overflow-y:auto}
.b-chain table{width:100%;border-collapse:collapse;direction:ltr;font-variant-numeric:tabular-nums;font-size:13px}
.b-chain th{position:sticky;top:0;background:var(--panel,#fff);font-size:11px;color:var(--muted,#777);padding:4px}
.b-chain td{text-align:center;padding:2px}.b-chain td.k{font-weight:900;background:var(--panel2,#f3f3f3);padding:6px 10px}.b-chain tr.atm td.k{color:var(--gold,#9b7028)}
.b-chain td button{min-width:52px;min-height:36px;border:1px solid transparent;border-radius:8px;background:none;color:var(--text,#111);cursor:pointer}.b-chain td button:hover,.b-chain td button:focus-visible{border-color:var(--gold,#d8ad55)}
.b-chain td.iv{color:var(--muted,#777);font-size:11px}
.b-chain td.iv small{display:block;font-size:10px;color:var(--gold,#a77d2e)}
.b-hint{font-size:12px;color:var(--muted,#777)}
.b-insights{margin:14px 0;padding:12px;border:1px solid var(--gold,#d8ad55);border-radius:16px;background:var(--panel2,#f3f3f3)}.b-insights h3{margin:0 0 8px;font-size:14px;color:var(--gold,#9b7028)}
.b-insights ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.b-insights li{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:start;padding:8px 10px;border-radius:10px;background:var(--panel,#fff);border-inline-start:4px solid var(--line,#ddd);line-height:1.7}
.b-insights li b{font-size:12px;color:var(--muted,#777)}.b-insights li.good{border-inline-start-color:var(--up,#1d7a48)}.b-insights li.warn{border-inline-start-color:var(--down,#b42f2f)}
.b-insights li.sealed{display:block;padding:0;border:0;background:none}
.b-insights .sealed a{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;text-decoration:none;color:inherit}
.sealed .tile{position:relative;display:block;min-height:92px;padding:10px;border:1px dashed var(--gold,#d8ad55);border-radius:12px;background:var(--panel,#fff);overflow:hidden}
.sealed .ph{display:grid;gap:6px;filter:blur(5px);opacity:.55}.sealed .ph u{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--up,#1d7a48),var(--gold,#d8ad55))}.sealed .ph u:nth-child(1){width:90%}.sealed .ph u:nth-child(2){width:60%}.sealed .ph u:nth-child(3){width:75%;background:linear-gradient(90deg,var(--down,#b42f2f),var(--gold,#d8ad55))}
.sealed .pad{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:24px}
.sealed .tile b{position:absolute;inset-inline:0;bottom:6px;text-align:center;font-size:12px;color:var(--text,#111)}.sealed .tile s{text-decoration:none;color:var(--gold,#9b7028)}
.sealed a:hover .tile,.sealed a:focus-visible .tile{border-style:solid}

.b-stock{margin:4px 0}.b-stock button{min-height:40px;padding:0 14px;border:1px solid var(--up,#1d7a48);border-radius:999px;background:var(--panel,#fff);color:var(--text,#111);font-weight:800;cursor:pointer;direction:rtl}
.b-stock button.on{box-shadow:0 0 0 2px var(--gold,#d8ad55)}
.b-edit{margin:6px 0;padding:10px 12px;border:1px solid var(--gold,#d8ad55);border-radius:14px;background:var(--panel,#fff);display:grid;gap:8px}
.b-edit .eh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:900}.b-edit .eh button{min-width:36px;min-height:36px;border:0;background:none;font-size:18px;color:var(--muted,#777);cursor:pointer}
.b-edit .er{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.b-edit .er>span{color:var(--muted,#777)}
.b-edit .step{display:flex;align-items:center;gap:6px;direction:ltr}.b-edit .step button{min-width:40px;min-height:40px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--panel2,#f3f3f3);color:var(--text,#111);font-size:20px;cursor:pointer}
.b-edit input{width:84px;min-height:40px;padding:0 6px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--panel,#fff);color:var(--text,#111);text-align:center;font-size:16px;direction:ltr}
.b-edit .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.b-edit .facts div{padding:6px 4px;border-radius:10px;background:var(--panel2,#f3f3f3);text-align:center}.b-edit .facts small{display:block;font-size:10px;color:var(--muted,#777)}.b-edit .facts b{font-size:14px;direction:ltr;display:block;font-variant-numeric:tabular-nums}
.b-edit .reset{align-self:start;min-height:36px;padding:0 12px;border:1px solid var(--line,#ddd);border-radius:999px;background:none;color:var(--text,#111);cursor:pointer;font-size:12px}
.b-stats{grid-template-columns:repeat(3,1fr)}.b-stats b{font-size:14px}
.b-tabs{display:flex;gap:6px;margin:6px 0 4px}.b-tabs button{flex:1;min-height:40px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--panel,#fff);color:var(--text,#111);font-weight:800;cursor:pointer}.b-tabs button[aria-selected=true]{background:var(--gold,#d8ad55);border-color:var(--gold,#d8ad55);color:#10100e}
.b-gridbox{margin:4px 0}.b-gridtop{display:flex;align-items:center;gap:10px;margin-bottom:6px}.b-gridtop small{font-size:11px;color:var(--muted,#777)}.b-gridtop .chip-btn{min-height:36px;padding:0 12px;font-size:13px}
.b-grid{width:100%;border-collapse:collapse;direction:ltr;font-size:12px;font-variant-numeric:tabular-nums}
.b-grid th{padding:4px 2px;font-size:11px;color:var(--muted,#777);font-weight:700;text-align:center;white-space:nowrap}.b-grid th small{display:block;font-size:9px}
.b-grid th.r{text-align:left;padding-inline-end:6px;color:var(--text,#111);font-size:12px}.b-grid th.r small{display:inline;margin-inline-start:4px}
.b-grid td{height:26px;text-align:center;font-weight:700;color:var(--text,#111)}.b-grid tr.spot th.r{color:var(--gold,#9b7028);font-weight:900}
.b-grid tr.zero td{border-top:1px dashed currentColor}

.b-ruler-tools .plus{min-width:72px;border-color:var(--gold,#d8ad55);font-weight:900}
.b-edit .seg{display:flex;gap:6px}.b-edit .seg button{flex:1;min-height:40px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--panel,#fff);color:var(--text,#111);font-weight:800;cursor:pointer}.b-edit .seg button[aria-pressed=true]{background:var(--gold,#d8ad55);border-color:var(--gold,#d8ad55);color:#10100e}
.b-edit select{min-height:40px;padding:0 8px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--panel,#fff);color:var(--text,#111);direction:ltr}
.b-edit .primary{min-height:44px;border:0;border-radius:12px;background:var(--gold,#d8ad55);color:#10100e;font-weight:900;font-size:15px;cursor:pointer}
.b-edit .danger{min-height:36px;border:1px solid var(--down,#b42f2f);border-radius:999px;background:none;color:var(--down,#b42f2f);font-size:12px;cursor:pointer;padding:0 12px;align-self:start}

/* first phone screen budget: head + symbol/strategy + date + strike line + 6 numbers + chart all above the bottom bar */
body .site-head{min-height:0;padding-block:6px}body .site-head .brand img{width:30px;height:30px}body .site-head .brand span{font-size:13px;line-height:1.1}
.b-top{grid-template-rows:auto auto;gap:6px 8px}
.b-top .pick{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.b-top .pl{margin:0;white-space:nowrap}.b-top select{grid-column:auto;min-height:40px}
.b-top input,.b-top .go{min-height:40px}
.b-status{margin:2px 0}.b-status:empty{display:none}
.b-dates{padding:2px 0 4px}.b-dates button{min-height:40px}
.b-ruler{height:96px}.b-ruler-tools{margin-top:0}.b-ruler-tools button{min-height:28px}
.b-stats{gap:5px;margin:4px 0}.b-stats .st{padding:4px 3px}.b-stats small{font-size:10px}.b-stats b{font-size:14px;line-height:1.3}
.b-tabs{margin:4px 0 2px}.b-tabs button{min-height:34px}
.b-chart svg{height:150px}.b-chart figcaption{margin-top:2px;gap:10px}
.b-meta{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0;font-size:13px;color:var(--muted,#777)}.b-meta b{color:var(--text,#111);font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}
.b-top .pick .pl{grid-column:auto}.b-top .pick select{grid-column:auto}
.chip-btn.save{background:var(--gold,#d8ad55);border-color:var(--gold,#d8ad55);color:#10100e}.b-hint a{color:var(--gold,#9b7028);font-weight:800}

.b-seo{margin:18px 0;padding:14px 16px;border:1px solid var(--line,#ddd);border-radius:14px;background:var(--panel,#fff);font-size:14px;line-height:1.9;color:var(--muted,#777)}.b-seo h2{margin:0 0 6px;font-size:18px;color:var(--text,#111)}.b-seo h3{margin:12px 0 2px;font-size:14px;color:var(--text,#111)}.b-seo p{margin:0}
.b-top{grid-template-columns:78px 40px minmax(0,1fr)}.b-top .pick{min-width:0}.b-top .pick select{min-width:0;width:100%}

.mom-note{display:inline-block;font-size:12px;font-weight:800;color:var(--gold,#9b7028);text-decoration:none}.mom-note:hover,.mom-note:focus-visible{text-decoration:underline}

.b-suggest{position:absolute;z-index:30;margin:-4px 0 0;padding:4px;list-style:none;min-width:260px;max-width:calc(100% - 32px);border:1px solid var(--gold,#d8ad55);border-radius:12px;background:var(--panel,#fff);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.b-suggest li{display:flex;gap:10px;align-items:baseline;padding:10px 12px;min-height:44px;border-radius:8px;cursor:pointer}.b-suggest li:hover,.b-suggest li.on{background:var(--panel2,#f3f3f3)}.b-suggest b{min-width:54px;direction:ltr;text-align:left;font-size:15px}.b-suggest span{font-size:12px;color:var(--muted,#777);direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-did{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 6px;font-size:13px;color:var(--muted,#777)}.b-did button{min-height:36px;padding:0 14px;border:1px solid var(--gold,#d8ad55);border-radius:999px;background:var(--panel,#fff);color:var(--text,#111);font-weight:800;cursor:pointer;direction:ltr}
.b-top{position:relative}.b-suggest{top:52px;inset-inline-start:0}
.b-score{margin:12px 0;padding:14px;border:1px solid var(--line,#ddd);border-top:5px solid var(--gold,#d8ad55);border-radius:16px;background:var(--panel,#fff)}
.b-score.strong{border-top-color:var(--up,#1d7a48)}.b-score.weak{border-top-color:var(--down,#b42f2f)}.b-score.unknown{border-top-color:var(--line,#ddd)}
.b-score .sh{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}.b-score .sh b{font-size:18px}.b-score.strong .sh b{color:var(--up,#1d7a48)}.b-score.weak .sh b{color:var(--down,#b42f2f)}.b-score .sh span{font-size:13px;color:var(--muted,#777)}
.b-score .dots{display:flex;gap:6px;margin:10px 0;direction:ltr}.b-score .d{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--panel2,#f3f3f3);color:var(--muted,#777)}.b-score .d.good{background:var(--up,#1d7a48);color:#fff}.b-score .d.warn{background:var(--down,#b42f2f);color:#fff}
.b-score h4{margin:10px 0 4px;font-size:13px;color:var(--gold,#9b7028)}.b-score ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.b-score li{font-size:13px;line-height:1.7;padding-inline-start:10px;border-inline-start:3px solid var(--line,#ddd)}.b-score li.good{border-color:var(--up,#1d7a48)}.b-score li.warn{border-color:var(--down,#b42f2f)}.b-score li b{font-size:12px;color:var(--muted,#777)}
.b-score .note{margin:10px 0 0;font-size:12px;color:var(--muted,#777)}

.sub-pill{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;background:var(--gold,#d8ad55);color:#1a1405;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.px .sub-pill{margin:2px 0 0}.sealed .tile .sub-pill{position:absolute;inset-inline-end:8px;inset-block-start:8px;margin:0}[hidden]{display:none!important}
.b-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 4px}.b-links span{font-size:13px;color:var(--muted,#6b6458);font-weight:700}.b-links a{text-decoration:none}
.b-event{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:10px 0;padding:10px 12px;border-radius:12px;border:1px solid var(--gold,#d8ad55);background:var(--panel2,#f3f3f3);line-height:1.7}.b-event.soon{background:rgba(192,154,88,.18)}.b-event.warn{border-color:var(--down,#b42f2f);background:rgba(180,47,47,.08)}.b-event small{flex-basis:100%;font-weight:700}
.b-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0}.b-range label{display:inline-flex;align-items:center;gap:6px}.b-range input{width:64px;text-align:center;padding:6px;border:1px solid var(--line,#ddd);border-radius:10px;font:inherit}.b-range button[data-r]{width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#ddd);background:var(--panel,#fff);font:inherit;font-size:18px;cursor:pointer}