/* Larger controls, grouped answers and a readable chart without changing data. */
button,input,select{font-size:13px}button{min-height:30px}.helper,.description,.result-summary{font-size:13px;line-height:1.8}.input-head,.anchor-input>span,.tool-heading .eyebrow{font-size:12px}.anchor-input input{font-size:14px}.anchor-date-display,.option-help,.tool-options label,.layer-title,.layer-title span,.layer-actual,.feature-tags{font-size:12px}.tool-tab,.tool-axis-toggle,.layer-chip,.pinned-chip,.layer-caption,.layer-global-actions button,#restore-fixed-results{font-size:12px}.result-card small,.frequency-grid small{font-size:12px}.result-card strong,.frequency-grid strong{font-size:16px}.frequency-grid .date-result{font-size:14px}.tool-result{max-height:390px}.chart-toolbar{gap:8px;padding:8px 12px}.chart-view-actions{flex-wrap:wrap}.period-buttons button,.range-buttons button,.chart-view-actions button,.chart-mode-bar button,.chart-mode-bar #pin-selected,.chart-mode-bar #clear-selection,.chart-mode-bar label{font-size:12px}.chart-mode-bar small{font-size:11px}.chart-mode-bar{gap:7px;padding:8px 12px;flex-wrap:wrap}.chart-mode-bar select{font-size:13px}
#tool-details>summary[hidden]{display:none}.tool-settings-bar{display:flex;align-items:center;gap:14px;padding:10px 20px;border-top:1px solid #29425d}.tool-settings-bar small{color:#829bb5;font-size:12px;line-height:1.5}.tool-settings-toggle,.tool-settings-toggle:hover{min-height:34px;padding:7px 14px;border:1px solid #9ccaff;border-radius:6px;background:#23465f;color:#f0f8ff;box-shadow:inset 0 -2px 0 #9ccaff66;white-space:nowrap}.tool-settings-toggle[aria-expanded=true]{box-shadow:inset 0 -2px 0 #9ccaff99,0 0 0 1px #9ccaff33}@media(max-width:760px){.tool-settings-bar{padding:10px 12px;gap:10px}.tool-settings-bar small{font-size:11px}}
.anchor-magnifier{position:absolute;left:12px;top:12px;width:min(284px,calc(100% - 110px));padding:9px 10px;background:#102b43f5;border:1px solid #86bde2;border-radius:7px;box-shadow:0 5px 18px #0006;pointer-events:none;z-index:35;color:#dbefff}.anchor-magnifier[hidden]{display:none}.magnifier-title,.magnifier-date,.magnifier-values{display:block;font-size:11px;line-height:1.5}.magnifier-title{font-size:12px;color:#b9dfff}.magnifier-date{font-variant-numeric:tabular-nums;color:#e2f2ff}.anchor-magnifier canvas{display:block;width:100%;height:132px;margin:3px 0}.magnifier-values{font-size:10px;color:#a9cce5;font-variant-numeric:tabular-nums}@media(max-width:600px){.anchor-magnifier{width:240px;max-width:calc(100% - 100px);left:8px;padding:7px}.magnifier-title,.magnifier-date{font-size:10px}}
.locate-controls{display:flex;align-items:center;gap:2px}.locate-menu{position:relative}.locate-menu summary{list-style:none;cursor:pointer;font-size:16px;color:#badcf3;padding:3px 8px;border:1px solid #365d7b;border-radius:4px}.locate-menu summary::-webkit-details-marker{display:none}.locate-menu>div{position:absolute;right:0;top:100%;z-index:25;display:grid;gap:4px;width:170px;padding:7px;background:#15334f;border:1px solid #517fa4;border-radius:5px;box-shadow:0 8px 22px #0008}.locate-menu>div button{text-align:left}.locate-menu[open] summary{background:#214969}
#chart-stage.has-space-axes{--space-width:min(var(--space-axis-width,320px),40vw)}#chart-host,#space-axis{height:600px}.space-heading{height:auto;min-height:36px}.space-heading span,.space-heading button{font-size:12px}.space-axis-row{padding:10px;margin-bottom:9px}.space-axis-row .tool-axis-heading{flex-wrap:wrap;gap:6px}.space-axis-row .tool-axis-heading>button:first-child{font-size:14px}.tool-axis-heading>button:first-child{font-size:13px}.tool-axis-heading small,.space-axis-row .tool-axis-heading small{font-size:11px}.tool-axis-state{font-size:11px;color:#a9d2ed;background:#0a2033;border:1px solid #335b7b;border-radius:4px;padding:2px 5px}.space-axis-row .tool-axis-state{order:5;flex-basis:100%;width:max-content}.space-rule{font-size:12px;line-height:1.8}.space-row-anchors .price-rail-anchor,.tool-axis-anchor{padding:5px 7px;min-height:42px}.space-row-anchors .price-rail-anchor strong,.price-rail-anchor strong,.time-rail-anchor strong{font-size:12px}.tool-axis-anchor small{font-size:11px}.space-row-results{display:block}.axis-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.axis-answer{display:flex;min-width:0;border:1px solid #3c6484;border-left:3px solid var(--event-color);border-radius:5px;background:#10283f;overflow:hidden}.axis-answer .axis-result-chip{flex:1;min-width:0;max-width:none!important;border:0;border-radius:0;background:none;margin:0;padding:5px 6px!important;text-align:left;color:var(--event-color);line-height:1.55}.axis-answer .axis-result-chip small{font-size:12px!important;line-height:1.6}.axis-answer .axis-result-chip strong{font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e1eff9}.axis-answer-info{border:0;border-left:1px solid #335b7b;border-radius:0;background:none;color:#b9d8ef;min-width:25px;padding:2px 4px;font-size:16px}.axis-answer:hover{border-color:var(--event-color)}.axis-no-results{display:block;font-size:12px;line-height:1.7;color:#aac8e1}.axis-candidates summary,.axis-fixed-archive summary{cursor:pointer;color:#a3c6df;font-size:12px;line-height:1.8;padding:4px 0}.axis-candidates[open]>div{opacity:.8}.axis-fixed-group{border-top:1px solid #426580;margin-top:9px;padding-top:7px}.axis-fixed-group>small{display:block;color:#b1d9f3;font-size:12px;margin-bottom:4px}.axis-fixed-answer{margin:5px 0;padding:5px;border:1px solid #466e8c;background:#15354f;border-radius:5px}.axis-fixed-answer>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#aacce3;font-size:11px;margin-bottom:4px}.axis-fixed-answer .tool-axis-toggle{font-size:11px;min-height:24px;padding:2px 6px}.axis-fixed-archive{width:100%}.tool-axis-row{grid-template-columns:125px minmax(200px,.95fr) minmax(160px,1fr);align-items:start;padding:9px;gap:9px}.tool-axis-row .tool-axis-heading{gap:4px}.tool-axis-row .tool-axis-state{flex-basis:100%}.tool-time-anchors{margin-top:3px}.axis-time-results{display:block;min-width:0}.axis-time-results .axis-answer-grid{display:flex;flex-wrap:wrap;gap:5px}.axis-time-results .axis-answer{max-width:170px}.axis-time-results .axis-result-chip strong{display:none}.axis-time-results .axis-fixed-group{margin-top:6px}.tool-axis-row.no-anchors{grid-template-columns:125px minmax(0,1fr)}#time-track .axis-date-scroll{max-height:420px}.axis-heading,.axis-heading small,.axis-heading button{font-size:12px}.tool-axis-heading .tool-axis-toggle{font-size:12px;min-height:28px}
.plot-price-event,.plot-price-anchor{height:36px}.plot-price-result small,.plot-price-anchor small{font-size:11px;line-height:1.5}.plot-price-result strong,.plot-price-anchor strong{font-size:13px;font-variant-numeric:tabular-nums}.price-info,.date-info,.date-action{font-size:15px;min-width:25px}.plot-date-event,.plot-date-anchor{height:42px}.date-switch small,.plot-date-anchor small{font-size:11px;line-height:1.5}.date-switch strong,.plot-date-anchor strong{font-size:13px;line-height:1.5}.plot-date-anchor{padding:4px 6px}#chart-host[data-label-mode=full] .plot-price-event,#chart-host[data-label-mode=full] .plot-price-anchor{height:50px}#chart-host[data-label-mode=full] .plot-date-event,#chart-host[data-label-mode=full] .plot-date-anchor{height:50px}.anchor-number{opacity:0;font-size:11px!important;paint-order:stroke;stroke:#0b1c32;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.anchor-handle[data-active-tool=true] .anchor-number,.anchor-handle.is-tool-highlight .anchor-number{opacity:1}.anchor-stem{opacity:.55}.anchor-ring{stroke-width:1.6}.tool-hovering [data-visual-layer]:not(.is-tool-highlight){opacity:.35}.tool-hovering .is-tool-highlight .anchor-ring{stroke-width:2.4}.tool-hovering .anchor-handle.is-tool-highlight{opacity:1}.tool-hovering .is-tool-highlight .anchor-number{opacity:1}
.selection-tray{padding:12px 16px;background:#15354f;border-top:1px solid #5888ac;border-bottom:1px solid #5888ac}.selection-heading{display:flex;align-items:center;gap:10px;color:#d7edff;font-size:14px}.selection-heading span{font-size:12px;color:#a7d4f0}#selection-status{font-size:12px;color:#b1cce0;line-height:1.7;margin:5px 0 8px}#selection-list{list-style:none;padding:0;margin:0;max-height:150px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#selection-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #4d7290;border-radius:5px;background:#102b43;font-size:12px}#selection-list li>div{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;min-width:0}#selection-list strong{color:#acd7f4;font-weight:500}#selection-list b{font-weight:500;color:#eef6fc;font-variant-numeric:tabular-nums}#selection-list .selection-stale{border-color:#c9a46b}#selection-list small{color:#f3cd8f;font-size:11px}#selection-list button{font-size:12px;padding:3px 7px;flex-shrink:0}.resonance-settings label,.resonance-settings input,.resonance-settings select,.resonance-help,.resonance-heading p,.resonance-card p,.resonance-card small{font-size:12px}.resonance-title{font-size:13px}.resonance-card .quiet{font-size:12px}.resonance-settings #resonance-scope{min-width:130px}
body.chart-expanded{overflow:hidden}.chart-fullscreen-exit{display:none}.chart-panel.is-expanded{position:fixed;inset:0;z-index:50;margin:0;border:0;border-radius:0;overflow:hidden;background:#0b1c32;width:100vw;height:100dvh;overscroll-behavior:contain}.chart-panel.is-expanded> :not(#chart-stage):not(.chart-controls):not(#pick-banner){display:none!important}.chart-panel.is-expanded #chart-stage{--space-width:0px!important;height:100%;width:100%}.chart-panel.is-expanded #space-axis,.chart-panel.is-expanded #time-track,.chart-panel.is-expanded #time-above,.chart-panel.is-expanded #axis-links{display:none!important}.chart-panel.is-expanded .plot-row{display:block;width:100%;height:100%}.chart-panel.is-expanded #chart-host{width:100%;height:100%;min-height:0}.chart-panel.is-expanded .chart-fullscreen-exit{display:block;position:absolute;top:10px;right:92px;z-index:18;background:#102b43ed;border:1px solid #6b9cbf;color:#d5edff;padding:6px 12px;box-shadow:0 3px 15px #0005}.chart-panel:fullscreen{width:100%;height:100%}
@media(max-width:1050px){.tool-axis-row{grid-template-columns:120px minmax(0,1fr)}.tool-axis-row .axis-time-results{grid-column:2}.tool-axis-row.no-anchors{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:760px){#chart-stage.has-space-axes{--space-width:0px}.plot-row{display:block}#chart-host{height:540px}#space-axis{width:100%;height:auto;max-height:360px;border-left:0;border-top:1px solid #3d6686}.space-row-anchors{grid-template-columns:repeat(2,minmax(0,1fr))}.space-row-results .axis-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.space-axis-row .tool-axis-heading>button:first-child{font-size:14px}.space-axis-row .tool-axis-heading small{display:block}.space-axis-row .tool-axis-state{order:0;flex-basis:auto}.space-axis-row .tool-axis-toggle{font-size:12px}.chart-mode-bar small{width:100%}#selection-list{grid-template-columns:1fr}.tool-axis-row{grid-template-columns:100px minmax(0,1fr)}.tool-axis-row.no-anchors{grid-template-columns:100px minmax(0,1fr)}.tool-time-anchors{grid-template-columns:1fr!important}.chart-panel.is-expanded #space-axis{height:auto;max-height:300px}.chart-panel.is-expanded #chart-host{height:max(360px,calc(100dvh - 280px))}.plot-price-result strong{font-size:12px}.tool-axis-anchor strong{font-size:12px}.chart-view-actions{margin-left:0}}

.chart-panel.is-expanded #chart-host{height:100%}
.is-target-highlight:not(path):not(g):not(text):not(circle){border-color:#c7eaff!important;background-color:#224b6c!important;box-shadow:0 0 0 1px #a6dbff,0 0 12px #7bbaff55;color:#e7f5ff!important}
#overlay path.is-target-highlight{opacity:1!important;filter:drop-shadow(0 0 3px #a8daff);stroke-width:2.4;pointer-events:stroke}
#overlay path.is-target-highlight[stroke=transparent]{stroke:transparent;stroke-width:10;filter:none}
#overlay .anchor-handle.is-target-highlight{opacity:1!important;filter:drop-shadow(0 0 3px #8bc9ff)}
#overlay .anchor-handle.is-target-highlight .anchor-ring{stroke-width:2.8;fill:#1c456b}
#overlay .anchor-handle.is-target-highlight .anchor-number{opacity:1}
.tool-hovering .is-target-highlight{opacity:1!important}
.geometry-grid .result-card.selected{border-color:#d1c0ff;background:#28385a}
.resonance-options{margin-top:12px;border-top:1px solid #355977;padding-top:9px}.resonance-options>summary{cursor:pointer;color:#a9cce8;font-size:12px;padding:4px 0}.resonance-options[open]>summary{margin-bottom:8px}.resonance-type-actions{display:flex;gap:8px;margin-bottom:10px}.resonance-type-actions button{font-size:12px}.resonance-panel:has(#resonance-body[hidden]){padding-bottom:12px}
#chart-host.descriptions-hidden .plot-time-dock,#chart-host.descriptions-hidden #plot-prices,#chart-host.descriptions-hidden #chart-tooltip,#chart-host.descriptions-hidden #overlay .anchor-number,#chart-host.descriptions-hidden #overlay .space-direction text{visibility:hidden;pointer-events:none}

.tool-hovering .anchor-handle[data-active-tool=true]:not(.is-tool-highlight) .anchor-number{opacity:0}
#chart-host.descriptions-hidden #overlay .description-link,
#chart-host.descriptions-hidden #overlay .anchor-stem,
#chart-host.descriptions-hidden #overlay .space-coefficient {visibility:hidden;pointer-events:none}
.space-coefficient text{font:600 14px sans-serif;stroke:none;pointer-events:none}
.space-coefficient rect{fill:#10243b;fill-opacity:.97;stroke-width:1;stroke-opacity:.7}
.space-coefficient .coefficient-leader{fill:none;stroke-width:1;opacity:.6;pointer-events:none}
.plot-date-anchor,.plot-price-anchor{cursor:grab;touch-action:none}
.plot-date-anchor,.plot-price-anchor{border-color:var(--event-color,#94c9f4)}
.plot-date-anchor small,.plot-price-anchor small{color:var(--event-color,#94c9f4)}
.plot-date-anchor:active,.plot-price-anchor:active{cursor:grabbing}
#plot-anchor-labels{position:absolute;inset:0;pointer-events:none;z-index:7}
#plot-anchor-labels button{position:absolute;pointer-events:auto;touch-action:none}
#chart-host.descriptions-hidden #plot-anchor-labels{visibility:hidden;pointer-events:none}
.context-angle-list small{padding:6px 10px;color:#accde5;font-size:11px}
.context-angle-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.context-angle-list button{padding:4px 3px;text-align:center;font-size:12px}
.context-angle-list small{grid-column:1/-1;padding:5px 2px}
#tool-navigation{display:flex;align-items:stretch;gap:10px;padding:12px 16px;background:linear-gradient(120deg,#14283e,#102035);flex-wrap:wrap}
#tool-navigation .tool-group{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:0;border:0}
#tool-navigation .group-label{display:flex;align-items:center;gap:9px;padding:0 2px;color:#b5cde0;font-size:11px;letter-spacing:.05em}
#tool-navigation .group-label small{font:9px sans-serif;letter-spacing:.12em;color:#718da8}
.group-tools{display:flex;gap:6px;flex-wrap:wrap}
#tool-navigation .tool-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 9px;border:1px solid #344d66;border-radius:7px;background:#14283e;color:#b5cadc;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}
#tool-navigation .tool-tab svg{width:14px;height:14px;fill:none;stroke:var(--tool-color);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
#tool-navigation .tool-tab:hover{background:#1e3b56;border-color:#6b93b4;color:#e2f2ff}
#tool-navigation .tool-tab.active{background:#23465f;border-color:var(--tool-color);color:#f0f8ff;box-shadow:inset 0 -2px var(--tool-color)}
#tool-navigation .tool-tab.active svg{opacity:1}
#tool-navigation .tool-tab-with-steps{display:inline-flex;align-items:stretch;gap:3px;flex:none}
#tool-navigation .tool-stepper{display:flex;flex-direction:column;gap:2px;width:20px;flex:none}
#tool-navigation .tool-stepper button{display:grid;place-items:center;flex:1;min-height:0;height:16px;padding:0;border:1px solid #40566c;border-radius:4px;background:#172d43;color:var(--tool-color);font-size:14px;line-height:1}
#tool-navigation .tool-stepper button:hover:not(:disabled){background:#294861;border-color:var(--tool-color)}
#tool-navigation .tool-stepper button:disabled{opacity:.32;cursor:default}
@media(max-width:760px){#tool-navigation{padding:10px 12px;gap:12px}#tool-navigation .tool-tab{font-size:12px;padding:7px 9px}.group-tools{gap:5px}}
.hex-actions{display:flex;gap:6px;flex-wrap:wrap}
#result-focus-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hex-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hex-result-grid .result-card{border-left:3px solid var(--frequency-color);color:var(--frequency-color)}
.time-direction text{font-size:10px;pointer-events:none}
@media(max-width:560px){.hex-result-grid{grid-template-columns:1fr}}
#result-inspector.hex-context-menu{z-index:20;border-color:#7dbde9}
#result-inspector.hex-context-menu .inspector-heading strong{font-size:13px}
#result-inspector.hex-context-menu p,#result-inspector.hex-context-menu small{font-size:12px}
#result-inspector.hex-context-menu .inspector-actions{flex-wrap:wrap}
#result-inspector.hex-context-menu .hex-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
#result-inspector.hex-context-menu .hex-actions button{min-height:38px;padding:7px 9px;font-size:13px;border-color:#669dc5;background:#1b4263}
#result-inspector.hex-context-menu .hex-actions button:hover{background:#285779;border-color:#b3e3ff}
.tool-context-menu .inspector-heading{padding-bottom:5px;border-bottom:1px solid #416985}
#result-inspector.tool-context-menu .inspector-heading strong{font-size:12px}
#result-inspector.tool-context-menu .inspector-heading button{min-height:24px;height:24px;padding:0 4px}
.context-tool-actions{display:grid;grid-template-columns:1fr;gap:2px;margin-top:5px}
.context-tool-actions button,.context-angle-list button{min-height:28px;padding:4px 10px;text-align:left;font-size:13px;background:transparent;border:1px solid transparent;border-radius:4px}
.context-tool-actions button:hover,.context-angle-list button:hover{background:#285575;border-color:#548eb8}
.context-angle-list{display:grid;gap:2px;padding-top:5px;margin-top:5px;border-top:1px solid #416985}
.context-angle-list button[aria-checked=true]{border-color:var(--angle-color);background:#285575;color:#e7f6ff}
.workspace .tool-heading{padding:12px 20px;gap:12px;flex-wrap:wrap}
.workspace .tool-heading>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.workspace .tool-heading h2{font-size:20px;margin:0;line-height:1.4}
.workspace .tool-heading-actions{gap:8px;flex-wrap:wrap}
.workspace .tool-heading-actions button{min-height:30px;padding:5px 10px}
.workspace .hex-level-bar{margin:0;padding:8px 20px;gap:7px}
.workspace .hex-level-bar button{min-height:28px;padding:4px 10px;font-size:12px}
.workspace .hex-level-bar>small{display:none}
.tool-details>summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:10px 20px;color:#a9d4f6;font-size:13px;border-top:1px solid #29425d;list-style:none}
.tool-details>summary::before{content:'▸';font-size:13px}
.tool-details[open]>summary::before{content:'▾'}
.tool-details>summary small{color:#829bb5;font-size:12px}
.tool-details>.description{margin:10px 20px;font-size:12px}
.tool-details .tool-body{padding:12px 20px 20px}
.tool-details .tool-result{min-height:0;max-height:300px}
.tool-details .empty-results{min-height:120px}
@media(max-width:700px){.workspace .tool-heading{padding:10px 12px}.tool-details>summary{align-items:flex-start;padding:10px 12px;gap:8px}.tool-details>summary small{max-width:65%;line-height:1.5}.workspace .hex-level-bar{padding:8px 12px;flex-wrap:wrap}}

.plot-date-anchor[data-fixed-anchor],.plot-price-anchor[data-fixed-anchor]{cursor:default}
#tool-result{grid-auto-rows:max-content;align-content:start}#tool-result>.result-card{min-height:76px}
/* Calculation details, separated candle handles and display labels. */
#result-inspector:has(.calculation-details){width:min(430px,calc(100% - 104px));background:#142b42fa}
.calculation-details{margin:10px 0;font-variant-numeric:tabular-nums}
.calculation-details section{padding:9px 0;border-top:1px solid #36536c}
.calculation-details h4{margin:0 0 5px;font-size:12px;font-weight:600;color:#a8d8fc}
.calculation-details ul{margin:0;padding:0;list-style:none}
.calculation-details li{font-size:12px;line-height:1.8;color:#cadbe9;overflow-wrap:anywhere}
.calculation-details li+li{margin-top:5px}
#anchor-drag-preview{position:absolute;top:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 110px);z-index:9;border:1px solid #91c8f0;background:#18344ef5;border-radius:6px;padding:8px 12px;color:#e0f3ff;font-size:13px;pointer-events:none;box-shadow:0 4px 15px #0006}
#overlay .anchor-handle[data-track-anchor]{pointer-events:all;cursor:grab;touch-action:none}
#overlay .anchor-handle[data-track-anchor]:active{cursor:grabbing;stroke-width:3}
#overlay .anchor-handle[data-fixed-anchor]{pointer-events:all;cursor:default;stroke-dasharray:2 2}
#chart-host [data-axis="label-height"]{cursor:ns-resize;touch-action:none}
.space-coefficient text{font-size:14px;font-weight:600;paint-order:stroke;stroke:#11263b;stroke-width:.5px}
.space-coefficient rect{fill:#102338;fill-opacity:.97}
.space-coefficient .coefficient-leader{opacity:.7;stroke-width:1;stroke-dasharray:2 3}
/* Screen-fixed direction summaries stay independent of candle coordinates. */
#screen-directions{position:absolute;top:12px;left:12px;z-index:8;width:min(310px,calc(100% - 110px));max-height:min(280px,46%);display:flex;flex-direction:column;border:1px solid #47637d;border-radius:7px;background:#12283ef2;box-shadow:0 5px 18px #0004;overflow:hidden;pointer-events:auto}
.screen-direction-heading{display:flex;align-items:center;gap:12px;padding:8px 11px;border-bottom:1px solid #36536d;background:#1a344d}
.screen-direction-heading strong{font-size:12px;font-weight:500;color:#bdddf5}.screen-direction-heading>small{font-size:10px;color:#91acc4;margin-left:auto}
.screen-direction-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#54718d transparent}
.screen-direction-group{padding:7px 8px}.screen-direction-group+.screen-direction-group{border-top:1px solid #304c66}
.screen-direction-group h4{margin:0 3px 5px;font-size:11px;font-weight:400;color:#9cb8d0}
.screen-direction-step{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 5px;border:0;border-radius:4px;background:transparent;color:var(--direction-color);min-height:62px}
.screen-direction-step:hover,.screen-direction-step.multi-selected{background:#2d5476;outline:1px solid var(--direction-color)}
.screen-direction-step>svg{flex:none;width:30px;height:34px;overflow:visible}.screen-direction-step>svg path{fill:none;stroke:var(--direction-color);stroke-width:2}
.screen-direction-step>span{min-width:0;display:block}.screen-direction-step strong{font-size:14px;font-weight:600;display:block;line-height:1.5}
.screen-direction-step small{display:block;font-size:11px;color:#c1d3e3;line-height:1.6;overflow-wrap:anywhere}
.screen-direction-defs{position:absolute;width:0;height:0;pointer-events:none}
@media(max-width:600px){#screen-directions{width:min(260px,calc(100% - 94px));max-height:40%}.screen-direction-step strong{font-size:13px}}

/* Fullscreen keeps the shared tool buttons and chart controls above the plot. */
.chart-panel.is-expanded{display:flex;flex-direction:column}
.chart-panel.is-expanded>.chart-controls{position:relative;top:auto;flex:none;width:100%;display:block!important;background:#12283d}
.chart-panel.is-expanded #tool-navigation{padding:7px 12px;gap:7px;grid-template-columns:1.3fr 1.8fr .6fr;border-radius:0}
.chart-panel.is-expanded #tool-navigation .tool-group{gap:4px}.chart-panel.is-expanded #tool-navigation .group-label{font-size:10px}.chart-panel.is-expanded #tool-navigation .group-label small{display:none}.chart-panel.is-expanded #tool-navigation .tool-tab{min-height:28px;padding:5px 8px;font-size:12px}
.chart-panel.is-expanded>.chart-controls .chart-toolbar{padding:5px 10px}.chart-panel.is-expanded .chart-mode-bar{padding:5px 10px}.chart-panel.is-expanded .chart-mode-bar>label{display:none}
.chart-panel.is-expanded>#chart-stage{display:flex;flex-direction:column;flex:1;min-height:0;height:auto}
.chart-panel.is-expanded #chart-stage>.plot-row{flex:1;min-height:0;height:100%}.chart-panel.is-expanded #chart-host{height:100%;min-height:0}
.chart-panel.is-expanded>#pick-banner:not([hidden]){display:flex!important;flex:none}
.chart-panel.is-expanded .chart-fullscreen-exit{display:none}
.selecting-range #screen-directions{visibility:hidden;pointer-events:none}
@media(max-width:760px){.chart-panel.is-expanded #tool-navigation{display:flex;flex-wrap:nowrap;overflow-x:auto}.chart-panel.is-expanded #tool-navigation .tool-group{flex:none}.chart-panel.is-expanded #tool-navigation .group-tools{flex-wrap:nowrap}.chart-panel.is-expanded .chart-mode-bar small{display:none}}
.screen-direction-step{white-space:normal}
/* Selection includes the actual price/time strokes, not only their hit areas. */
#overlay path.multi-selected:not([stroke="transparent"]){opacity:1!important;stroke:#d2efff!important;stroke-width:2.8!important;filter:drop-shadow(0 0 3px #91cfff);stroke-dasharray:none!important}
#overlay g.multi-selected{opacity:1!important}
#overlay .plot-coefficient{pointer-events:all;cursor:pointer}
#overlay .plot-coefficient.multi-selected rect{stroke:#d2efff!important;stroke-width:2;fill:#224b6c}
#overlay .plot-coefficient.multi-selected text{fill:#eaf7ff!important}
#overlay .plot-direction path{pointer-events:stroke;cursor:pointer}
/* The time rail keeps one shallow row per tool: anchors, then coefficients. */
#time-track .tool-axis-row,#time-track .tool-axis-row.no-anchors{grid-template-columns:125px minmax(0,1fr);align-items:center;padding:6px 8px;gap:8px;min-height:58px}
#time-track .tool-axis-heading small,#time-track .tool-axis-state,#time-track .tool-axis-toggle{display:none}
#time-track .tool-axis-heading>button:first-child{font-size:12px;line-height:1.5}
#time-track .time-rail-content{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:2px 0}
#time-track .tool-time-anchors{display:flex;margin:0;gap:5px;flex:none}
#time-track .time-rail-anchor{flex:none;width:clamp(175px,18vw,250px);height:42px;min-height:42px;padding:3px 7px}
#time-track .time-rail-anchor small{font-size:11px;line-height:1.3}
#time-track .time-rail-anchor strong{font-size:12px;line-height:1.5}
#time-track .axis-time-results{display:flex;align-items:center;gap:5px;flex:none;grid-column:auto;padding:0}
#time-track .time-rail-answer{display:block;flex:none}
#time-track .time-rail-answer.muted-level{opacity:.45}
#time-track .axis-answer{max-width:none;margin:0}
#time-track .axis-answer .axis-result-chip{padding:5px 8px!important;min-height:34px;white-space:nowrap}
#time-track .axis-answer .axis-result-chip small{font-size:12px!important}
@media(max-width:760px){#time-track .tool-axis-row,#time-track .tool-axis-row.no-anchors{grid-template-columns:90px minmax(0,1fr)}#time-track .time-rail-anchor{width:175px}}
/* Pointer targets stay transparent even while selected or hovered. */
#overlay path.result-line-hit{stroke:transparent!important;stroke-width:18px!important;stroke-dasharray:none!important;opacity:1!important;filter:none!important;pointer-events:stroke;cursor:pointer}
.selecting-range #overlay path.result-line-hit{pointer-events:none}
/* Chart visibility controls share the tool tabs' stable labels and lit state. */
.chart-view-actions{gap:6px}
.chart-view-actions .chart-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:6px 8px;border:1px solid #344d66;border-radius:7px;background:#14283e;color:#b5cadc;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.chart-view-actions .chart-action svg{width:14px;height:14px;flex:none;fill:none;stroke:var(--control-color,#9ccaff);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.chart-view-actions .chart-action:hover{background:#1e3b56;border-color:#6b93b4;color:#e2f2ff}
.chart-view-actions .chart-toggle[aria-pressed=false]{background:#101f31;border-color:#2e4055;color:#8194a8;box-shadow:none}
.chart-view-actions .chart-toggle[aria-pressed=false] svg{opacity:.48}
.chart-view-actions .chart-toggle[aria-pressed=true]{background:#23465f;border-color:var(--control-color,#9ccaff);color:#f0f8ff;box-shadow:inset 0 -2px var(--control-color,#9ccaff),0 0 9px #8fcaff12}
.chart-view-actions .chart-toggle[aria-pressed=true] svg{opacity:1}
.chart-view-actions .chart-action.chart-always-lit,.chart-view-actions .chart-action.chart-always-lit:hover{background:#23465f;border-color:var(--control-color);color:#f0f8ff;box-shadow:inset 0 -2px var(--control-color),0 0 9px #d9ad9218}
.chart-view-actions .chart-action.chart-always-lit svg{opacity:1}
.chart-view-actions .locate-controls{gap:0}
.chart-view-actions .locate-controls>#fit-results{border-radius:7px 0 0 7px}
.chart-view-actions .locate-menu>summary.chart-action{padding:6px;min-width:27px;border-radius:0 7px 7px 0;border-left:0}
.chart-view-actions .locate-menu[open]>summary.chart-action{background:#23465f;color:#e2f2ff;border-color:#6b93b4}
@media(max-width:760px){.chart-view-actions{width:100%;margin-left:0;gap:5px}.chart-view-actions .chart-action{min-height:32px;padding:5px 7px;font-size:12px}}
/* Rail inspection is viewport-positioned and never changes the chart camera. */
#result-inspector.axis-result-detail{position:fixed;z-index:95;right:auto;bottom:auto;background:#152a3f;border:1px solid #6d96b7;border-radius:8px;box-shadow:0 8px 30px #0006;padding:12px 14px;overflow:auto}
.axis-result-detail .inspector-heading{gap:12px;margin-bottom:8px}
.axis-result-detail .axis-detail-value{padding:8px 0;border-top:1px solid #36506b}
.axis-result-detail .axis-detail-value small{display:block;color:#94abc1;font-size:11px}
.axis-result-detail .axis-detail-value strong{display:block;margin-top:3px;color:#e4f2ff;font-size:16px;line-height:1.6;font-weight:500;font-variant-numeric:tabular-nums}
.axis-result-detail>small{display:block;color:#9bb4cb;font-size:11px;margin-top:3px}
/* Space rail: one anchor or coefficient per row. */
#space-axis .space-row-anchors,#space-axis .axis-answer-grid{grid-template-columns:minmax(0,1fr);gap:7px}
#space-axis .space-row-anchors .price-rail-anchor{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px}
#space-axis .space-row-anchors .price-rail-anchor strong{font-size:12px}
#space-axis .axis-answer{width:100%;margin:0}
#space-axis .axis-answer .axis-result-chip{display:flex;align-items:center;min-height:36px;padding:6px 9px!important}
#space-axis .axis-fixed-answer .axis-answer+.axis-answer{margin-top:7px}
/* Period and visible-range choices use the same tab surface as tool buttons. */
.chart-toolbar .period-buttons,.chart-toolbar .range-buttons{gap:5px}
.chart-toolbar .period-buttons button,.chart-toolbar .range-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:6px 9px;border:1px solid #2e4055;border-radius:7px;background:#101f31;color:#8194a8;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.chart-toolbar .period-buttons button:hover,.chart-toolbar .range-buttons button:hover{background:#1e3b56;border-color:#6b93b4;color:#e2f2ff}
.chart-toolbar .period-buttons button.active,.chart-toolbar .range-buttons button.active{background:#23465f;border-color:#9ccaff;color:#f0f8ff;box-shadow:inset 0 -2px #9ccaff,0 0 9px #8fcaff12}
@media(max-width:760px){.chart-toolbar .period-buttons button,.chart-toolbar .range-buttons button{min-height:32px;padding:5px 8px}}
.chart-view-actions .chart-action-group{display:inline-flex;align-items:center;gap:5px;flex:none}
.measuring #chart{cursor:crosshair}.measuring{touch-action:none}.measuring #plot-anchor-labels,.measuring #plot-prices,.measuring .plot-time-dock,.measuring #screen-directions,.measuring #overlay{pointer-events:none}
#measurement-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:16;pointer-events:none}
.measurement-endpoint{pointer-events:all;cursor:grab;touch-action:none}.measurement-endpoint text{pointer-events:none}.measurement-region{pointer-events:all;cursor:move}.measurement-line-hit{pointer-events:stroke;cursor:move}.moving-measurement .measurement-endpoint{cursor:grabbing}.measurement-selected .measurement-trend{filter:drop-shadow(0 0 3px #83c8ff88)}
.measurement-context-menu{position:absolute;z-index:28;min-width:155px;padding:8px;border:1px solid #78afd3;border-radius:6px;background:#132d45;box-shadow:0 6px 20px #0008}.measurement-context-menu>strong{display:block;padding:3px 6px 7px;color:#b3deff;font-size:13px}.measurement-context-menu button{display:block;width:100%;text-align:left;padding:7px 9px;border:0;background:none;color:#dbefff;font-size:13px}.measurement-context-menu button:hover{background:#254b68}
#measurement-readout{position:absolute;top:12px;z-index:17;width:330px;max-width:calc(100% - 102px);padding:11px 13px;border:1px solid var(--measure-color,#9ccaff);border-radius:7px;background:#10243bf5;box-shadow:0 5px 16px #0005;color:#dbefff;font-variant-numeric:tabular-nums}
#measurement-readout>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}#measurement-readout>div>strong{font-size:13px;color:var(--measure-color)}#measurement-readout button{min-height:24px;padding:0 6px;border:0;background:none;font-size:20px;color:#c8e5f9}
.measurement-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 8px}.measurement-values section{display:flex;flex-direction:column;gap:3px}.measurement-values strong{font-size:11px;color:#adc8df;font-weight:500}.measurement-values b{font-size:16px}.measurement-values span{font-size:12px;color:#bcd9ed}#measurement-readout>small{display:block;font-size:11px;line-height:1.7;color:#afcadf}
#measurement-hint{position:absolute;left:12px;bottom:38px;z-index:17;padding:7px 10px;border:1px solid #487caa;border-radius:5px;background:#15364ded;color:#c0e6ff;font-size:12px;pointer-events:none}
#chart-host .watermark{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}
.chart-view-actions .chart-action-group+.chart-action-group{margin-left:3px;padding-left:8px;border-left:1px solid #35485d}
@media(max-width:760px){.chart-view-actions .chart-action-group+.chart-action-group{margin-left:0;padding-left:6px}}
/* Each price tool occupies one quote-sized column, at most three per page. */
#chart-stage.has-space-axes{--space-width:calc(var(--space-columns,1)*var(--space-column-width,128px))}
#space-axis{display:flex;flex-direction:column;overflow:hidden}
#space-axis .space-heading{position:static;flex:none;min-height:40px;padding:3px 5px;gap:3px}
#space-axis .space-heading span{font-size:11px;line-height:1.4;white-space:nowrap}
#space-axis .space-heading small{display:block;font-size:10px;color:#8fa9c1}
#space-axis .space-heading button{padding:0 4px;min-width:19px;font-size:14px}
#space-axis .space-canvas{display:grid;grid-template-columns:repeat(var(--space-columns,1),minmax(0,1fr));gap:0;flex:1;min-height:0;padding:0;overflow:hidden}
#space-axis .space-axis-row{display:flex;flex-direction:column;height:100%;min-height:0;width:auto;min-width:0;margin:0;padding:5px;border-radius:0;border:0;border-right:1px solid #36516d;overflow:hidden}
#space-axis .space-axis-row:last-child{border-right:0}
#space-axis .tool-axis-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;flex:none;align-items:center;margin-bottom:5px}
#space-axis .tool-axis-heading>button:first-child{font-size:11px;white-space:normal;line-height:1.5}
#space-axis .tool-axis-heading small,#space-axis .tool-axis-state{display:none}
#space-axis .tool-axis-toggle{font-size:10px;min-width:27px;padding:2px 3px;min-height:25px}
#space-axis .space-column-body{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
#space-axis .space-column-body>*{flex:none}
#space-axis .space-rule{display:none}
#space-axis .space-row-anchors{margin:0;gap:5px}
#space-axis .space-row-anchors .price-rail-anchor{display:block;padding:4px 5px;min-height:43px}
#space-axis .price-rail-anchor strong{white-space:nowrap;font-size:12px}
#space-axis .space-row-results{display:flex;flex-direction:column;gap:5px}
#space-axis .axis-answer-grid{display:flex;flex-direction:column;gap:5px}
#space-axis .axis-answer .axis-result-chip{min-height:33px;padding:5px 7px!important}
#space-axis .axis-answer-info{min-width:19px;padding:2px;font-size:14px}
#space-axis .axis-fixed-group{display:flex;flex-direction:column;gap:5px;padding-top:5px;margin-top:3px}
#space-axis .axis-fixed-group>small{font-size:10px;margin:0}
#space-axis .axis-fixed-answer{margin:0;padding:3px}
#space-axis .axis-fixed-answer>div:first-child{font-size:9px;gap:3px}
#space-axis .axis-fixed-answer .tool-axis-toggle{min-height:21px;font-size:9px;padding:1px 3px}
#space-axis .space-price-levels,#space-axis .space-missing-anchors{display:flex;flex-direction:column;gap:5px}
#space-axis .space-price-entry{flex:none;min-width:0}
#space-axis .space-price-entry>.price-rail-anchor{display:block;width:100%;padding:4px 5px;min-height:43px}
.axis-inline-detail{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #54728d70;color:#dcecf8;font-size:11px;line-height:1.6;font-weight:400;text-align:left;white-space:normal;overflow-wrap:anywhere}
.axis-inline-detail>span{display:block}
#time-track #axis-resonance-options{margin:0 8px 6px;padding:6px 8px;border:1px solid #354b65;border-radius:5px;background:#14273c}
#axis-resonance-options>summary{font-size:11px;color:#c9b5ed;cursor:pointer}
#axis-resonance-options .resonance-settings{margin-top:8px}
#axis-resonance-options .resonance-help{margin-bottom:0;font-size:11px}
.axis-resonance-source{margin-top:5px;padding-top:5px;border-top:1px solid #54728d50;color:#a9c1d6}
.axis-resonance-source strong{display:block;color:#deedf8;font-size:11px;font-weight:400;white-space:normal}
.axis-result-chip[aria-expanded=true]{flex-direction:column;align-items:flex-start!important}
#time-track .axis-result-chip[aria-expanded=true]{display:flex;flex-direction:row;align-items:center!important;min-width:max-content;gap:9px}
#time-track .axis-result-chip[aria-expanded=true]>small{flex:none}
#time-track .axis-result-chip .axis-inline-detail{display:inline-flex;align-items:center;flex:none;gap:9px;margin:0;padding:0 0 0 9px;border-top:0;border-left:1px solid #54728d70;white-space:nowrap;overflow-wrap:normal}
#time-track .axis-result-chip .axis-inline-detail>span{display:inline-block;white-space:nowrap}
#time-track .axis-result-chip .axis-inline-detail>span+span{padding-left:9px;border-left:1px solid #54728d70}
#time-track .axis-result-chip .axis-resonance-source{margin:0;padding-top:0;border-top:0}
#time-track .axis-result-chip .axis-inline-detail strong{display:inline;margin-left:6px;font:inherit;white-space:nowrap}
#space-axis .axis-result-chip[aria-expanded=true]{white-space:normal}
#overlay .plot-coefficient .coefficient-leader{opacity:.18}
#overlay .plot-coefficient:hover .coefficient-leader,#overlay .plot-coefficient.multi-selected .coefficient-leader{opacity:.75}
#overlay .frequency-date-link{opacity:.5;pointer-events:stroke}
#overlay .frequency-date-link.is-target-highlight,#overlay .frequency-date-link.multi-selected,#overlay .frequency-date-link.selected{opacity:.7;pointer-events:stroke}
#overlay .frequency-reminder .coefficient-leader{display:none}
.plot-date-anchor[data-label-fixed-x=true]{cursor:ns-resize}
.frequency-date-event .date-info,.frequency-date-event .date-action{position:absolute;top:0;bottom:0;right:0;width:25px;opacity:0;pointer-events:none;background:#142f4d}
.frequency-date-event .date-info{right:25px}
.frequency-date-event:hover .date-info,.frequency-date-event:hover .date-action,.frequency-date-event:focus-within .date-info,.frequency-date-event:focus-within .date-action{opacity:1;pointer-events:auto}
@media(max-width:760px){#chart-stage.has-space-axes{--space-width:0px}#space-axis{width:min(100%,calc(var(--space-columns,1)*var(--space-column-width,128px)));height:340px;max-height:340px;flex-basis:auto}}

/* Same K mark and wordmark as Kayon 江恩研究院. */
.brand .brand-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #af9461;border-radius:2px;background:rgb(228 205 159 / 4%);font:30px/1 Georgia,serif;letter-spacing:0;color:#dfc08c}
.brand .brand-name{display:flex;flex-direction:column;gap:3px;letter-spacing:2px;line-height:1.25}
.brand .brand-name>span{font:13px/1.3 Georgia,serif;letter-spacing:4px;color:#dfc08c}
.brand .brand-name>b{font-size:15px;font-weight:400;letter-spacing:2px}
@media(max-width:760px){.brand .brand-mark{width:36px;height:36px;font-size:26px}.brand .brand-name>span{font-size:11px}.brand .brand-name>b{font-size:13px}}

.axis-matrix-steps{display:flex;align-items:center;justify-content:space-between;gap:3px;flex-basis:100%;color:var(--matrix-group-color);padding-top:4px}.axis-matrix-steps button{min-height:24px;width:25px;padding:0;font-size:15px;color:inherit;border-color:color-mix(in srgb,var(--matrix-group-color) 45%,#294560);background:#142c43}.axis-matrix-steps small{font-size:10px!important;white-space:nowrap}.space-axis-row .axis-matrix-steps{order:6;width:100%}.axis-matrix-steps button:disabled{opacity:.35}
#space-axis .axis-matrix-steps{grid-column:1/-1}
#space-axis .axis-matrix-steps small,#time-track .axis-matrix-steps small{display:block;font-variant-numeric:tabular-nums;letter-spacing:-.3px}

/* Keep a candle-aligned staircase when a viewport needs more vertical room. */
.chart-panel.is-expanded #chart-stage>.plot-row{overflow-y:auto;overflow-x:hidden}

/* The guide floats inside the candle pane without resizing the chart. */
.chart-help{position:absolute;top:12px;left:12px;z-index:60;display:flex;flex-direction:column;width:min(500px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:hidden;border:1px solid #6488ad;border-radius:9px;background:#102238ed;box-shadow:0 8px 28px #0006;color:#dbe7f2;pointer-events:auto;user-select:text}
.chart-help[hidden]{display:none!important}
.chart-help-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding:11px 15px;border-bottom:1px solid #39516b;background:#182d44}
.chart-help-heading h2{margin:0;font-size:15px;font-weight:600;color:#d8ebff}.chart-help-heading small{font-size:11px;color:#a4bbd2}
.chart-help-content{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 16px 15px;font-size:12.5px;line-height:1.85;scrollbar-width:thin;scrollbar-color:#617d9a #122338}
.chart-help-content:focus-visible{outline:2px solid #9ccaff;outline-offset:-3px}.chart-help-content section{padding:13px 0;border-bottom:1px solid #30455d}.chart-help-content section:last-child{border-bottom:0;padding-bottom:0}
.chart-help-content h3{margin:0 0 9px;color:#a9d3ff;font-size:13px;font-weight:600}.chart-help-content ol,.chart-help-content ul{margin:0;padding-left:21px}.chart-help-content li+li{margin-top:8px}.chart-help-content strong{font-weight:600;color:#edf5ff}
.chart-help-content table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.65}.chart-help-content th,.chart-help-content td{padding:8px 9px;vertical-align:top;border:1px solid #39506a;overflow-wrap:anywhere}.chart-help-content th{background:#1b334e;text-align:left;color:#d8ebff;font-weight:600}.chart-help-content th:first-child{width:43%}.chart-help-content kbd{font:11px/1.6 var(--font);padding:1px 4px;white-space:nowrap;color:#d4e9ff;border:1px solid #4e6b88;border-radius:3px;background:#203b56}.chart-help-note{margin:9px 0 0;color:#abc1d7;font-size:11px}
@media(max-width:600px){.chart-help{top:8px;left:8px;width:calc(100% - 16px);max-height:calc(100% - 16px)}.chart-help-heading{padding:9px 12px}.chart-help-content{padding:0 12px 12px;font-size:12px}.chart-help-content th,.chart-help-content td{padding:7px 6px;font-size:11px}}