/* The industry guide, sourced relationships and financial research share one
   workspace. No canvas-only controls: every connection has a keyboard/touch path. */
.chain-workspace { --cw-cyan: #80d7d3; --cw-blue: #9ac5ff; min-width: 0; margin-top: 1.4rem; color: var(--text-primary); }
.chain-workspace [hidden] { display: none !important; }
.chain-workspace button, .chain-workspace select, .chain-workspace input { font: inherit; }
.chain-workspace button, .chain-workspace summary, .chain-workspace a { -webkit-tap-highlight-color: transparent; }
.chain-workspace button { cursor: pointer; }
.chain-workspace :focus-visible { outline: 2px solid var(--cw-cyan); outline-offset: 4px; }
.chain-workspace p { line-height: 1.7; }
.cw-kicker { display: block; color: var(--cw-cyan, #80d7d3); font: 600 .66rem var(--mono); letter-spacing: .13em; text-transform: uppercase; margin-bottom: .7rem; }
.cw-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.8rem 2rem; border: 1px solid var(--border-bright); border-radius: 16px 16px 0 0; background: radial-gradient(ellipse at 100% 0, #17304499, transparent 65%), var(--bg-surface); }
.cw-header h3 { font-size: clamp(1.4rem, 2.3vw, 2rem); letter-spacing: -.035em; margin: 0; line-height: 1.25; }
.cw-header p { color: var(--text-secondary); font-size: .85rem; margin: .6rem 0 0; }
.cw-coverage { display: flex; gap: 1.8rem; flex-shrink: 0; }
.cw-coverage span { color: var(--text-secondary); font-size: .72rem; display: flex; flex-direction: column; gap: .4rem; }
.cw-coverage strong { color: var(--text-primary); font: 500 1.8rem var(--mono); }
.cw-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--border-bright); border-top: 0; border-radius: 0 0 12px 12px; overflow: hidden; scroll-margin-top: 7rem; }
.cw-tabs button { display: flex; align-items: center; gap: .85rem; color: var(--text-secondary); background: var(--bg-surface); border: 0; border-right: 1px solid var(--border); padding: 1.05rem 1.4rem; text-align: left; min-width: 0; position: relative; }
.cw-tabs button:last-child { border-right: 0; }
.cw-tabs button:hover { background: var(--bg-hover); color: var(--text-primary); }
.cw-tabs button[aria-selected=true] { color: var(--text-primary); background: #12283a; box-shadow: inset 0 -3px var(--cw-cyan); }
.cw-tabs button:focus-visible { outline-offset: -5px; }
.cw-tab-number { font: .72rem var(--mono); color: var(--text-muted); }
.cw-tabs button[aria-selected=true] .cw-tab-number { color: var(--cw-cyan); }
.cw-tabs strong { display: block; font-size: .87rem; font-weight: 600; }
.cw-tabs small { display: block; color: var(--text-secondary); margin-top: .25rem; font-size: .69rem; }
.cw-tab-arrow { margin-left: auto; color: var(--cw-cyan); font-size: 1.2rem; opacity: 0; }
.cw-tabs button[aria-selected=true] .cw-tab-arrow { opacity: 1; }
.cw-panel { margin-top: 1.7rem; }
.chain-workspace .cw-primary { color: #0b232c; background: var(--cw-cyan); border: 1px solid var(--cw-cyan); border-radius: 7px; padding: .75rem 1rem; font-size: .76rem; font-weight: 600; min-height: 44px; }
.chain-workspace .cw-primary:hover { background: #a6ebe6; }
.cg-intro { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: .2rem .3rem 1.5rem; }
.cg-intro > div { max-width: 76ch; }
.cg-intro h4, .cg-inspector h4 { font-size: 1.15rem; letter-spacing: -.02em; margin: 0 0 .65rem; line-height: 1.4; }
.cg-intro p { margin: 0; color: var(--text-secondary); font-size: .84rem; }
.cg-intro > button { flex-shrink: 0; }
.cg-intro > button > span { margin-left: .8rem; }
.cg-canvas { border: 1px solid var(--border-bright); border-radius: 14px; background: radial-gradient(ellipse at 0 0, #142f3a55, transparent 60%), var(--bg-base); overflow: hidden; }
.cg-map-heading, .cg-map-footer { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; justify-content: space-between; padding: .95rem 1.2rem; font-size: .71rem; color: var(--text-secondary); }
.cg-map-heading { border-bottom: 1px solid var(--border); }
.cg-map-heading > div { display: flex; align-items: center; gap: .65rem; }
.cg-map-heading strong { font-weight: 500; color: var(--text-primary); }
.cg-legend-line { width: 28px; border-top: 2px dashed #7b9aab; }
.cg-desktop-map { padding: .5rem; background-image: radial-gradient(#58728635 .8px, transparent .8px); background-size: 20px 20px; }
.cg-desktop-map svg { width: 100%; height: auto; display: block; }
.cg-desktop-map .ce-stage-label { font-size: 12px; fill: #a9bccb; letter-spacing: 1.2px; }
.cg-desktop-map .ce-map-node rect { fill: #12202e; stroke: #344e60; }
.cg-desktop-map .ce-map-node:nth-last-child(-n+2) rect { fill: #162637; }
.cg-desktop-map .ce-node-title { font-size: 15px; }
.cg-desktop-map .ce-node-count { fill: #8dd9d5; }
.cg-desktop-map .ce-map-node:hover rect, .cg-desktop-map .ce-map-node:focus rect, .cg-desktop-map .ce-map-node.selected rect { fill: #163946; stroke: var(--cw-cyan); stroke-width: 2; }
.ce-flow-line { pointer-events: none; }
.ce-flow-hit { fill: none; stroke: transparent; stroke-width: 22; cursor: pointer; pointer-events: stroke; }
.ce-flow-hit:focus { outline: none; stroke: #80d7d335; }
.ce-flow-line.selected, .ce-flow-line:has(+ .ce-flow-hit:hover), .ce-flow-line:has(+ .ce-flow-hit:focus-visible) { stroke: #9be6df; stroke-width: 3; stroke-dasharray: none; filter: drop-shadow(0 0 4px #80d7d370); }
.cg-map-footer { border-top: 1px solid var(--border); background: #111d2a70; }
.cg-map-footer button { border: 0; color: var(--cw-cyan); background: none; padding: .3rem 0; font-size: .72rem; }
.cg-mobile-map, .cg-mobile-hint { display: none; }
.cg-flow-list { margin-top: .7rem; font-size: .76rem; }
.cg-flow-list > summary { padding: .7rem .3rem; cursor: pointer; color: var(--text-secondary); }
.cg-flow-list > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .5rem 0; }
.cg-flow-list button { display: flex; gap: .85rem; text-align: left; align-items: center; padding: .8rem; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-surface); color: var(--text-primary); min-width: 0; }
.cg-flow-list button:hover, .cg-flow-list button.selected { border-color: var(--cw-cyan); }
.cg-flow-list strong { display: block; font-size: .73rem; font-weight: 500; line-height: 1.5; }
.cg-flow-list small { display: block; font-size: .66rem; color: var(--text-secondary); margin-top: .3rem; line-height: 1.5; }
.cg-flow-number { font: .75rem var(--mono); color: var(--cw-cyan); }
.cg-flow-list button > span:last-child { margin-left: auto; color: var(--cw-cyan); }
.cg-inspector { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr); gap: 2rem; background: var(--bg-surface); border: 1px solid var(--border-bright); border-radius: 12px; padding: 1.6rem; margin: 1rem 0; scroll-margin-top: 8rem; }
.cg-inspector p { font-size: .82rem; margin: .65rem 0; color: var(--text-secondary); }
.cg-inspector .cg-limit { font-size: .7rem; border-left: 2px solid #526b7c; padding-left: .85rem; margin-top: 1rem; }
.cg-inspector .cg-path { color: var(--cw-cyan); font: .72rem/1.7 var(--mono); }
.cg-inspector:has(.cg-explanation) { grid-template-columns: minmax(0, 1fr) 140px; }
.cg-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.cg-actions button, .cg-next button, .supply-back { color: var(--text-primary); background: var(--bg-elevated); border: 1px solid var(--border-bright); border-radius: 6px; padding: .7rem .85rem; font-size: .7rem; min-height: 40px; }
.cg-next { border-left: 1px solid var(--border); padding-left: 1.5rem; align-self: center; }
.cg-next > span { color: var(--text-secondary); font-size: .7rem; }
.cg-next > strong { display: block; font: 2.4rem var(--mono); color: var(--cw-cyan); margin: .7rem 0 1rem; }
.cg-next small { font-size: .9rem; color: var(--text-secondary); }
.cg-next > div { display: flex; gap: .4rem; }
.cg-next button { font-size: 1rem; }
.cg-next button:disabled { opacity: .3; cursor: default; }
.cg-reading-key { display: flex; flex-direction: column; justify-content: center; gap: 1.3rem; border-left: 1px solid var(--border); padding-left: 1.5rem; }
.cg-reading-key > span { font-size: .78rem; }
.cg-reading-key small { display: block; color: var(--text-secondary); margin: .35rem 0 0 2rem; font-size: .7rem; }
.cg-reading-key i { display: inline-block; width: 21px; margin-right: .6rem; vertical-align: middle; }
.cg-key-flow { border-top: 2px dashed #8aa3b8; }
.cg-key-evidence { border-top: 2px solid var(--cw-cyan); }
.cg-group-companies { min-width: 0; }
.cg-list-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; font-size: .72rem; padding-bottom: .65rem; }
.cg-list-heading > span { font-size: .67rem; color: var(--text-secondary); }
.cg-group-companies > div:not(.cg-list-heading) { display: flex; justify-content: space-between; gap: .5rem; border-top: 1px solid var(--border); }
.cg-group-companies button { display: flex; gap: .65rem; align-items: center; min-width: 0; text-align: left; border: 0; background: none; color: var(--text-primary); padding: .7rem 0; font-size: .73rem; }
.cg-group-companies button:hover { color: var(--cw-cyan); }
.cg-group-companies .cg-company-links { color: var(--cw-cyan); font-size: .66rem; flex-shrink: 0; }
.cg-symbol { color: var(--cw-blue); font: .66rem var(--mono); min-width: 44px; }
.cg-coverage { font-size: .74rem; }
.chain-workspace .ce-explorer { padding: 1.2rem; margin-top: 0; }
.chain-workspace .ce-intro { margin-top: 0; color: var(--text-secondary); font-size: .82rem; }
.chain-workspace .ce-table-wrap { max-height: 640px; }
.chain-workspace .ce-table thead { position: sticky; top: 0; z-index: 1; }
.chain-workspace .ce-filters { padding: 1rem; }
.chain-workspace .ce-filters input, .chain-workspace .ce-filters select, .chain-workspace .ce-views button { min-height: 40px; }
.chain-workspace .ce-detail { background: var(--bg-surface); }
.chain-workspace .supply-map { margin: 0; border: 0; padding: 0; }
.chain-workspace .supply-heading { align-items: center; }
.chain-workspace .supply-heading h4 { font-size: 1.2rem; letter-spacing: -.02em; }
.chain-workspace .supply-heading p { font-size: .82rem; color: var(--text-secondary); margin: .4rem 0; }
.supply-navigation { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; background: var(--bg-surface); border: 1px solid var(--border); border-radius: 10px; padding: .3rem 1rem; margin-top: 1rem; }
.supply-navigation .supply-picker { flex: 1; font-size: .76rem; }
.supply-navigation select { min-width: min(320px, 100%); min-height: 44px; }
.chain-workspace .supply-network { align-items: start; gap: 1rem; margin: 1.5rem 0; }
.supply-network > .supply-arrow { padding-top: 125px; color: var(--cw-cyan); }
.supply-network .supply-focus { margin-top: 3.1rem; padding: 1.4rem; border: 1px solid #579aa4; background: radial-gradient(ellipse at 10% 0, #21475480, transparent 85%), var(--bg-surface); box-shadow: 0 0 30px #1b737010; border-radius: 12px; }
.supply-focus h5 { font-size: 1.12rem; line-height: 1.4; }
.supply-focus p { font-size: .76rem; }
.supply-focus > a { display: block; font-size: .74rem; margin-top: 1.1rem; color: var(--cw-cyan); }
.supply-focus > small { display: block; font-size: .65rem; color: var(--text-secondary); margin-top: .7rem; }
.supply-focus-counts { display: flex; gap: 1.5rem; border-top: 1px solid #579aa450; padding-top: .85rem; margin-top: 1rem; }
.supply-focus-counts span { display: flex; flex-direction: column; font-size: .66rem; gap: .3rem; color: var(--text-secondary); }
.supply-focus-counts strong { font: 1.3rem var(--mono); color: var(--cw-cyan); }
.supply-count { color: var(--text-secondary); font: .73rem var(--mono); border: 1px solid var(--border); padding: .15rem .4rem; border-radius: 4px; margin-left: .3rem; }
.supply-side-caption { font-size: .7rem; color: var(--text-secondary); margin: -.2rem 0 .7rem; }
.supply-card-list { max-height: 460px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 0 .3rem .3rem 0; }
.supply-company { margin: 0 0 .65rem; border-radius: 10px; padding: 1rem; }
.supply-company .supply-select strong { font-size: .83rem; line-height: 1.5; }
.supply-company .supply-select span { font-size: .67rem; line-height: 1.5; }
.supply-connection-link { display: flex; gap: .6rem; align-items: center; justify-content: space-between; min-height: 44px; padding: .55rem .65rem; background: #1c394255; border: 1px solid #41646c66; border-radius: 6px; color: #9bdfda; font-size: .72rem; line-height: 1.5; }
.supply-connection-link:hover { background: #23485080; border-color: #80d7d3; text-decoration: none; }
.supply-link-arrow { font-size: 1.15rem; flex-shrink: 0; }
.supply-company .supply-report-date { font-size: .65rem; margin-top: .6rem; }
.supply-status { font-size: .63rem; color: #a3c5ea; }
.supply-status-contracted { color: #e5bf7a; }
.supply-status-historical { color: #c0b5d8; }
.supply-no-links { border: 1px dashed var(--border-bright); padding: 1.2rem; font-size: .77rem; border-radius: 10px; color: var(--text-secondary); margin: 0; }
.supply-no-links small { display: block; margin-top: .5rem; font-size: .69rem; line-height: 1.6; }
.supply-evidence-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; border-top: 1px solid var(--border); padding-top: 1.6rem; margin-top: 1.5rem; }
.supply-evidence-heading h4 { margin: 0; font-size: 1rem; }
.supply-evidence-heading > span { color: var(--text-secondary); font-size: .69rem; }
.chain-workspace .supply-evidence { display: block; margin: 1rem 0 1.5rem; }
.chain-workspace .supply-evidence article { padding: 0; border: 1px solid var(--border); background: var(--bg-surface); border-radius: 8px; margin-bottom: .45rem; }
.supply-evidence article > details > summary { display: flex; align-items: center; gap: 1rem; cursor: pointer; padding: .9rem 1rem; list-style: none; }
.supply-evidence article > details > summary::-webkit-details-marker { display: none; }
.supply-evidence article > details > summary::after { content: '+'; color: #80d7d3; margin-left: auto; font-size: 1.2rem; }
.supply-evidence article > details[open] > summary::after { content: '−'; }
.supply-evidence summary > span:first-child { flex: 1; min-width: 0; }
.supply-evidence summary strong { display: block; font-size: .77rem; font-weight: 500; line-height: 1.5; }
.supply-evidence summary small { display: block; font-size: .67rem; color: var(--text-secondary); margin-top: .3rem; }
.supply-evidence summary:hover { background: var(--bg-hover); border-radius: 8px; }
.supply-evidence-body { border-top: 1px solid var(--border); padding: 1.25rem; font-size: .79rem; max-width: 100ch; }
.supply-evidence-body h5 { display: none; }
.chain-workspace .supply-whole { margin-top: 1.5rem; }
.chain-workspace .supply-whole > summary { background: var(--bg-surface); font-size: .81rem; padding: 1rem; }
.supply-whole > summary > span { color: var(--text-secondary); font-size: .7rem; }
.supply-edge-line { fill: none; stroke: #6888a5; stroke-width: 2; pointer-events: none; }
.supply-edge-line.supply-edge-contracted { stroke-dasharray: 7 5; }
.supply-edge-line.supply-edge-historical { stroke-dasharray: 2 5; stroke: #a89abe; }
.supply-edge-line.active { stroke: #85c1ec; stroke-width: 3; }
.supply-edge.supply-edge-hit { stroke: transparent; stroke-width: 20; pointer-events: stroke; }
.supply-edge.supply-edge-hit:focus { outline: none; stroke: #80d7d320; }
.supply-edge-group:has(.supply-edge-hit:hover) .supply-edge-line, .supply-edge-group:has(.supply-edge-hit:focus) .supply-edge-line { stroke: #99e1da; stroke-width: 4; }
.chain-workspace .supply-counterparties { border: 1px solid var(--border); padding: 1.1rem; border-radius: 10px; background: var(--bg-surface); font-size: .78rem; }
.chain-workspace .supply-counterparties > h4 { font-size: .95rem; }
.chain-workspace .supply-counterparty-card { padding: .8rem; }
#sectorOtherBrowsers { margin: .7rem 0; }
.chain-mobile-picker { display: none; }
#sectorOtherBrowsers > summary { padding: .65rem 0; font-size: .74rem; color: var(--text-secondary); cursor: pointer; }
#tab-sectors.chain-mode > .panel-toolbar { margin-bottom: 1rem; }
#tab-sectors.chain-mode #chainCoverage { display: none; }
#tab-sectors.chain-mode #chainPicker { padding: 1rem; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-surface); gap: .5rem; }
#tab-sectors.chain-mode #chainPicker .picker-label { flex-basis: 100%; font: .65rem var(--mono); text-transform: uppercase; letter-spacing: .1em; margin: 0 0 .3rem; }
#tab-sectors.chain-mode #chainPicker .chip { min-height: 36px; font-size: .72rem; padding: .4rem .7rem; }
#tab-sectors.chain-mode #chainPicker .chip.active { color: #b2e9e5; background: #18383d; border-color: #518b90; }
@media (min-width: 1500px) { .cg-desktop-map { padding: 1rem 2rem; } }
@media (max-width: 1000px) {
  .cw-header { padding: 1.5rem; }
  .cw-coverage { gap: 1rem; }
  .cw-coverage span { max-width: 110px; }
  .cw-tabs button { padding: 1rem; gap: .6rem; }
  .cw-tab-arrow { display: none; }
  .cg-intro { align-items: flex-start; gap: 1rem; }
  .cg-intro > button { max-width: 180px; text-align: left; line-height: 1.5; }
  .supply-network .supply-focus { padding: 1rem; }
  .chain-workspace .supply-network { gap: .55rem; grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .chain-workspace { margin-top: 1rem; }
  .cw-header { display: block; padding: 1.2rem; }
  .cw-header p { font-size: .76rem; }
  .cw-coverage { margin-top: 1.2rem; gap: 1.8rem; }
  .cw-coverage span { max-width: none; font-size: .65rem; }
  .cw-coverage strong { font-size: 1.35rem; }
  .cw-kicker { font-size: .6rem; }
  .cw-tabs { scroll-margin-top: 17rem; }
  .cw-tabs button { padding: .9rem .6rem; display: block; }
  .cw-tab-number { display: block; font-size: .62rem; margin-bottom: .5rem; }
  .cw-tabs strong { font-size: .73rem; line-height: 1.5; }
  .cw-tabs small { display: none; }
  .cw-panel { margin-top: 1.3rem; }
  .cg-intro { display: block; padding-bottom: 1rem; }
  .cg-intro h4 { font-size: 1.03rem; }
  .cg-intro p { font-size: .77rem; }
  .cg-intro > button { margin-top: 1rem; max-width: none; width: 100%; }
  .cg-intro > button > span { float: right; }
  .cg-desktop-map, .cg-desktop-hint { display: none; }
  .cg-mobile-map, .cg-mobile-hint { display: block; }
  .cg-map-heading { padding: .9rem; font-size: .67rem; }
  .cg-mobile-hint { width: 100%; font-size: .65rem; }
  .cg-mobile-map { padding: .7rem .85rem; }
  .cg-stage { border-left: 1px solid #47747a; padding: 0 0 1rem 1rem; margin-left: .25rem; }
  .cg-stage:last-child { padding-bottom: 0; }
  .cg-stage h5 { color: #a8cbd0; margin: .3rem 0 .7rem; font-size: .69rem; font-weight: 500; }
  .cg-stage h5 > span { margin-left: -1.65rem; margin-right: .5rem; background: #162935; padding: .25rem; font: .64rem var(--mono); border: 1px solid #47747a; border-radius: 4px; }
  .cg-stage button { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: .7rem; text-align: left; border: 1px solid #304c5b; border-radius: 8px; background: #132331; color: var(--text-primary); padding: .85rem; margin-bottom: .5rem; }
  .cg-stage button.selected { border-color: var(--cw-cyan); background: #1c3a44; }
  .cg-stage strong { display: block; font-size: .74rem; line-height: 1.5; }
  .cg-stage small { display: block; color: #92c9c8; font-size: .64rem; margin-top: .3rem; }
  .cg-stage button > span:last-child { color: var(--cw-cyan); }
  .cg-map-footer { padding: .8rem; font-size: .64rem; line-height: 1.6; }
  .cg-map-footer button { min-height: 36px; }
  .cg-flow-list > div { grid-template-columns: minmax(0, 1fr); }
  .cg-inspector, .cg-inspector:has(.cg-explanation) { grid-template-columns: minmax(0, 1fr); padding: 1.1rem; gap: 1.2rem; scroll-margin-top: 17rem; }
  .cg-inspector h4 { font-size: 1rem; }
  .cg-inspector p { font-size: .76rem; }
  .cg-reading-key { border-left: 0; padding: 1rem 0 0; border-top: 1px solid var(--border); }
  .cg-next { display: flex; gap: 1rem; align-items: center; border: 0; padding: .8rem 0 0; border-top: 1px solid var(--border); }
  .cg-next > strong { font-size: 1.5rem; margin: 0 auto 0 0; }
  .cg-next > span { display: none; }
  .cg-next button { min-height: 44px; min-width: 50px; }
  .cg-actions button { width: 100%; text-align: left; min-height: 44px; }
  .chain-workspace .supply-network { display: flex; flex-direction: column; gap: 1.1rem; }
  .supply-network .supply-focus { order: -1; margin: 0; width: 100%; }
  .supply-network > .supply-arrow { display: none; }
  .supply-side { width: 100%; }
  .supply-card-list { max-height: 390px; }
  .supply-navigation { padding: .7rem; gap: .5rem; }
  .supply-navigation .supply-picker { margin: 0; min-width: 0; flex-basis: 100%; gap: .4rem; }
  .supply-navigation select { width: 100%; font-size: .78rem; }
  .supply-evidence article > details > summary { flex-wrap: wrap; gap: .4rem .7rem; padding: .8rem; }
  .supply-evidence summary > span:first-child { flex-basis: calc(100% - 1.5rem); }
  .supply-evidence article > details > summary::after { order: -1; }
  .supply-evidence summary > span:first-child { order: -2; }
  .supply-evidence-body { padding: .85rem; }
  .chain-workspace .ce-explorer { padding: .8rem; }
  .chain-workspace .ce-filters { padding: .75rem; }
  .chain-workspace .ce-metric-tools > label { flex-wrap: wrap; }
  .chain-workspace .ce-table-wrap { max-height: 540px; }
  #tab-sectors.chain-mode #chainPicker { display: none; }
  #tab-sectors.chain-mode .chain-mobile-picker { display: flex; flex-direction: column; gap: .5rem; padding: .8rem; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-surface); font-size: .7rem; color: var(--text-secondary); }
  .chain-mobile-picker select { min-height: 44px; padding: .7rem; width: 100%; color: var(--text-primary); background: var(--bg-card); border: 1px solid var(--border-bright); border-radius: 6px; font: .76rem var(--font); }
}
@media (prefers-reduced-motion: reduce) { .chain-workspace *, .chain-workspace *::before, .chain-workspace *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }