/* results-v1 (12 Oct 2026). The /signals page on the app's results design
   (app/results, results-redesign-v3) with the site's dark palette: flat surfaces, hairlines,
   radius 0, Hedvig with tabular figures, white primary, one success green, losses in grey.
   Same data and the same API as before; only presentation lives here.
   Scope law: every rule sits under html[data-fx-results="v1"]. Loaded after blog-v1.css.
   v2 (13 Oct 2026): breakevens get their own segment on the month bars (the tape's colours),
   the headline gains a Breakevens figure, and failed loads show a retry. */
html[data-fx-results="v1"]{
  --rx-bg:hsl(0,0%,5%);--rx-surface:hsl(0,0%,7%);--rx-surface-2:hsl(0,0%,9%);
  --rx-stroke:hsl(0,0%,15%);--rx-stroke-2:hsl(0,0%,20%);
  --rx-text:hsl(0,0%,98%);--rx-text-2:hsl(0,0%,62%);--rx-text-3:hsl(0,0%,52%);
  --rx-fill:rgba(255,255,255,.07);--rx-fill-2:rgba(255,255,255,.04);
  --rx-pos:hsl(150,30%,44%);--rx-pos-bar:hsl(150,30%,30%);--rx-pos-weak:hsla(150,30%,44%,.12);
  --rx-neg:hsl(0,0%,58%);--rx-be:hsl(0,0%,30%);
  --rx-font:'Hedvig Letters Sans',Arial,sans-serif;
}
html[data-fx-results="v1"] body{background:var(--rx-bg)}
html[data-fx-results="v1"] .rx-section{padding:40px 0 24px}
html[data-fx-results="v1"] .rx{color:var(--rx-text);font-family:var(--rx-font);font-variant-numeric:tabular-nums}
html[data-fx-results="v1"] .rx :is(h2,h3){font-weight:400;color:var(--rx-text);margin:0}
html[data-fx-results="v1"] .rx a{text-decoration:none}
html[data-fx-results="v1"] .rx .pos{color:var(--rx-pos)}
html[data-fx-results="v1"] .rx .neg{color:var(--rx-neg)}
html[data-fx-results="v1"] .rx .muted{color:var(--rx-text-3)}

