/* 投资看板 (/kanban/): builds on ../temperature/temperature.css (header, wrap, tabs, colours). */
.kb-lede{max-width:760px;color:var(--muted);margin:8px 0 0;line-height:1.7}
.kb-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:22px 0 8px}
.kb-topic{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;padding:13px 16px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:10px;background:var(--paper);color:var(--ink)}
a.kb-topic:hover{text-decoration:none;background:#fff;box-shadow:0 3px 10px #12304112}
.kb-topic-no{grid-row:1/3;align-self:center;font:700 20px/1 ui-monospace,"SF Mono",Menlo,Consolas,"Cascadia Mono","Roboto Mono",monospace;color:var(--orange)}
.kb-topic-name{font-weight:700}.kb-topic-meta{font-size:12px;color:var(--muted)}
.market-tabs+.kb-topics{margin-top:14px}@media(max-width:560px){.market-tabs+.kb-topics{gap:6px}.market-tabs+.kb-topics .kb-topic{padding:8px 12px;align-items:center}.market-tabs+.kb-topics .kb-topic-no{grid-row:auto;font-size:16px}.market-tabs+.kb-topics .kb-topic-meta{display:none}}.kb-topic.is-current{background:#fff4ec;border-color:#f6c3a8;border-left-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}.kb-topic.is-current .kb-topic-name{color:var(--deep)}.kb-topic-soon{border-left-color:var(--line);color:var(--muted)}.kb-topic-soon .kb-topic-no{color:#a9b5b8}
.kb-section{margin:30px 0 10px}
.kb-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;border-bottom:2px solid var(--ink);padding-bottom:8px}
.kb-section-head h2{margin:0;font-size:22px}
.kb-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:13px;color:var(--muted)}.kb-meta span+span::before{content:"·";margin-right:12px}
.kb-def{margin:12px 0 4px;line-height:1.7}
.kb-caveat{margin:4px 0 14px;font-size:13px;color:#8a5a14;background:#fff6e6;border:1px solid #f1dcb4;border-radius:8px;padding:7px 10px}
.kb-grid{display:grid;grid-template-columns:1fr;gap:16px}
.kb-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px 12px;margin:0 0 16px;box-shadow:0 2px 8px #1230410a}
.kb-grid .kb-card{margin:0}
.kb-card h3{margin:0;font-size:18px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.kb-card h3 small{font-size:12px;font-weight:400;color:var(--muted)}
.kb-card[data-market=cn] h3{color:#b64141}.kb-card[data-market=hk] h3{color:#78509b}.kb-card[data-market=us] h3{color:#285fa8}
.kb-kpis{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 4px;font-size:13px;color:var(--muted)}.kb-kpis b{color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}.kb-kpis .kb-ratio b{color:var(--deep);font-size:18px}
.kb-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 2px;font-size:12px;color:var(--muted)}
.kb-legend span{display:inline-flex;align-items:center;gap:5px}.kb-legend i{display:inline-block;width:11px;height:11px;border-radius:2px;background:var(--c)}
.kb-legend i.line{width:18px;height:0;border-top:2.5px solid var(--c);border-radius:0;background:none}.kb-legend i.ref{width:18px;height:0;border-top:1.5px dashed #8d9a9e;border-radius:0;background:none}
.kb-legend i.part{width:11px;height:11px;background:none;border:1.5px dashed #62747b}
.kb-chart{position:relative;margin-top:4px;touch-action:pan-y}.kb-chart svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}
.kb-chart .axis text{font-size:11px;fill:#62747b}.kb-chart .grid line{stroke:#e6ebea}.kb-chart .ref line{stroke:#8d9a9e;stroke-dasharray:4 4}.kb-chart .ref text{font-size:11px;fill:#62747b}
.kb-chart .hot{fill:transparent;cursor:crosshair}.kb-chart .hot.on{fill:#12304109}
.kb-chart .miss{font-size:12px;font-weight:700;fill:#b86f17}.kb-chart .miss.na{font-size:9px;font-weight:600}
.kb-tip{position:absolute;z-index:5;pointer-events:none;min-width:190px;max-width:260px;background:#fffffff7;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #12304124;padding:8px 10px;font-size:12px;line-height:1.55;color:var(--ink)}
.kb-tip b.t{display:block;font-size:13px;margin-bottom:2px}.kb-tip .r{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.kb-tip .r.sub{color:var(--muted);padding-left:10px}.kb-tip .r.tot{font-weight:700;border-top:1px solid #eef1f0;margin-top:2px;padding-top:2px}
.kb-tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:var(--c)}.kb-tip .st{margin-top:4px;color:#8a5a14}.kb-tip .ratio{color:var(--deep);font-weight:700;font-size:13px}
.kb-notes{margin:10px 0 0;padding-left:18px;font-size:12.5px;color:var(--muted);line-height:1.65}.kb-notes li.warn{color:#8a5a14}
.kb-table{margin-top:8px;font-size:13px}.kb-table summary{cursor:pointer;color:var(--deep);font-weight:600}
.kb-table .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:6px}
.kb-table table{border-collapse:collapse;min-width:760px;width:100%;font-variant-numeric:tabular-nums}.kb-table th,.kb-table td{padding:5px 7px;border-bottom:1px solid #edf0ef;text-align:right;white-space:nowrap}.kb-table th{font-weight:600;color:var(--muted);font-size:12px}.kb-table td:first-child,.kb-table th:first-child,.kb-table td:last-child,.kb-table th:last-child{text-align:left}
.kb-table tr.partial td{color:#62747b;font-style:italic}.kb-table td.na{color:#b86f17}
.kb-sources{margin:6px 0 20px;font-size:13px;color:var(--muted);line-height:1.7}.kb-sources summary{cursor:pointer;color:var(--deep);font-weight:600}.kb-sources ul{padding-left:18px;margin:6px 0}
@media(max-width:720px){.kb-card{padding:13px 12px 10px}.kb-section-head h2{font-size:19px}.kb-tip{min-width:170px}}
/* kanban2: single comparison card (metric switch, grouped bars per market), latest-year table, collapsed per-market detail */
.kb-switch{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.kb-switch button{font:inherit;font-size:13px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.kb-switch button:hover{border-color:var(--deep)}.kb-switch button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff;font-weight:600}
.kb-switch button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.kb-tip .r.lead span:first-child{font-weight:700}.kb-tip .loc{display:block;color:var(--muted);font-size:11px;padding-left:13px;margin-top:-2px}
.kb-latest table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px;font-variant-numeric:tabular-nums}
.kb-latest th,.kb-latest td{padding:7px 8px;border-bottom:1px solid #edf0ef;text-align:right;white-space:nowrap}.kb-latest th:first-child,.kb-latest td:first-child{text-align:left;color:var(--muted)}
.kb-latest thead th{font-size:13px}.kb-latest thead th[data-m=cn]{color:#b64141}.kb-latest thead th[data-m=hk]{color:#78509b}.kb-latest thead th[data-m=us]{color:#285fa8}.kb-latest thead th[data-m=uk]{color:#16877a}.kb-latest thead th[data-m=jp]{color:#946a0c}
.kb-latest td.best{font-weight:700;color:var(--ink);background:#fff4ec}.kb-latest td.best::after{content:" ▲";font-size:10px;color:var(--orange)}
.kb-latest tr.fx td{font-size:12px;color:var(--muted)}.kb-latest tr.sep td{border-top:2px solid #e3e8e7}
.kb-detail{margin:0 0 16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 18px}
.kb-detail>summary{cursor:pointer;color:var(--deep);font-weight:700}
.kb-mkt{margin-top:14px;padding-top:10px;border-top:1px solid #edf0ef}.kb-mkt h4{margin:0;font-size:16px}.kb-mkt[data-market=cn] h4{color:#b64141}.kb-mkt[data-market=hk] h4{color:#78509b}.kb-mkt[data-market=us] h4{color:#285fa8}
.kb-mkt .kb-table .scroll{margin-top:6px}
@media(max-width:720px){.kb-switch button{font-size:12.5px;padding:4px 9px}.kb-latest table{font-size:13px}.kb-latest th,.kb-latest td{padding:6px 5px}.kb-detail{padding:10px 12px}}
.kb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* diverging bars: market colour families, hatched financing, net marker, horizontal scroll on narrow screens */
.kb-legend .mk-key{gap:3px;font-weight:600;color:var(--ink)}.kb-legend .mk-key i{width:10px}.kb-legend .mk-key em{font-style:normal;color:#a9b5b8;margin:0 1px}
.kb-legend i.hatch{background:repeating-linear-gradient(45deg,var(--c) 0 3px,#ffffff8c 3px 4.5px)}
.kb-legend i.net{width:14px;height:0;border-top:2px solid #123041;border-radius:0;background:none}
.kb-legend .comp{color:var(--muted)}
.kb-chart.scrolls{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.kb-chart-inner{position:relative}.kb-chart-inner svg{width:100%;height:auto}
.kb-chart.scrolls::after{content:"← 左右滑动查看更早年份";display:block;font-size:11px;color:var(--muted);text-align:right;position:sticky;left:0}
@media(max-width:560px){.kb-tip{font-size:11.5px;line-height:1.45;padding:6px 8px;min-width:160px}.kb-tip .r.tot{margin-top:1px}}
.kb-mkt .kb-notes a{color:#285fa8;word-break:break-all}
.kb-tip.wide{max-width:none;width:500px;column-count:2;column-gap:16px}.kb-tip.wide b.t{column-span:all}.kb-tip .mk{break-inside:avoid;-webkit-column-break-inside:avoid}
/* 美股融资口径 sub-toggle (全部 / 现金融资) + one-line explanation */
.kb-subswitch{align-items:center;gap:5px;margin:2px 0 4px;font-size:12.5px;color:var(--muted)}
.kb-subswitch button{font-size:12px;padding:3px 9px}
.kb-subswitch .hint{flex-basis:100%;font-size:12px;color:var(--muted)}

.kb-legend button.kb-lg-toggle{display:inline-flex;align-items:center;gap:5px;font:inherit;color:var(--ink);background:none;border:0;padding:2px 4px;margin:-2px -4px;border-radius:4px;cursor:pointer}.kb-legend button.kb-lg-toggle:hover{background:#eef1f1}.kb-legend button.kb-lg-toggle.off{color:#a9b5b8;text-decoration:line-through}.kb-legend button.kb-lg-toggle.off i.line{border-top-style:dashed;opacity:.45}
/* 2026-10-26 nav6: 专题卡当前态沿用顶部导航的选中语言（克制版）：当前卡白底、深青描边、轻抬高 + 阴影、右侧「当前」小标；其余卡略淡。 */
.kb-topic{position:relative;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.kb-topics:has(.is-current) .kb-topic:not(.is-current){opacity:.8}
.kb-topics:has(.is-current) .kb-topic:not(.is-current):hover{opacity:1}
.kb-topic.is-current{background:#fff;border-color:#0c3a52;border-left-color:var(--orange);box-shadow:0 0 0 1px #0c3a52 inset,0 8px 18px -10px #0b2236aa;transform:translateY(-2px);padding-right:58px}
.kb-topic.is-current::after{content:"当前";position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:2px 8px;border-radius:999px;background:#0c3a52;color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.4}
@media(prefers-reduced-motion:reduce){.kb-topic{transition:none}}

/* 专题卡：3 张等宽一行（桌面），窄屏改为单列，避免溢出 */
.kb-topics{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-topic{min-width:0}.kb-topic-name,.kb-topic-meta{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){.kb-topics{grid-template-columns:minmax(0,1fr)}}
