:root {--bg:#fafaf8;--bg-soft:#f4f5f3;--panel:#fff;--panel-soft:#f2f3f1;--text:#20292c;--orange:#cf5900;--cyan:#59676a;--violet:#59676a;--chart-ema:#ff7900;--chart-price:#687b82;}
:root[data-theme="dark"] {--bg:#151c1f;--bg-soft:#1a2225;--panel:#1d2629;--panel-soft:#242e32;--text:#f5f6f4;--line:#344044;--orange:#ff8a24;--cyan:#b1bdc1;--violet:#b1bdc1;--chart-ema:#ff8a24;}
.brand b {font-size:clamp(1.4rem,3vw,2.3rem);letter-spacing:-.06em;line-height:1.15;}
.brand b em {font-style:normal;color:#ff7900;}
.brand small {font-size:.49rem;letter-spacing:.21em;margin-top:6px;}
.brand img {width:62px;height:62px;}
[data-theme="dark"] .brand img,[data-theme="dark"] .loader img {background:#f5f6f4;border-radius:50%;padding:3px;}
.topbar {border-bottom:2px solid #ff7900;}
.section-head h2 {letter-spacing:-.035em;}
.eyebrow {color:var(--orange);letter-spacing:.16em;}
.indicator-board {background:transparent;border:0;}
.indicator-list {gap:20px;}
.indicator-row {background:var(--panel);border:1px solid var(--line)!important;border-radius:16px;padding:24px;min-width:0;}
.indicator-number {color:var(--orange);border-color:var(--orange);}
.indicator-value {color:var(--orange);}
.indicator-meaning {min-height:0;line-height:1.7;}
.metric-chart {margin-top:20px;border-top:1px solid var(--line);padding-top:12px;}
.metric-chart svg {display:block;width:100%;height:auto;overflow:visible;}
.metric-label {font-size:13px;fill:var(--muted);font-family:inherit;}
.metric-value {font-size:17px;font-weight:700;fill:var(--text);font-family:inherit;}
.metric-note,.metric-change {font-size:.75rem;line-height:1.6;color:var(--muted);margin:8px 0 0;}
.integrated-summary {padding:26px;background:var(--panel);border:1px solid var(--line);border-left:4px solid #ff7900;border-radius:12px;}
.integrated-summary>p {font-size:.88rem;line-height:1.7;color:var(--soft);margin:0 0 12px;}
.integrated-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;}
.integrated-grid p {margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:.8rem;line-height:1.6;}
.integrated-grid b {display:block;color:var(--orange);margin-bottom:5px;}
.integrated-grid span {display:block;color:var(--soft);}
@media(max-width:720px){.brand img{width:42px;height:42px}.brand small{font-size:.35rem;letter-spacing:.1em}.brand b{font-size:1.55rem}.indicator-row{padding:18px}.integrated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-inner{flex-wrap:wrap;gap:14px}.top-actions{flex-wrap:wrap}.integrated-summary{padding:18px}}
@media(max-width:380px){.integrated-grid{grid-template-columns:1fr}}

.indicator-history-panel{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}#indicator-history{display:flex;flex-wrap:wrap;gap:8px}.indicator-history-panel p{font-size:.8rem;color:var(--muted)}

.indicator-list{background:transparent}.indicator-row:nth-child(even){background:var(--panel)}.indicator-row:last-child{grid-column:1 / -1}.indicator-row:last-child .metric-chart{max-width:650px}.violet-button{background:#d96300!important;color:#fff!important;border-color:#d96300!important}

/* Full-width dated indicator history, independent of the BTC and ETF renderers. */
.indicator-list{grid-template-columns:minmax(0,1fr)!important;gap:28px}
.indicator-row{padding:26px;scroll-margin-top:130px}
.indicator-meaning{max-width:1050px;min-height:0}
.history-chart{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.history-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.history-dates{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}
.history-tools .chart-ranges{display:flex;gap:4px}
.history-tools .chart-ranges button{min-width:36px;padding:7px 11px}
.history-tools .chart-ranges button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.history-board{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0 10px;background:var(--bg-soft)}
.history-columns{display:grid;grid-template-columns:repeat(var(--history-count),minmax(0,1fr));gap:8px}
.history-column{display:flex;flex-direction:column;align-items:center;min-width:0;border:0;padding:0 0 10px;background:transparent;color:var(--text);font:inherit;cursor:pointer;position:relative}
.history-plot{display:block;position:relative;width:100%;height:200px;margin-bottom:10px}
.history-bar{display:block;position:absolute;left:20%;width:60%;top:var(--bar-top);height:var(--bar-height);background:#ff7900;opacity:.6;border-radius:3px 3px 0 0}
.history-bar.latest{background:#ff7900;opacity:1}.history-bar.negative{background:var(--red);border-radius:0 0 3px 3px}
.history-column b{font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}
.history-column time{font-size:.7rem;color:var(--muted);margin-top:5px;white-space:nowrap}
.history-column:focus-visible{outline:2px solid #ff7900;outline-offset:-2px}
.history-column:hover .history-bar{filter:brightness(1.15)}
.history-reference{position:absolute;top:var(--history-reference);left:0;right:0;border-top:1px dashed var(--line-strong);pointer-events:none;z-index:1}
.history-reference span{position:absolute;top:2px;left:2px;font-size:10px;background:var(--panel);color:var(--muted);padding:0 2px}
.history-detail{font-size:.82rem;color:var(--soft);font-variant-numeric:tabular-nums;line-height:1.7;min-height:1.7em;margin:14px 0 6px}
.history-line{display:block;width:100%;height:240px;background:var(--bg-soft);border:1px solid var(--line);border-radius:8px}
.history-slider{display:block;width:100%;accent-color:#ff7900;margin-top:14px}
.history-price-actions{margin-block:14px}
@media(max-width:720px){.indicator-row{padding:15px}.history-tools{gap:10px}.history-tools .chart-ranges{width:100%;justify-content:space-between}.history-tools .chart-ranges button{padding:6px 7px;font-size:.7rem;min-width:30px}.history-columns{gap:2px}.history-board{padding:0 3px}.history-column b{font-size:.55rem}.history-column time{font-size:.55rem}.history-bar{left:12%;width:76%}.history-detail{font-size:.74rem}.history-line{height:190px}.history-line .metric-label{font-size:11px}}

#indicators-title{scroll-margin-top:125px}

/* Let mobile range labels determine button widths instead of equal columns. */
@media(max-width:720px){
  #integrated-summary .chart-ranges{display:flex;flex-wrap:wrap;gap:2px;max-width:100%;box-sizing:border-box;}
  #integrated-summary .chart-ranges button{flex:1 0 auto;min-width:max-content;padding-inline:6px;font-size:.7rem;white-space:nowrap;}
}

.current-reading{margin-top:20px;padding:18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px}.reading-row+.reading-row{margin-top:14px}.reading-label{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;margin:6px 0}.reading-track{height:16px;background:var(--line);border-radius:4px;position:relative}.reading-fill{height:100%;background:var(--orange);border-radius:4px}.reading-fill.reference{background:var(--muted);opacity:.65}.reading-track.axis{margin-top:12px}.axis .reading-fill{position:absolute}.reading-zero{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text)}.current-reading small{display:block;margin-top:16px;color:var(--muted)}.current-reading p{font-size:.8rem;color:var(--muted)}@media(max-width:720px){.current-reading{padding:12px}.reading-label{font-size:.75rem}.indicator-card-head{flex-wrap:wrap}.indicator-name{min-width:0}}

.indicator-row .indicator-headline{font-size:1.25rem;line-height:1.5;margin:20px 0 10px;color:var(--text)}.indicator-row .indicator-meaning{max-width:85ch;color:var(--muted)}.situation-date{font-size:.75rem;color:var(--muted);margin-top:18px}@media(max-width:720px){.indicator-row .indicator-headline{font-size:1.08rem}}

.market-situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.market-situation-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-width:0}.situation-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.situation-icon{color:#ff7900;width:36px;height:36px;flex-shrink:0}.situation-icon svg{width:100%;height:100%}.situation-top h3{font-size:.75rem;letter-spacing:.06em;color:var(--muted);flex:1;margin:0}.situation-status{font-size:.65rem;letter-spacing:.04em;font-weight:800;padding:8px 10px;border-radius:7px;background:#59677533;color:var(--text);max-width:100%}.situation-status.green{background:#43794733;color:#64b77e}.situation-status.teal{background:#219e9433;color:#37bcb2}.situation-status.amber{background:#a6771833;color:#cf961a}.situation-headline{font-size:1.2rem;line-height:1.45;margin:20px 0 12px}.situation-body p{margin:4px 0;line-height:1.65;color:var(--soft)}.situation-change{margin-top:auto;padding-top:20px}.situation-change small{display:block;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-weight:700;font-size:.7rem;letter-spacing:.05em}.situation-change p{color:#ff7900;font-weight:700;line-height:1.5;margin:7px 0 0}@media(max-width:760px){.market-situation-grid{grid-template-columns:1fr}.market-situation-card{padding:18px}.situation-headline{font-size:1.1rem}.situation-status{font-size:.6rem}.situation-top{gap:10px}}

/* Shared orange icon styling for the overview and chart sections. */
.market-strip{gap:14px;border:0;overflow:visible}.market-cell{position:relative;padding:22px 18px 22px 76px;border:1px solid var(--line)!important;border-radius:10px;background:var(--panel);min-width:0}.market-cell:last-child{border-right:1px solid var(--line)}.overview-icon{position:absolute;left:18px;top:30px;width:42px;height:42px;color:#ff7900}.overview-icon svg,.section-icon svg{width:100%;height:100%;display:block}.market-cell .cell-head{flex-wrap:wrap}.market-cell>strong{font-size:clamp(1.4rem,2vw,2.1rem)}.branded-chart{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:22px 18px 12px}.branded-chart .section-head>div:first-child{position:relative;padding-left:65px}.section-icon{position:absolute;left:0;top:3px;width:43px;height:43px;color:#ff7900}.branded-chart .chart-frame{border-bottom:0}.branded-chart #etf-source-credit{margin-left:65px}.branded-chart .section-head h2{font-size:clamp(1.35rem,2.2vw,2rem)}
@media(min-width:761px) and (max-width:1150px){.market-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.market-cell.etf-overview{grid-column:1/-1}}
@media(max-width:760px){.market-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}.market-strip .market-cell{padding:15px;display:block;min-height:0;border:1px solid var(--line)!important}.market-cell .overview-icon{position:static;display:block;width:30px;height:30px;margin-bottom:10px}.market-cell:nth-child(3){grid-column:auto}.market-cell:nth-child(3)>small{white-space:normal;text-align:left;margin-top:8px}.market-cell.etf-overview{grid-column:1/-1}.market-cell.etf-overview .overview-icon{float:left;margin-right:12px}.market-cell>span:not(.overview-icon){font-size:.65rem}.market-cell>strong{font-size:1.5rem}.branded-chart{padding:16px 10px 8px}.branded-chart .section-head>div:first-child{padding-left:43px}.section-icon{width:30px;height:30px}.branded-chart #etf-source-credit{margin-left:0;font-size:.7rem}.branded-chart .chart-tools{margin-top:14px}}
.market-cell > .overview-icon{color:#ff7900}

.legacy-market-chart[hidden]{display:none!important}.joint-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.joint-head h2{margin:4px 0;font-size:clamp(1.3rem,2.4vw,2rem)}.joint-svg{width:100%;display:block;overflow:visible}.joint-label{font-size:12px;fill:var(--muted)}.joint-readout{padding:12px;border:1px solid var(--line);border-radius:6px;font-size:.85rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.joint-slider{width:100%;accent-color:#ff7900}.joint-head .chart-ranges button{flex:1 0 auto;white-space:nowrap}@media(max-width:600px){.joint-label{font-size:21px}.joint-readout{font-size:.73rem;line-height:1.6}.joint-head .chart-ranges{width:100%}}

@media(max-width:600px){.joint-label{font-size:11px}}

.joint-change{display:block;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;margin:4px 0 8px}

.joint-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.joint-etf-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