/* hero ledger */
html[data-fx-results="v1"] .rx-hero{background:var(--rx-surface);border:1px solid var(--rx-stroke);margin-bottom:16px;overflow:hidden}
html[data-fx-results="v1"] .rx-hero-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:28px;padding:28px 30px 6px}
html[data-fx-results="v1"] .rx-net{min-width:220px}
html[data-fx-results="v1"] .rx-lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--rx-text-3);margin-bottom:10px}
html[data-fx-results="v1"] .rx-net .num{font-size:clamp(40px,4.6vw,56px);line-height:1;letter-spacing:-.03em;color:var(--rx-pos)}
html[data-fx-results="v1"] .rx-net .num.neg{color:var(--rx-neg)}
html[data-fx-results="v1"] .rx-net .num small{font-size:18px;color:var(--rx-text-3);margin-left:8px;letter-spacing:0}
html[data-fx-results="v1"] .rx-net .foot{font-size:13px;color:var(--rx-text-3);margin-top:10px}
html[data-fx-results="v1"] .rx-stats{display:flex;gap:36px;flex-wrap:wrap;margin-left:auto;padding-bottom:6px}
html[data-fx-results="v1"] .rx-stat b{display:block;font-weight:400;font-size:22px;color:var(--rx-text);letter-spacing:-.01em}
html[data-fx-results="v1"] .rx-stat span{font-size:12px;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-curve{padding:10px 0 0}
html[data-fx-results="v1"] .rx-plot{position:relative;height:190px}
html[data-fx-results="v1"] .rx-plot svg{position:absolute;inset:0;display:block;width:100%;height:100%}
html[data-fx-results="v1"] .rx-level{position:absolute;left:0;right:0;border-top:1px dashed var(--rx-stroke);pointer-events:none}
html[data-fx-results="v1"] .rx-level span{position:absolute;left:16px;bottom:4px;font-size:11px;line-height:1;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-axis{position:relative;height:26px}
html[data-fx-results="v1"] .rx-axis span{position:absolute;top:8px;transform:translateX(-50%);font-size:11px;line-height:1;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-tape{border-top:1px solid var(--rx-stroke);padding:14px 30px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html[data-fx-results="v1"] .rx-tape .rx-lbl{margin:0;white-space:nowrap}
html[data-fx-results="v1"] .rx-ticks{display:flex;gap:3px;align-items:flex-end;flex:1;min-width:0;overflow:hidden}
html[data-fx-results="v1"] .rx-ticks i{display:block;width:5px;flex:0 0 auto}
html[data-fx-results="v1"] .rx-ticks i.w{height:16px;background:var(--rx-pos)}
html[data-fx-results="v1"] .rx-ticks i.l{height:10px;background:var(--rx-neg);opacity:.6}
html[data-fx-results="v1"] .rx-ticks i.b{height:7px;background:var(--rx-be)}
html[data-fx-results="v1"] .rx-key{display:flex;gap:14px;font-size:12px;color:var(--rx-text-3);white-space:nowrap}
html[data-fx-results="v1"] .rx-key i{display:inline-block;width:7px;height:7px;margin-right:6px}
html[data-fx-results="v1"] .rx-key .kw i{background:var(--rx-pos)}
html[data-fx-results="v1"] .rx-key .kl i{background:var(--rx-neg);opacity:.6}
html[data-fx-results="v1"] .rx-key .kb i{background:var(--rx-be)}

/* cards and the chart pair */
html[data-fx-results="v1"] .rx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
html[data-fx-results="v1"] .rx-card{background:var(--rx-surface);border:1px solid var(--rx-stroke);padding:24px 26px}
html[data-fx-results="v1"] .rx-card :is(h2,h3){font-size:16px;letter-spacing:-.01em}
html[data-fx-results="v1"] .rx-card .cs{font-size:13px;color:var(--rx-text-3);margin:4px 0 20px}
html[data-fx-results="v1"] .rx-card svg{display:block;width:100%;height:auto}
html[data-fx-results="v1"] .rx-wrsvg{overflow:visible}
html[data-fx-results="v1"] .rx-tp{display:flex;flex-direction:column;gap:16px;padding-top:6px}
html[data-fx-results="v1"] .rx-tp-row{display:grid;grid-template-columns:54px 1fr 118px;align-items:center;gap:14px}
html[data-fx-results="v1"] .rx-tp-row .t{font-size:13px;color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx-tp-row .bar{height:10px;background:var(--rx-fill);overflow:hidden}
html[data-fx-results="v1"] .rx-tp-row .bar i{display:block;height:100%;background:var(--rx-pos)}
html[data-fx-results="v1"] .rx-tp-row .bar i.o2{background:var(--rx-pos-bar)}
html[data-fx-results="v1"] .rx-tp-row .bar i.o3{background:var(--rx-pos-bar);opacity:.7}
html[data-fx-results="v1"] .rx-tp-row .v{font-size:13px;color:var(--rx-text);text-align:right}
html[data-fx-results="v1"] .rx-tp-row .v span{color:var(--rx-text-3);margin-left:6px}
html[data-fx-results="v1"] .rx-tp-note{font-size:12px;line-height:1.6;color:var(--rx-text-3);margin-top:20px;padding-top:14px;border-top:1px solid var(--rx-stroke)}
html[data-fx-results="v1"] .rx-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
html[data-fx-results="v1"] .rx-table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}
html[data-fx-results="v1"] .rx-table th{text-align:left;font-size:11px;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--rx-text-3);padding:10px 12px;border-bottom:1px solid var(--rx-stroke)}
html[data-fx-results="v1"] .rx-table td{padding:12px;border-bottom:1px solid var(--rx-stroke);color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx-table tr:last-child td{border-bottom:0}
html[data-fx-results="v1"] .rx-table td:first-child{color:var(--rx-text)}
html[data-fx-results="v1"] .rx-table .r{text-align:right}
html[data-fx-results="v1"] .rx-wl{display:inline-flex;width:96px;height:5px;background:var(--rx-fill);overflow:hidden;vertical-align:middle}
html[data-fx-results="v1"] .rx-wl i{display:block;height:100%}
html[data-fx-results="v1"] .rx-wl .w{background:var(--rx-pos)}
html[data-fx-results="v1"] .rx-wl .b{background:var(--rx-be)}
html[data-fx-results="v1"] .rx-wl .l{background:var(--rx-neg);opacity:.6}

/* backtester promo and note */
html[data-fx-results="v1"] .rx-bt{display:grid;grid-template-columns:1.5fr .9fr;gap:26px;align-items:center;background:var(--rx-surface);border:1px solid var(--rx-stroke);padding:30px;margin:16px 0;color:var(--rx-text)}
html[data-fx-results="v1"] .rx-bt:hover{border-color:var(--rx-stroke-2)}
html[data-fx-results="v1"] .rx-bt :is(h2,h3){font-size:22px;letter-spacing:-.02em;margin:0 0 10px}
html[data-fx-results="v1"] .rx-bt p{font-size:14px;line-height:1.65;color:var(--rx-text-2);max-width:460px;margin:0 0 20px}
html[data-fx-results="v1"] .rx-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 18px;background:#f5f5f5;color:#0d0d0d;border:1px solid #f5f5f5;font-size:14px;line-height:1.4}
html[data-fx-results="v1"] .rx-btn:hover{background:#dedede;border-color:#dedede}
html[data-fx-results="v1"] .rx-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-fx-results="v1"] .rx-btn-ghost{background:transparent;color:var(--rx-text);border-color:var(--rx-stroke-2)}
html[data-fx-results="v1"] .rx-btn-ghost:hover{background:var(--rx-fill-2);border-color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-bt-num{font-size:34px;letter-spacing:-.02em;color:var(--rx-pos)}
html[data-fx-results="v1"] .rx-bt-num.neg{color:var(--rx-neg)}
html[data-fx-results="v1"] .rx-bt-lbl{font-size:12px;color:var(--rx-text-3);margin-top:4px}
html[data-fx-results="v1"] .rx-bt-mini{display:flex;gap:28px;margin-top:16px}
html[data-fx-results="v1"] .rx-bt-mini b{display:block;font-weight:400;font-size:18px;color:var(--rx-text)}
html[data-fx-results="v1"] .rx-bt-mini span{font-size:12px;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-note{background:var(--rx-surface);border:1px solid var(--rx-stroke);border-left:2px solid var(--rx-text-2);padding:18px 22px;font-size:14px;line-height:1.7;color:var(--rx-text-2);margin-bottom:34px}
html[data-fx-results="v1"] .rx-note a{color:var(--rx-text);text-decoration:underline;text-underline-offset:3px}

/* open teaser */
html[data-fx-results="v1"] .rx-openhead{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--rx-text-3);margin-bottom:12px;display:flex;align-items:center;gap:8px}
html[data-fx-results="v1"] .rx-openhead .dot{width:7px;height:7px;border-radius:50%;background:var(--rx-pos)}
html[data-fx-results="v1"] .rx-openwrap{border:1px solid var(--rx-stroke);background:var(--rx-surface);margin-bottom:36px}
html[data-fx-results="v1"] .rx .blur{filter:blur(5px);user-select:none;color:var(--rx-text-3)}

/* pills */
html[data-fx-results="v1"] .rx .pill{display:inline-block;padding:3px 9px;font-size:12px;line-height:1.5;white-space:nowrap;border-radius:0}
html[data-fx-results="v1"] .rx .pill.win{background:var(--rx-pos-weak);color:var(--rx-pos)}
html[data-fx-results="v1"] .rx .pill.loss{background:var(--rx-fill);color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx .pill.be{background:var(--rx-fill-2);color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx .pill.live{background:var(--rx-fill);color:var(--rx-text)}

/* month by month */
html[data-fx-results="v1"] .rx-hist-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}
html[data-fx-results="v1"] .rx-hist-head h2{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.025em}
html[data-fx-results="v1"] .rx-filters{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
html[data-fx-results="v1"] .rx-seg{display:flex;gap:6px;flex-wrap:wrap}
html[data-fx-results="v1"] .rx-seg button{font:inherit;font-size:13px;color:var(--rx-text-3);background:transparent;border:1px solid var(--rx-stroke);border-radius:0;padding:8px 15px;min-height:38px;cursor:pointer}
html[data-fx-results="v1"] .rx-seg button:hover{color:var(--rx-text);border-color:var(--rx-stroke-2)}
html[data-fx-results="v1"] .rx-seg button.active{color:#0d0d0d;background:#f5f5f5;border-color:#f5f5f5}
html[data-fx-results="v1"] .rx-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:22px}
html[data-fx-results="v1"] .rx-mcard{width:100%;background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-stroke);border-radius:0;padding:18px 18px 16px;cursor:pointer;text-align:left;font:inherit;transition:border-color .13s,background .13s}
html[data-fx-results="v1"] .rx-mcard:hover{border-color:var(--rx-stroke-2);background:var(--rx-surface-2)}
html[data-fx-results="v1"] .rx-mcard.active{border-color:#f5f5f5;background:var(--rx-surface-2)}
html[data-fx-results="v1"] .rx-mcard:focus-visible{outline:1px solid var(--rx-text);outline-offset:2px}
html[data-fx-results="v1"] .rx-mcard .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
html[data-fx-results="v1"] .rx-mcard .name{font-size:16px}
html[data-fx-results="v1"] .rx-mcard .pips{font-size:16px;color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx-mcard .pips.pos{color:var(--rx-pos)}
html[data-fx-results="v1"] .rx-mcard .pips.neg{color:var(--rx-neg)}
html[data-fx-results="v1"] .rx-mcard .wl{display:flex;height:4px;background:var(--rx-fill);overflow:hidden;margin-bottom:12px}
html[data-fx-results="v1"] .rx-mcard .wl .w{background:var(--rx-pos)}
html[data-fx-results="v1"] .rx-mcard .wl .b{background:var(--rx-be)}
html[data-fx-results="v1"] .rx-mcard .wl .l{background:var(--rx-neg);opacity:.6}
html[data-fx-results="v1"] .rx-mcard .meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;font-size:12px;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-mcard .meta b{font-weight:400;color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx-panel{background:var(--rx-surface);border:1px solid var(--rx-stroke);overflow:hidden}
html[data-fx-results="v1"] .rx-panel-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:18px 22px;border-bottom:1px solid var(--rx-stroke)}
html[data-fx-results="v1"] .rx-panel-head .t{font-size:18px}
html[data-fx-results="v1"] .rx-panel-head .s{font-size:13px;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-panel-head .s b{font-weight:400;color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
html[data-fx-results="v1"] .rx-scroll table{min-width:760px;width:100%;border-collapse:collapse;font-size:13px}
html[data-fx-results="v1"] .rx-scroll th{text-align:left;font-size:11px;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--rx-text-3);padding:11px 14px;border-bottom:1px solid var(--rx-stroke)}
html[data-fx-results="v1"] .rx-scroll td{padding:11px 14px;border-bottom:1px solid var(--rx-stroke);color:var(--rx-text-2)}
html[data-fx-results="v1"] .rx-scroll tr:last-child td{border-bottom:0}
html[data-fx-results="v1"] .rx-scroll td.asset{color:var(--rx-text)}
html[data-fx-results="v1"] .rx-scroll td.dt{white-space:nowrap;color:var(--rx-text-3)}
html[data-fx-results="v1"] .rx-msg{color:var(--rx-text-3);margin:0;padding:16px 18px;font-size:14px}
html[data-fx-results="v1"] .rx-months>.rx-msg{grid-column:1/-1;padding-left:0;padding-right:0}
html[data-fx-results="v1"] .rx-retry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px}
html[data-fx-results="v1"] .rx-retry .rx-btn{min-height:38px;padding:8px 15px;font:inherit;font-size:13px;cursor:pointer}
html[data-fx-results="v1"] .rx-follow{margin:30px 0 0}

/* copier band and how we report */
html[data-fx-results="v1"] .rx-band{padding:40px 0}
html[data-fx-results="v1"] .rx-copier{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--rx-stroke);background:var(--rx-surface);padding:34px}
html[data-fx-results="v1"] .rx-copier h2{font-size:24px;font-weight:400;letter-spacing:-.02em;margin:0 0 10px;color:var(--rx-text)}
html[data-fx-results="v1"] .rx-copier p{font-size:15px;line-height:1.7;color:var(--rx-text-2);margin:0;max-width:600px}
html[data-fx-results="v1"] .rx-report{padding:64px 0 88px;border-top:1px solid var(--rx-stroke)}
html[data-fx-results="v1"] .rx-report .rx-lbl{margin-bottom:12px}
html[data-fx-results="v1"] .rx-report h2{font-size:clamp(26px,2.8vw,36px);font-weight:400;letter-spacing:-.03em;margin:0 0 32px;color:var(--rx-text)}
html[data-fx-results="v1"] .rx-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rx-text-3)}
html[data-fx-results="v1"] .rx-report-grid>div{padding:26px 28px 0 0;border-right:1px solid var(--rx-stroke);margin-right:28px}
html[data-fx-results="v1"] .rx-report-grid>div:last-child{border-right:0;margin-right:0}
html[data-fx-results="v1"] .rx-report-grid b{display:block;font-size:12px;letter-spacing:.08em;color:var(--rx-text-3);font-weight:400;margin-bottom:12px}
html[data-fx-results="v1"] .rx-report-grid h3{font-size:18px;font-weight:400;margin:0 0 10px;color:var(--rx-text)}
html[data-fx-results="v1"] .rx-report-grid p{font-size:14px;line-height:1.7;color:var(--rx-text-2);margin:0}
html[data-fx-results="v1"] .rx-report-grid a{color:var(--rx-text);text-decoration:underline;text-underline-offset:3px}

@media(max-width:860px){
  html[data-fx-results="v1"] .rx-grid2{grid-template-columns:1fr}
  html[data-fx-results="v1"] .rx-report-grid{grid-template-columns:1fr}
  html[data-fx-results="v1"] .rx-report-grid>div{border-right:0;margin-right:0;padding:22px 0;border-bottom:1px solid var(--rx-stroke)}
  html[data-fx-results="v1"] .rx-report-grid>div:last-child{border-bottom:0}
}
@media(max-width:760px){
  html[data-fx-results="v1"] .rx-bt{grid-template-columns:1fr;gap:18px;padding:24px}
  html[data-fx-results="v1"] .rx-bt>div:last-child{border-top:1px solid var(--rx-stroke);padding-top:16px}
}
@media(max-width:640px){
  html[data-fx-results="v1"] .rx-section{padding-top:28px}
  html[data-fx-results="v1"] .rx-hero-top{padding:22px 18px 4px;gap:22px}
  html[data-fx-results="v1"] .rx-stats{margin-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;width:100%}
  html[data-fx-results="v1"] .rx-stat b{font-size:19px}
  html[data-fx-results="v1"] .rx-plot{height:150px}
  html[data-fx-results="v1"] .rx-tape{padding:14px 18px 16px}
  html[data-fx-results="v1"] .rx-ticks{flex-basis:100%;order:2}
  html[data-fx-results="v1"] .rx-key{order:3}
  html[data-fx-results="v1"] .rx-card{padding:20px 18px}
  html[data-fx-results="v1"] .rx-tp-row{grid-template-columns:44px 1fr 104px;gap:10px}
  html[data-fx-results="v1"] .rx-wrsvg text{font-size:17px}
  html[data-fx-results="v1"] .rx-copier{padding:24px}
  html[data-fx-results="v1"] .rx-hist-head{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html[data-fx-results="v1"] .rx-mcard{transition:none}}