.wmm-launch { border: 1px solid #aac7d5; background: #eef6f8; color: #0b3c58; cursor: pointer; }
.wmm-launch:hover { background: #dceef0; }
.wmm-launch-icon { font-size: 1.4rem; line-height: 1; }
html.wmm-open { overflow: hidden; }
.wmm { --map-bg: #0b1b2c; --map-panel: #10263b; --map-line: #2a4155; --map-muted: #adc1d1; --map-ink: #f4f8fb; --map-accent: #5cdac0; position: fixed; inset: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: var(--map-bg); color: var(--map-ink); font-family: "IBM Plex Sans", sans-serif; font-size: 13px; line-height: 1.4; overflow: hidden; color-scheme: dark; }
.wmm[open] { display: flex; flex-direction: column; }
.wmm::backdrop { background: #081725; }
.wmm *, .wmm *::before, .wmm *::after { box-sizing: border-box; }
.wmm [hidden] { display: none !important; }
.wmm h2, .wmm h3, .wmm p, .wmm fieldset { margin: 0; }
.wmm button, .wmm input, .wmm select { font: inherit; }
.wmm button { cursor: pointer; }
.wmm button, .wmm select, .wmm input { border: 1px solid #466175; border-radius: 3px; background: #102a40; color: var(--map-ink); }
.wmm button:hover { background: #234157; }
.wmm :focus-visible { outline: 2px solid #8fffe3; outline-offset: 3px; }
.wmm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wmm-head { display: flex; gap: 28px; align-items: center; flex: none; padding: 19px 26px; border-top: 3px solid #20c2a3; border-bottom: 1px solid var(--map-line); background: linear-gradient(100deg, #0a2136, #12384b); }
.wmm-identity { display: flex; align-items: center; gap: 15px; flex: 1; }
.wmm-kicker { color: #90c6d4; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .16em; margin-bottom: 3px !important; }
.wmm h2 { font: 600 28px/1.15 "Source Serif 4", Georgia, serif; color: white; }
.wmm-mark { display: grid; grid-template-columns: repeat(3, 8px); gap: 3px; padding: 8px; border: 1px solid #396073; }
.wmm-mark i { width: 8px; height: 8px; background: #39c39f; }
.wmm-mark i:nth-child(3n) { background: #54798c; }
.wmm-mark i:nth-child(4), .wmm-mark i:nth-child(8) { background: #d77265; }
.wmm-dateline { display: grid; grid-template-columns: auto auto; gap: 0 12px; align-items: baseline; padding-left: 25px; border-left: 1px solid #436075; }
.wmm-dateline > span { color: #a7c2d4; font-size: 11px; }
.wmm-dateline strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.wmm-dateline small { grid-column: 1 / -1; text-align: right; color: #a7c2d4; font-size: 10px; }
.wmm-head-actions { display: flex; gap: 14px; align-items: center; }
.wmm-head-actions button { min-height: 38px; }
.wmm-help { padding: 8px 13px; }
.wmm-close { width: 40px; height: 40px; font-size: 25px !important; line-height: 1; }
.wmm-controls { padding: 14px 26px 12px; background: #112539; border-bottom: 1px solid var(--map-line); flex: none; }
.wmm-filter-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 18px; }
.wmm-country select { border-color: #4caa99; background-color: #173f47; font-weight: 600; }
.wmm-filter-row > label { display: flex; flex-direction: column; gap: 5px; }
.wmm-filter-row label > span, .wmm-move legend { color: var(--map-muted); font-size: 10px; font-weight: 600; }
.wmm input, .wmm select { min-height: 34px; padding: 6px 9px; outline-offset: 2px; }
.wmm input::placeholder { color: #a5b8c7; opacity: 1; }
.wmm-search { width: 235px; }
.wmm-filter-row select { max-width: 225px; min-width: 185px; }
.wmm-move { display: flex; align-items: center; gap: 7px; border: 0; padding: 0; }
.wmm-move legend { margin-bottom: 5px; padding: 0; }
.wmm-move > span { color: #8fa5b7; font-size: 11px; }
.wmm-number { position: relative; width: 86px; }
.wmm-number input { width: 100%; padding-right: 23px; appearance: textfield; }
.wmm-number input::-webkit-inner-spin-button { appearance: none; }
.wmm-number > span { position: absolute; right: 9px; top: 8px; pointer-events: none; }
.wmm-reset { min-height: 34px; padding: 6px 12px; color: #c2d4df !important; background: transparent !important; white-space: nowrap; }
.wmm-filter-row > .wmm-reset { margin-left: auto; }
.wmm-cap-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 12px; }
.wmm-caps { border: 0; padding: 0; display: flex; align-items: center; gap: 12px; min-width: 0; }
.wmm-caps legend { float: left; font-size: 11px; color: var(--map-muted); margin-right: 14px; padding-top: 4px; }
.wmm-caps > div { display: flex; gap: 6px; flex-wrap: wrap; }
.wmm-caps label { display: flex; align-items: center; gap: 6px; padding: 4px 9px; border: 1px solid #3a5265; border-radius: 3px; cursor: pointer; font-size: 11px; }
.wmm-caps label:has(input:checked) { background: #173f47; border-color: #3d9d8e; }
.wmm-caps input { accent-color: #58d7b9; padding: 0; margin: 0; width: 12px; height: 12px; min-height: 0; }
.wmm-cap-count { color: #b0c9cf; font-size: 10px; margin-left: 3px; }
.wmm-filter-hint { color: #92aebd; font-size: 10px; }
.wmm-notes { padding: 12px 26px; border-bottom: 1px solid var(--map-line); background: #203448; color: #d4e1e9; overflow-y: auto; max-height: 200px; flex: none; }
.wmm-notes p { margin: 5px 0; font-size: 12px; max-width: 1450px; }
.wmm-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 26px; border-bottom: 1px solid var(--map-line); flex: none; }
.wmm-totals { display: flex; gap: 16px; align-items: center; flex: 1; font-variant-numeric: tabular-nums; }
.wmm-total { font-size: 11px; color: var(--map-muted); white-space: nowrap; }
.wmm-total b { font-size: 14px; font-weight: 600; color: #f0f7fb; margin-right: 4px; }
.wmm-total.is-up b { color: #71e6bb; }
.wmm-total.is-down b { color: #ffac9e; }
.wmm-total.is-median { border-left: 1px solid #496074; padding-left: 16px; }
.wmm-breadth { display: flex; width: 95px; height: 5px; overflow: hidden; background: #536270; border-radius: 2px; }
.wmm-breadth i { height: 100%; }
.wmm-breadth .is-up { background: #36ba91; }
.wmm-breadth .is-down { background: #d86d68; }
.wmm-breadth .is-flat { background: #6e8295; }
.wmm-legend { display: flex; align-items: center; gap: 2px; }
.wmm-legend > span { font-size: 10px; color: var(--map-muted); margin-right: 7px; }
.wmm-legend button { font-size: 10px; line-height: 1.1; font-variant-numeric: tabular-nums; min-width: 41px; padding: 7px 4px; border: 1px solid transparent; border-radius: 2px; }
.wmm-legend button[aria-pressed="true"] { outline: 2px solid #f0faf8; outline-offset: 1px; z-index: 1; }
.wmm-legend button:hover { filter: brightness(1.25); }
.wmm-error { padding: 7px 26px; background: #4c302a; color: #ffd9be; flex: none; }
.wmm-scroll { flex: 1; overflow: auto; overscroll-behavior: contain; min-height: 80px; scrollbar-color: #5c7386 #112538; scrollbar-width: thin; }
.wmm-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; text-align: left; font-size: 12px; margin: 0; }
.wmm-table caption { text-align: left; }
.wmm-table col:first-child { width: 220px; }
.wmm-table thead th { position: sticky; top: 0; z-index: 5; background: #192f44; border-right: 1px solid var(--map-line); border-bottom: 1px solid #627385; font-weight: 600; padding: 10px 12px; color: #e3eef5; vertical-align: top; }
.wmm-table thead th:first-child { left: 0; z-index: 8; padding-left: 25px; }
.wmm-table thead th > div { display: flex; justify-content: space-between; gap: 5px; }
.wmm-table thead th small { display: block; margin-top: 2px; color: #a3bccb; font-size: 10px; font-weight: 400; }
.wmm-table thead .wmm-column-count { color: #bad4de; font-size: 10px; font-weight: 400; }
.wmm-sector th { background: #0c1b2d; padding: 0; border-bottom: 1px solid #365166; border-top: 1px solid #365166; }
.wmm-sector button { position: sticky; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: min(calc(100vw - 20px), 1450px); min-height: 39px; border: 0; border-radius: 0; border-left: 3px solid #46b9a1; padding: 7px 22px; background: transparent; color: #c7eee6; text-align: left; }
.wmm-sector-name { font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.wmm-sector-name > span { display: inline-block; width: 15px; font-size: 10px; color: #67cbb4; }
.wmm-sector-stats { font-size: 10px; font-weight: 400; color: #adbfcb; }
.wmm-industry th { position: sticky; left: 0; z-index: 2; background: #142d43; padding: 13px 15px 13px 25px; border-right: 1px solid #416179; border-bottom: 1px solid #29465e; vertical-align: top; }
.wmm-industry th strong { display: block; font-size: 12px; line-height: 1.4; font-weight: 600; color: #e4f0f7; }
.wmm-industry th small { display: block; margin-top: 6px; color: #aac2d3; font-size: 10px; font-weight: 400; }
.wmm-industry th .wmm-industry-move { color: #72d9b7; margin-top: 4px; }
.wmm-industry th .wmm-industry-move.is-down { color: #f5a598; }
.wmm-industry td { padding: 7px; border-bottom: 1px solid #2a4155; border-right: 1px solid #2a4155; background: #102238; vertical-align: top; }
.wmm-industry:nth-child(even) td { background: #11263b; }
.wmm-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(102px, 1fr)); gap: 4px; }
.wmm-tile { display: flex; align-items: center; justify-content: space-between; gap: 3px; min-height: 29px; padding: 5px 6px; border: 1px solid rgb(255 255 255 / 13%); border-radius: 3px; color: #fff !important; text-decoration: none !important; font-variant-numeric: tabular-nums; transition: filter .12s; min-width: 0; }
.wmm-tile strong { font-size: 11px; font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; }
.wmm-tile span { font-size: 10px; line-height: 1.2; white-space: nowrap; }
.wmm-tile:hover, .wmm-tile:focus-visible { filter: brightness(1.22); border-color: #c2e0ec; box-shadow: 0 2px 8px #0005; }
.wmm .wmm-tone-n4 { background: #a33343; }
.wmm .wmm-tone-n3 { background: #843844; }
.wmm .wmm-tone-n2 { background: #693b46; }
.wmm .wmm-tone-n1 { background: #4d3f49; }
.wmm .wmm-tone-flat { background: #3e5266; }
.wmm .wmm-tone-p1 { background: #214c4b; }
.wmm .wmm-tone-p2 { background: #1c6458; }
.wmm .wmm-tone-p3 { background: #14795e; }
.wmm .wmm-tone-p4 { background: #09825c; }
.wmm .wmm-tone-none { background: #25354a; color: #b7c7d4 !important; border-style: dashed; }
.wmm-cell-more { grid-column: 1 / -1; min-height: 23px; width: 100%; border: 1px dashed #466075 !important; background: transparent !important; color: #b5d0dc !important; font-size: 10px !important; }
.wmm-cell-empty { display: block; padding: 7px; color: #527086; font-weight: 400; }
.wmm-footer { display: flex; justify-content: space-between; gap: 14px; background: #10283b; border-top: 1px solid #355065; color: #a5bece; font-size: 10px; padding: 8px 25px; flex: none; }
.wmm-loading, .wmm-empty { padding: 70px 24px; text-align: center; color: #b2c6d5; }
.wmm-loading strong, .wmm-empty strong { display: block; margin: 12px 0 5px; font-size: 18px; font-weight: 500; color: #e3f1f7; }
.wmm-empty button { padding: 7px 14px; margin-top: 18px; }
.wmm-loader { display: inline-block; width: 24px; height: 24px; border: 2px solid #406374; border-top-color: #55dbc0; border-radius: 50%; animation: wmm-spin 1s linear infinite; }
@keyframes wmm-spin { to { transform: rotate(360deg); } }
.wmm-tooltip { position: fixed; z-index: 30; width: 290px; max-width: calc(100vw - 20px); pointer-events: none; background: #f6fafc; color: #102b42; border: 1px solid #b6cfdb; border-top: 3px solid #00836e; border-radius: 3px; box-shadow: 0 8px 30px #0007; padding: 15px; }
.wmm-tooltip h3 { color: #0b3149; font-size: 20px; line-height: 1.1; margin-bottom: 4px; }
.wmm-tooltip p { font-size: 12px; margin: 4px 0; }
.wmm-tooltip .wmm-tip-meta { font-size: 10px; color: #536e83; }
.wmm-tooltip dl { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; margin: 12px 0; border-top: 1px solid #d0dfe7; border-bottom: 1px solid #d0dfe7; padding: 10px 0; }
.wmm-tooltip dt { font-size: 11px; color: #526f81; }
.wmm-tooltip dd { margin: 0; text-align: right; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.wmm-intro { padding: 60px 24px; max-width: 1100px; margin: auto; }
.wmm-intro button { background: #0b405c; color: white; padding: 12px 18px; border: 0; cursor: pointer; margin: 20px 20px 0 0; }
@media (max-width: 1150px) {
 .wmm-filter-row { gap: 10px; flex-wrap: wrap; }
 .wmm-search { width: 185px; }
 .wmm-filter-row select { min-width: 150px; max-width: 200px; }
 .wmm-filter-hint { display: none; }
 .wmm-summary { gap: 10px; }
 .wmm-totals { min-width: 460px; }
 .wmm-head { gap: 18px; padding: 15px 20px; }
 .wmm h2 { font-size: 25px; }
 .wmm-dateline { padding-left: 15px; display: block; }
 .wmm-dateline strong { display: block; }
 .wmm-dateline small { display: none; }
}
@media (max-width: 700px) {
 .wmm-head { padding: 12px; gap: 8px; }
 .wmm-mark { display: none; }
 .wmm h2 { font-size: 22px; }
 .wmm-kicker { font-size: 8px; letter-spacing: .12em; }
 .wmm-dateline { padding-left: 9px; }
 .wmm-dateline > span { font-size: 9px; }
 .wmm-dateline strong { font-size: 11px; }
 .wmm-head-actions { gap: 6px; }
 .wmm-help { font-size: 0 !important; width: 28px; padding: 0; }
 .wmm-help::after { content: "i"; font-size: 15px; }
 .wmm-close { width: 29px; }
 .wmm-controls { padding: 10px 12px; }
 .wmm-filter-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
 .wmm-search { width: auto; }
 .wmm input, .wmm select { width: 100%; min-width: 0 !important; max-width: none !important; min-height: 33px; }
 .wmm-filter-row > .wmm-reset { justify-self: end; font-size: 10px; min-height: 33px; padding: 4px 8px; margin-top: 0; }
 .wmm-number { flex: 1; min-width: 0; }
 .wmm-caps { display: block; }
 .wmm-caps legend { float: none; padding: 0; margin-bottom: 6px; }
 .wmm-caps label { padding: 4px 7px; font-size: 10px; }
 .wmm-caps input { width: 12px; min-height: 0; }
 .wmm-cap-count { display: none; }
 .wmm-summary { padding: 9px 12px; gap: 9px; }
 .wmm-totals { flex-wrap: wrap; min-width: 0; gap: 5px 12px; }
 .wmm-total { font-size: 10px; }
 .wmm-total b { font-size: 12px; }
 .wmm-total.is-median { border: 0; padding-left: 0; }
 .wmm-breadth { width: 65px; }
 .wmm-legend { width: 100%; gap: 2px; }
 .wmm-legend > span { display: none; }
 .wmm-legend button { flex: 1; min-width: 0; font-size: 9px; padding: 6px 2px; }
 .wmm-table col:first-child { width: 145px; }
 .wmm-table thead th:first-child, .wmm-industry th { padding-left: 12px; }
 .wmm-industry th strong { font-size: 11px; }
 .wmm-sector button { padding-left: 12px; }
 .wmm-sector-stats { display: none; }
 .wmm-footer { padding: 7px 12px; font-size: 9px; }
 .wmm-footer > span:last-child { display: none; }
 .wmm-notes { padding: 10px 12px; max-height: 180px; }
}
@media (prefers-reduced-motion: reduce) { .wmm-loader { animation: none; } .wmm-tile { transition: none; } }

/* Sector explorer and stock research previews. */
.wmm-preview-toggle { display: flex; flex: none; align-items: center; gap: 7px; color: #d7e8ee; font-size: 11px; cursor: pointer; }
.wmm-preview-toggle input { width: 14px; height: 14px; min-height: 0; padding: 0; accent-color: #5cdac0; }
.wmm-preview-toggle span { color: #94aebb; font-size: 10px; }
.wmm-sector-bar { position: sticky; left: 0; width: calc(100vw - 12px); display: flex; align-items: center; gap: 18px; min-height: 48px; padding: 5px 24px 5px 12px; border-left: 3px solid #46b9a1; }
.wmm-sector-bar button { position: static; width: auto; border: 0; min-height: 30px; padding: 4px 7px; }
.wmm-sector-bar .wmm-sector-fold { flex: none; justify-content: center; width: 26px; color: #82cdbd; font-size: 13px; }
.wmm-sector-bar .wmm-sector-open { justify-content: flex-start; gap: 18px; }
.wmm-sector-explore { color: #68c9b3; font-size: 10px; font-weight: 400; }
.wmm-sector-bar .wmm-sector-stats { margin-left: auto; }
.wmm .wmm-structure-link { flex: none; display: inline-block; color: #a4e9d9; text-decoration: none; font-size: 11px; font-weight: 500; padding: 7px 11px; border: 1px solid #386c6a; border-radius: 4px; white-space: nowrap; background: #15373c; }
.wmm .wmm-structure-link:hover { background: #215250; color: #ecfff9; }
.wmm-structure-unavailable { font-size: 10px; color: #8ea7ba; font-weight: 400; }
.wmm .wmm-industry-open { border: 0; border-radius: 0; padding: 0; background: transparent; color: #e4f0f7; font-size: 12px; font-weight: 600; text-align: left; }
.wmm .wmm-industry-open:hover { color: #83ead2; text-decoration: underline; text-underline-offset: 3px; }
.wmm-explorer { position: fixed; inset: 0; width: min(1580px, calc(100vw - 64px)); max-width: none; height: min(1050px, calc(100dvh - 64px)); max-height: none; margin: auto; padding: 0; border: 1px solid #416270; border-top: 3px solid #53d5b8; border-radius: 10px; color: #eef6fb; background: #0b1e2f; box-shadow: 0 28px 100px #0009; overflow: auto; overscroll-behavior: contain; }
.wmm-explorer[open] { display: flex; flex-direction: column; }
.wmm-explorer::backdrop { background: #020b17ba; backdrop-filter: blur(4px); }
.wmm-explorer-head { display: flex; align-items: center; gap: 20px; padding: 22px 28px 20px; background: radial-gradient(ellipse at top right, #20594e55, transparent 60%), #10283b; border-bottom: 1px solid #2a465a; }
.wmm-explorer-head > div { flex: 1; min-width: 0; }
.wmm-explorer-head h2 { font-size: 34px; margin: 4px 0 6px; }
.wmm-explorer-head #wmm-explorer-description { font-size: 12px; color: #aec3d0; }
.wmm-explorer-close { align-self: flex-start; width: 34px; height: 34px; font-size: 24px !important; line-height: 1; flex: none; }
.wmm-explorer-summary { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 28px; padding: 18px 0; border-bottom: 1px solid #294456; }
.wmm-explorer-summary > div { padding-left: 26px; border-left: 1px solid #294456; }
.wmm-explorer-summary > div:first-child { padding-left: 0; border: 0; }
.wmm-explorer-summary .wmm-stock-metric strong { font-size: 23px; margin-top: 5px; color: #ecf8f8; }
.wmm-explorer-summary .wmm-stock-metric span { letter-spacing: .08em; font-size: 10px; text-transform: uppercase; }
.wmm-explorer-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; padding: 18px 28px; }
.wmm-explorer-controls > label { display: flex; flex: 1; flex-direction: column; gap: 5px; min-width: 110px; max-width: 210px; }
.wmm-explorer-controls > label > span { color: #aec5d2; font-size: 10px; }
.wmm-explorer-controls input, .wmm-explorer-controls select { width: 100%; min-width: 0; font-size: 11px; }
.wmm-view-buttons { display: flex; gap: 3px; padding: 3px; background: #061523; border: 1px solid #2c4859; border-radius: 5px; min-height: 37px; margin-right: auto; }
.wmm-view-buttons button { padding: 6px 12px; border: 0; color: #afc6d3; font-size: 11px; background: transparent; white-space: nowrap; }
.wmm-view-buttons button[aria-pressed="true"] { background: #25514f; color: #b9ffe7; box-shadow: 0 1px 4px #0004; }
.wmm-explorer-body { display: grid; grid-template-columns: minmax(0, 1fr) 345px; gap: 0; margin: 0 28px 20px; border: 1px solid #2d495d; border-radius: 6px; flex: 1; min-height: 410px; background: #0b1b2b; }
.wmm-explorer-main { display: flex; flex-direction: column; min-width: 0; }
.wmm-chart-heading { display: flex; align-items: center; gap: 15px; justify-content: space-between; padding: 18px 20px 6px; }
.wmm-chart-heading h3 { font-size: 15px; font-weight: 500; color: #e3f0f5; }
.wmm-chart-heading > span { font-size: 10px; color: #9ec0c7; white-space: nowrap; }
.wmm p.wmm-chart-note { color: #96b1c3; font-size: 10px; line-height: 1.6; padding: 0 20px; max-width: 950px; }
.wmm-explorer-plot { flex: 1; min-height: 330px; padding: 5px 12px 10px; overflow: auto; scrollbar-color: #45657a #0b1b2b; scrollbar-width: thin; }
.wmm-bubble-chart, .wmm-scatter-chart { display: block; width: 100%; height: 100%; min-height: 360px; max-height: 640px; overflow: visible; }
.wmm-bubble { cursor: pointer; outline: none; }
.wmm-bubble circle { stroke-width: 1; stroke: #8ed1c880; fill: #236a60; transition: stroke-width .12s, filter .12s; }
.wmm-bubble-n4 circle { fill: #a94050; stroke: #fc98a6aa; }
.wmm-bubble-n3 circle { fill: #8a3b4b; stroke: #e98799a6; }
.wmm-bubble-n2 circle { fill: #693a49; stroke: #d48a98a6; }
.wmm-bubble-n1 circle { fill: #4e3442; stroke: #b77889aa; }
.wmm-bubble-p1 circle { fill: #1c4949; stroke: #549c90aa; }
.wmm-bubble-p2 circle { fill: #205e56; stroke: #65c2a9aa; }
.wmm-bubble-p3 circle { fill: #147963; stroke: #78dfbcaa; }
.wmm-bubble-p4 circle { fill: #138869; stroke: #84e9c4aa; }
.wmm-bubble-flat circle { fill: #35495c; stroke: #879daaaa; }
.wmm-bubble-none circle { fill: #203145; stroke: #8895a5; stroke-dasharray: 3 3; }
.wmm-bubble:hover circle, .wmm-bubble:focus-visible circle, .wmm-bubble.is-selected circle { stroke: #fff3c6; stroke-width: 2.5; filter: brightness(1.2); }
.wmm-bubble-symbol { fill: #fff; font-weight: 600; pointer-events: none; }
.wmm-bubble-return { fill: #e8f5f2; pointer-events: none; font-variant-numeric: tabular-nums; }
.wmm-chart-grid { stroke: #69889c; stroke-opacity: .17; stroke-width: 1; }
.wmm-axis-label { fill: #94afc1; font-size: 11px; font-family: "IBM Plex Sans", sans-serif; font-variant-numeric: tabular-nums; }
.wmm p.wmm-explorer-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; border-top: 1px solid #21394a; padding: 12px 20px; margin-top: auto; font-size: 9px; }
.wmm-explorer-legend i { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-left: 6px; }
.wmm-explorer-legend i:first-child { margin-left: 0; }
.wmm-explorer-legend > span { margin-left: auto; }
.wmm-explorer-legend .is-up, .wmm-breadth-track .is-up { background: #35be97; }
.wmm-explorer-legend .is-down, .wmm-breadth-track .is-down { background: #d56a77; }
.wmm-explorer-legend .is-flat, .wmm-breadth-track .is-flat { background: #7a91a2; }
.wmm-breadth-track .is-none { background: #283e52; }
.wmm-explorer-detail { padding: 18px; background: linear-gradient(145deg, #153147, #102536); border-left: 1px solid #2d495d; border-radius: 0 5px 5px 0; overflow-y: auto; }
.wmm-explorer-footer { display: flex; gap: 20px; justify-content: space-between; padding: 12px 28px; background: #102739; border-top: 1px solid #2b475b; color: #9db8c6; font-size: 10px; }
.wmm .wmm-tooltip { width: 620px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; pointer-events: auto; padding: 20px; border: 1px solid #496b7b; border-top: 3px solid #5dd8b9; border-radius: 7px; background: #102638; color: #edf5fa; box-shadow: 0 12px 50px #0009; }
.wmm-stock-head { display: flex; gap: 12px; justify-content: space-between; align-items: center; }
.wmm .wmm-stock-head h3 { font-family: "Source Serif 4", Georgia, serif; color: #fff; font-size: 29px; margin: 4px 0; line-height: 1.1; }
.wmm .wmm-stock-head .wmm-kicker { font-size: 8px; color: #8bc8cd; margin: 0; }
.wmm .wmm-stock-name { font-size: 12px; color: #d4e4ed; margin: 0; }
.wmm-stock-move { font-size: 22px; font-variant-numeric: tabular-nums; flex: none; }
.wmm .wmm-stock-meta { color: #9ab6c8; font-size: 9px; line-height: 1.5; margin: 6px 0 0; }
.wmm-stock-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 0; border-bottom: 1px solid #365064; }
.wmm-stock-metric span { display: block; color: #9fbacb; font-size: 9px; font-weight: 400; }
.wmm-stock-metric strong { display: block; color: #e5f2f7; font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wmm-stock-trend { padding: 10px 0 8px; font-size: 12px; font-weight: 600; }
.wmm-stock-trend::before { content: "●"; margin-right: 6px; }
.wmm-stock-trend.green, .wmm-stock-activity .above { color: #69deba; }
.wmm-stock-trend.red, .wmm-stock-activity .below { color: #f19ca3; }
.wmm-stock-trend.orange, .wmm-stock-activity .level { color: #ecc588; }
.wmm-stock-trend.unavailable, .wmm-stock-activity .unavailable { color: #9fb5c5; }
.wmm-price-chart { background: #091c2c; border: 1px solid #29475b; border-radius: 4px; padding: 10px 9px 7px; }
.wmm-price-heading { display: flex; justify-content: space-between; gap: 8px; color: #c5dde7; font-size: 9px; }
.wmm-price-heading strong { font-weight: 500; }
.wmm-price-heading span { color: #88abba; }
.wmm-price-chart svg { display: block; width: 100%; height: auto; margin-top: 3px; }
.wmm .wmm-price-chart .wmm-stock-meta { font-size: 8px; margin: 2px 0; }
.wmm-stock-activity { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.wmm-stock-activity > div { padding: 6px 5px; border: 1px solid #335064; border-radius: 3px; }
.wmm-stock-activity strong { font-weight: 500; font-size: 10px; display: block; }
.wmm-stock-activity span { font-size: 8px; color: #a6becc; display: block; margin-top: 2px; }
.wmm .wmm-section-label { font-size: 9px; margin: 12px 0 7px; color: #adc8d7; }
.wmm-stock-context { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; margin: 12px 0; }
.wmm-stock-context .wmm-stock-metric strong { font-size: 10px; margin-top: 2px; }
.wmm .wmm-stock-note { color: #edc993; border-left: 2px solid #c99454; padding: 5px 8px; margin: 10px 0; font-size: 10px; }
.wmm .wmm-stock-chart-link { display: block; border: 1px solid #437c79; border-radius: 4px; padding: 9px 12px; background: #194441; color: #b7f8e3; font-size: 11px; text-decoration: none; text-align: center; margin-top: 14px; }
.wmm-stock-chart-link:hover { filter: brightness(1.2); }
.wmm .wmm-research-status { padding: 25px 5px; font-size: 12px; color: #a9c0d2; }
.wmm-research-retry { padding: 7px 12px; margin-bottom: 15px; }
.wmm-tooltip .wmm-stock-context { grid-template-columns: repeat(4, 1fr); }
.wmm-tooltip .wmm-stock-context > div:nth-child(-n+2) { grid-column: span 2; }
.wmm-tooltip .wmm-stock-context > div:last-child { grid-column: span 2; }
.wmm-tooltip .wmm-stock-metrics { padding: 9px 0; }
.wmm-tooltip .wmm-stock-trend { padding: 8px 0; }
.wmm .wmm-plot-empty { padding: 70px 20px; color: #aac0cf; line-height: 1.7; text-align: center; font-size: 12px; }
.wmm-industry-breadth { padding: 15px 5px; }
.wmm .wmm-breadth-row { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(100px, 1.2fr) 75px; align-items: center; gap: 20px; width: 100%; background: transparent; padding: 14px 8px; border: 0; border-bottom: 1px solid #263f52; border-radius: 0; text-align: left; }
.wmm-breadth-row:hover { background: #1d3848; }
.wmm-breadth-label strong { font-size: 11px; font-weight: 500; display: block; }
.wmm-breadth-label small { font-size: 9px; color: #93afbf; }
.wmm-breadth-track { display: flex; height: 13px; overflow: hidden; border-radius: 2px; background: #263d51; }
.wmm-breadth-row > strong { text-align: right; font-size: 12px; font-weight: 500; }
.wmm-stock-list { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 10px; }
.wmm-stock-list th { padding: 8px; color: #a7c1d1; text-align: left; font-weight: 500; border-bottom: 1px solid #355369; }
.wmm-stock-list td { padding: 9px 8px; border-bottom: 1px solid #263e51; }
.wmm-stock-list td:first-child { min-width: 150px; }
.wmm-stock-list td:nth-last-child(-n+2) { white-space: nowrap; }
.wmm-stock-list button { border: 0; padding: 0; font-weight: 600; background: transparent; color: #91e6d0; font-size: 12px; }
.wmm-stock-list button.is-selected { color: #fff3c6; }
.wmm-stock-list small { display: block; color: #aac0cd; font-size: 9px; margin-top: 2px; }
@media (min-width: 1101px) {
 .wmm-explorer { overflow: hidden; }
 .wmm-explorer-body { min-height: 0; overflow: hidden; }
 .wmm-explorer-main { min-height: 0; }
 .wmm-explorer-plot { min-height: 150px; }
 .wmm-bubble-chart, .wmm-scatter-chart { min-height: 240px; }
}
@media (max-width: 1100px) {
 .wmm-explorer { width: calc(100vw - 30px); height: calc(100dvh - 30px); }
 .wmm-explorer-body { grid-template-columns: minmax(0, 1fr) 310px; flex: none; }
 .wmm-explorer-head, .wmm-explorer-controls { padding-left: 20px; padding-right: 20px; }
 .wmm-explorer-summary { margin: 0 20px; }
 .wmm-explorer-body { margin: 0 20px 20px; }
 .wmm-view-buttons { flex: 1 0 100%; justify-content: center; }
 .wmm-explorer-detail { padding: 14px; }
 .wmm-breadth-row { gap: 10px !important; grid-template-columns: minmax(100px, 1fr) 80px 65px !important; }
 .wmm-sector-explore { display: none; }
}
@media (max-width: 760px) {
 .wmm-cap-row { flex-wrap: wrap; gap: 9px; }
 .wmm-preview-toggle { font-size: 10px; }
 .wmm-preview-toggle input { width: 13px; min-height: 0; }
 .wmm-sector-bar { gap: 5px; padding: 5px 12px 5px 3px; }
 .wmm-sector-bar .wmm-sector-open { flex: 1; }
 .wmm-sector-bar .wmm-sector-stats, .wmm-sector-bar .wmm-structure-unavailable { display: none; }
 .wmm-sector-bar .wmm-structure-link { padding: 6px 8px; font-size: 9px; }
 .wmm .wmm-industry-open { font-size: 11px; }
 .wmm-explorer { width: calc(100vw - 12px); height: calc(100dvh - 12px); border-radius: 6px; }
 .wmm-explorer-head { padding: 16px 14px; gap: 8px; flex-wrap: wrap; }
 .wmm-explorer-head > div { flex-basis: calc(100% - 48px); order: 0; }
 .wmm-explorer-close { order: 1; }
 .wmm-explorer-head .wmm-structure-link { order: 2; }
 .wmm-explorer-head h2 { font-size: 29px; }
 .wmm-explorer-head .wmm-kicker { font-size: 8px; }
 .wmm-explorer-summary { grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 14px; padding: 16px 0; }
 .wmm-explorer-summary > div { padding-left: 14px; }
 .wmm-explorer-summary > div:nth-child(3) { padding-left: 0; border: 0; }
 .wmm-explorer-summary .wmm-stock-metric strong { font-size: 21px; }
 .wmm-explorer-controls { padding: 15px 14px; gap: 10px; }
 .wmm-explorer-controls > label { flex-basis: calc(50% - 5px); max-width: none; }
 .wmm-view-buttons { gap: 0; padding: 2px; }
 .wmm-view-buttons button { padding: 7px 8px; font-size: 10px; }
 .wmm-explorer-body { display: flex; flex-direction: column; margin: 0 12px 15px; }
 .wmm-explorer-main { min-height: 390px; }
 .wmm-explorer-detail { border-left: 0; border-top: 1px solid #355469; border-radius: 0; overflow: visible; }
 .wmm-chart-heading { padding: 14px 12px 6px; flex-wrap: wrap; gap: 3px; }
 .wmm-chart-heading h3 { font-size: 14px; }
 .wmm p.wmm-chart-note { padding-left: 12px; padding-right: 12px; }
 .wmm-bubble-chart, .wmm-scatter-chart { min-height: 310px; }
 .wmm-explorer-plot { min-height: 310px; padding: 5px; }
 .wmm-explorer-footer { padding: 10px 14px; flex-wrap: wrap; gap: 3px; }
 .wmm-explorer-legend > span { width: 100%; margin: 3px 0 0; }
 .wmm .wmm-tooltip { padding: 14px; }
 .wmm-tooltip .wmm-stock-context { grid-template-columns: 1fr 1fr; }
 .wmm-tooltip .wmm-stock-context > div { grid-column: auto !important; }
 .wmm-stock-move { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { .wmm-bubble circle { transition: none; } }
.wmm-plot-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; padding: 3px 20px 10px; }
.wmm-plot-tools > span { color: #91adbe; font-size: 9px; }
.wmm-plot-tools > div { display: flex; gap: 3px; }
.wmm-plot-tools .wmm-plot-navigation { margin-left: auto; max-width: 100%; flex-wrap: wrap; justify-content: flex-end; gap: 6px 10px; }
.wmm-plot-navigation > div { display: flex; gap: 3px; }
.wmm-plot-tools button { padding: 3px 9px; min-width: 28px; font-size: 11px; }
.wmm-plot-tools button:disabled { cursor: default; opacity: .4; }
.wmm-bubble-chart, .wmm-scatter-chart { overflow: hidden; }
.wmm-explorer-plot.is-pannable, .wmm-explorer-plot.is-pannable .wmm-bubble { touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; }
.wmm-explorer-plot.is-dragging, .wmm-explorer-plot.is-dragging .wmm-bubble { cursor: grabbing; }

/* Dated research workspace. Controls stay compact; advanced rules are optional. */
.wmm-controls { max-height: 46dvh; overflow: auto; scrollbar-width: thin; scrollbar-color: #4a6b7c #112539; }
.wmm .wmm-mobile-controls-toggle { display: none; }
.wmm-research-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding-top: 13px; margin-top: 12px; border-top: 1px solid #29485b; }
.wmm-research-toolbar label, .wmm-advanced-grid label, .wmm-saved-tools label { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.wmm-research-toolbar label > span, .wmm-advanced-grid label > span, .wmm-saved-tools label > span { color: #aac3d1; font-size: 10px; }
.wmm-research-toolbar select { min-width: 155px; font-size: 12px; }
.wmm-research-toolbar > button { margin-left: auto; min-height: 34px; padding: 6px 12px; border-color: #367e74; color: #a7f0dc; }
.wmm-research-tools { padding-top: 17px; }
.wmm .wmm-research-explanation { color: #adc7d5; font-size: 11px; margin-bottom: 12px; }
.wmm-advanced-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.wmm-advanced-grid input, .wmm-advanced-grid select { width: 100%; font-size: 11px; }
.wmm-research-toolbar select, .wmm-advanced-grid select { appearance: none; overflow: hidden; text-overflow: ellipsis; padding-right: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23d5e5ed' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; background-size: 10px 6px; }
.wmm-advanced-grid [aria-invalid="true"] { border-color: #ff9198; }
.wmm-saved-tools { display: flex; flex-wrap: wrap; align-items: end; gap: 9px; padding-top: 17px; margin-top: 18px; border-top: 1px solid #29485b; }
.wmm-saved-tools button { min-height: 34px; padding: 6px 12px; }
.wmm [data-research-save-status] { color: #9ce5d0; font-size: 11px; margin-top: 9px; }
.wmm-share-fallback { width: 100%; margin-top: 8px; }
.wmm-research-status-row { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 10px; color: #9db8c9; }
.wmm-research-status-row [data-research-rules] { color: #c6d8df; max-width: 100%; }
.wmm-research-status-row button { padding: 1px 7px; font-size: 10px; }
.wmm-map-views { display: flex; flex: none; gap: 3px; padding: 7px 24px; border-bottom: 1px solid #355268; background: #0b1e30; overflow-x: auto; scrollbar-width: thin; }
.wmm-map-views button { padding: 8px 15px; white-space: nowrap; border-color: transparent; background: transparent; color: #a9c1ce; font-size: 12px; }
.wmm-map-views button[aria-pressed="true"] { color: #b6ffe5; background: #21473f; border-color: #3c7768; }
.wmm-map-views [data-comparison-count] { background: #355267; color: #d8edf7; border-radius: 10px; padding: 1px 6px; margin-left: 4px; font-size: 10px; }
.wmm-research-panel { padding: 26px; max-width: 1580px; margin: auto; }
.wmm-research-panel h3 { font: 600 27px/1.3 "Source Serif 4", Georgia, serif; margin: 0 0 10px; color: #f3fafc; }
.wmm-research-panel h4, .wmm-explorer-plot h4 { font-size: 12px; font-weight: 500; color: #d3e5ed; margin: 22px 0 7px; }
.wmm p.wmm-chart-context { color: #a6bfce; font-size: 11px; line-height: 1.7; margin: 10px 0 16px; max-width: 1100px; }
.wmm-history-chart, .wmm-research-scatter { display: block; width: 100%; height: auto; background: #0c2031; border: 1px solid #284456; border-radius: 5px; }
.wmm-research-scatter { max-height: 620px; }
.wmm-extension-chart { max-height: none; touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; }
.wmm-extension-chart .wmm-extension-point { cursor: grab; }
.wmm-extension-chart.is-dragging, .wmm-extension-chart.is-dragging .wmm-extension-point { cursor: grabbing; }
.wmm-extension-point[hidden] { display: none; }
.wmm-extension-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 14px 0 8px; }
.wmm-extension-controls > div { display: flex; gap: 3px; }
.wmm-extension-controls button { min-height: 32px; padding: 5px 10px; font-size: 11px; }
.wmm-extension-controls button[aria-pressed="true"] { color: #b6ffe5; background: #21473f; border-color: #3c7768; }
.wmm-extension-controls button:disabled { opacity: .4; cursor: default; }
.wmm-extension-controls label { display: flex; align-items: center; gap: 7px; color: #b7cddd; font-size: 11px; }
.wmm-extension-controls select { min-height: 32px; padding: 4px 7px; font-size: 11px; }
.wmm-extension-controls .wmm-extension-expand { margin-left: auto; }
.wmm-extension-home, .wmm-extension-workspace, .wmm-extension-viewport { min-width: 0; max-width: 100%; }
.wmm-extension-dialog { width: calc(100vw - 32px); height: calc(100dvh - 32px); max-width: none; max-height: none; margin: auto; padding: 20px; border: 1px solid #416270; border-top: 3px solid #53d5b8; border-radius: 8px; background: #0b1e2f; color: #eef6fb; overflow: auto; }
.wmm-extension-dialog::backdrop { background: #020b17c9; }
.wmm-extension-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wmm-extension-dialog-head h3 { font: 600 24px/1.3 "Source Serif 4", Georgia, serif; margin: 0; color: #f3fafc; }
.wmm-extension-dialog-head button { flex: none; font-size: 11px; padding: 7px 10px; }
@media (max-width: 649px) {
 .wmm-extension-controls { gap: 8px; }
 .wmm-extension-controls .wmm-extension-expand { margin-left: 0; }
 .wmm-extension-dialog { width: calc(100vw - 12px); height: calc(100dvh - 12px); padding: 12px; }
 .wmm-extension-dialog-head h3 { font-size: 18px; }
}
.wmm-history-cursor { stroke: #d9e6e8; stroke-width: 1; stroke-dasharray: 4 4; }
.wmm-zero-line { stroke: #72969f; stroke-width: 1; stroke-dasharray: 5 5; }
.wmm-leadership-controls { display: flex; align-items: center; gap: 22px; margin: 15px 0; }
.wmm-leadership-controls label { display: flex; align-items: center; gap: 8px; color: #a9c4d2; font-size: 11px; }
.wmm-leadership-controls input { width: 14px; min-height: 14px; accent-color: #5cdac0; }
.wmm-research-scatter:has(.wmm-leadership-point:hover) .wmm-leadership-point:not(:hover) { opacity: .25; }
.wmm-leadership-point:hover { opacity: 1; }
.wmm-history-date { display: flex; align-items: center; gap: 18px; padding: 14px 0; color: #abc6d3; font-size: 11px; }
.wmm-history-date input { flex: 1; padding: 0; min-height: 25px; accent-color: #61d7b6; }
.wmm-history-date strong { min-width: 105px; color: #e2f2f5; font-size: 12px; text-align: right; }
.wmm-breadth-readings { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.wmm-breadth-reading { padding: 12px; text-align: left; border-top: 2px solid var(--series-colour) !important; background: #122c40 !important; }
.wmm-breadth-reading span, .wmm-breadth-reading strong, .wmm-breadth-reading small { display: block; }
.wmm-breadth-reading span { color: #bad0db; font-size: 10px; }
.wmm-breadth-reading strong { color: var(--series-colour); font-size: 22px; font-weight: 500; margin: 7px 0; }
.wmm-breadth-reading small { color: #91afc1; font-size: 9px; }
.wmm-breadth-reading[aria-pressed="true"] { outline: 2px solid var(--series-colour); outline-offset: 2px; }
.wmm-breadth-reading:disabled { opacity: .5; cursor: default; }
.wmm-research-stock-table { overflow: auto; max-width: 100%; }
.wmm-research-stock-table .wmm-stock-list { min-width: 580px; }
.wmm .wmm-table-more { display: block; padding: 8px 15px; margin: 14px auto; }
.wmm .wmm-stock-list .wmm-compare-add { border: 1px solid #34586a; border-radius: 4px; font-size: 10px; font-weight: 400; padding: 5px 8px; }
.wmm-chart-table { margin-top: 16px; }
.wmm-chart-table summary { cursor: pointer; color: #9adcc9; padding: 8px 0; font-size: 11px; }
.wmm-leadership-point, .wmm-extension-point { cursor: pointer; outline: none; }
.wmm-leadership-point:focus-visible circle, .wmm-extension-point:focus-visible circle, .wmm-leadership-point:hover circle, .wmm-extension-point:hover circle { stroke: #fff0b5; stroke-width: 3; }
.wmm-insight-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 20px; }
.wmm-insight-card { display: flex; flex-direction: column; gap: 14px; padding: 20px; min-height: 175px; text-align: left; background: linear-gradient(145deg, #163747, #102739) !important; border-color: #345567 !important; border-top: 2px solid #54c5a8 !important; }
.wmm-insight-card strong { font: 600 20px/1.25 "Source Serif 4", Georgia, serif; color: #edf7f8; }
.wmm-insight-card span { color: #bfd3de; font-size: 12px; line-height: 1.65; }
.wmm-insight-card small { color: #8ccebd; margin-top: auto; font-size: 10px; }
.wmm-insight-card[aria-pressed="true"] { outline: 2px solid #a4ead4; outline-offset: 2px; }
.wmm-insight-evidence, .wmm-saved-delta { padding: 18px; margin-top: 20px; border: 1px solid #36566a; background: #10293b; border-radius: 5px; }
.wmm-insight-evidence p, .wmm-saved-delta p { color: #aac6d3; font-size: 12px; line-height: 1.65; }
.wmm-comparison-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 15px 0; }
.wmm-comparison-controls input[type="search"] { width: 270px; }
.wmm-comparison-controls label { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #a8c1cd; }
.wmm-comparison-controls input[type="checkbox"] { width: 14px; min-height: 14px; accent-color: #53cda8; }
.wmm-comparison-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.wmm-comparison-results button { text-align: left; padding: 9px; font-size: 11px; }
.wmm-comparison-tray { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.wmm-comparison-tray > span { display: flex; align-items: center; gap: 14px; padding: 6px 8px 6px 12px; border: 1px solid #3c786c; border-radius: 4px; background: #173f3b; color: #c5f1e4; font-size: 11px; }
.wmm-comparison-tray button { border: 0; font-size: 17px; background: transparent; }
.wmm-comparison-legend { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 16px 0; font-size: 11px; }
.wmm .wmm-add-comparison { width: 100%; margin-top: 13px; padding: 8px; font-size: 11px; border-color: #3b756a; color: #b0ead8; }
.wmm-move-period { display: block; text-align: right; font-size: 9px; color: #a0bdcc; font-weight: 400; }
.wmm .wmm-tone-blue { background: #315c87; }
.wmm .wmm-tone-amber { background: #816332; }
.wmm .wmm-tone-purple { background: #695183; }
.wmm-bubble-blue circle { fill: #315c87; stroke: #85b7ef; }
.wmm-bubble-amber circle { fill: #816332; stroke: #ebc184; }
.wmm-bubble-purple circle { fill: #695183; stroke: #c5a3e8; }
.wmm-legend { flex-wrap: wrap; justify-content: flex-end; }
.wmm-legend button { max-width: 140px; }
.wmm-view-buttons { flex-wrap: wrap; }
.wmm-explorer-plot .wmm-breadth-readings { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) {
 .wmm-advanced-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .wmm-insight-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .wmm-research-toolbar label { flex: 1; }
 .wmm-research-toolbar select { width: 100%; min-width: 100px; }
 .wmm-research-panel { padding: 20px; }
}
@media (max-width: 700px) {
 .wmm .wmm-mobile-controls-toggle { display: flex; flex: none; justify-content: space-between; padding: 9px 14px; border-radius: 0; border-width: 0 0 1px; border-color: #355268; background: #163247; color: #bdebe0; font-size: 12px; }
 .wmm-controls { display: none; max-height: 35dvh; min-height: 80px; }
 .wmm-filters-open .wmm-controls { display: block; }
 .wmm-research-toolbar { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
 .wmm-research-toolbar > button { grid-column: 1 / -1; margin-left: 0; }
 .wmm-advanced-grid { grid-template-columns: 1fr 1fr; gap: 12px 9px; }
 .wmm-saved-tools label { width: 100%; }
 .wmm-saved-tools button { flex: 1; }
 .wmm-research-status-row { font-size: 9px; }
 .wmm-map-views { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 5px 8px; }
 .wmm-map-views button { padding: 8px 3px; font-size: 10px; }
 .wmm-research-panel { padding: 16px 12px; }
 .wmm-research-panel h3 { font-size: 23px; }
 .wmm-breadth-readings, .wmm-explorer-plot .wmm-breadth-readings { grid-template-columns: 1fr 1fr; }
 .wmm-history-date { flex-wrap: wrap; gap: 8px; }
 .wmm-history-date input { width: 100%; order: 2; flex: 1 0 100%; }
 .wmm-history-date strong { margin-left: auto; }
 .wmm-insight-cards { grid-template-columns: 1fr; }
 .wmm-comparison-controls > input, .wmm-comparison-controls > select { width: 100% !important; }
 .wmm-comparison-controls label input { width: 14px; }
 .wmm-comparison-results { grid-template-columns: 1fr; }
 .wmm-history-chart .wmm-axis-label, .wmm-research-scatter .wmm-axis-label { font-size: 10px; }
 .wmm-leadership-controls { flex-wrap: wrap; gap: 12px; }
 .wmm-leadership-controls label { flex-wrap: wrap; }
 .wmm-research-panel > .wmm-stock-list { font-size: 9px; }
 .wmm-research-panel > .wmm-stock-list td:first-child { min-width: 80px; }
 .wmm-research-panel > .wmm-stock-list td { white-space: normal; }
 .wmm-breadth-reading { min-height: 106px; }
 .wmm-view-buttons { justify-content: flex-start; }
}
@media (max-width: 760px) {
 .wmm-explorer-head > div { padding-right: 38px; }
 .wmm-explorer-close { position: fixed; top: 24px; right: 22px; z-index: 4; box-shadow: 0 2px 12px #0005; }
}

/* Two persistent rows; detailed controls open only when requested. */
.wmm-head { min-height: 56px; padding: 7px 18px; gap: 18px; border-top-width: 2px; }
.wmm-identity { flex: none; gap: 9px; }
.wmm h2 { font-size: 22px; white-space: nowrap; }
.wmm-kicker { font-size: 8px; letter-spacing: .12em; margin-bottom: 1px !important; }
.wmm-mark { grid-template-columns: repeat(3, 5px); gap: 2px; padding: 5px; }
.wmm-mark i { width: 5px; height: 5px; }
.wmm-primary-slot { flex: 1; min-width: 0; }
.wmm-primary-controls { display: flex; align-items: center; gap: 7px; }
.wmm-primary-controls label { display: flex; flex-direction: column; min-width: 0; gap: 4px; }
.wmm-primary-slot label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wmm-primary-controls select, .wmm-primary-controls input { width: 100%; min-width: 0; max-width: none; min-height: 32px; font-size: 11px; padding: 5px 7px; }
.wmm-primary-controls .wmm-country { flex: 0 0 114px; }
.wmm-primary-controls .wmm-search { flex: 1.3; width: auto; }
.wmm-primary-sector { flex: 1; }
.wmm-primary-period { flex: 0 0 84px; }
.wmm-primary-colour { flex: 0 0 144px; }
.wmm-dateline { flex: none; display: flex; flex-direction: column; gap: 0; align-items: flex-end; padding-left: 14px; }
.wmm-dateline > span { font-size: 9px; }
.wmm-dateline strong { display: block; font-size: 12px; }
.wmm-head-actions { gap: 7px; flex: none; }
.wmm-head-actions button { min-height: 32px; height: 32px; }
.wmm .wmm-filters-toggle { display: flex; align-items: center; gap: 6px; padding: 5px 10px; color: #b9efdf; border-color: #416e70; background: #153442; font-size: 11px; }
.wmm-filters-toggle[aria-expanded="true"] { background: #24534c; border-color: #6abda7; }
.wmm-filter-chevron { color: #92caba; }
.wmm-filters-toggle[aria-expanded="true"] .wmm-filter-chevron { transform: rotate(180deg); }
.wmm [data-map-filter-count] { background: #70d6ba; color: #082d2a; padding: 0 5px; min-width: 17px; border-radius: 9px; font-size: 10px; font-weight: 600; }
.wmm-help { width: 30px; padding: 0; font: 600 15px Georgia, serif !important; }
.wmm-help::after { content: none; }
.wmm-close { width: 32px; font-size: 23px !important; }
.wmm-workspace-bar { display: flex; flex: none; align-items: center; gap: 18px; min-height: 42px; padding: 4px 18px; border-bottom: 1px solid #355268; background: #0b1e30; }
.wmm-workspace-bar .wmm-map-views { display: flex; gap: 2px; padding: 0; border: 0; overflow: visible; background: transparent; }
.wmm-workspace-bar .wmm-map-views button { padding: 6px 9px; font-size: 11px; }
.wmm-workspace-bar .wmm-totals { flex: none; flex-wrap: nowrap; min-width: 0; margin-left: auto; gap: 11px; }
.wmm-workspace-bar .wmm-total { font-size: 10px; }
.wmm-workspace-bar .wmm-total b { font-size: 12px; margin-right: 2px; }
.wmm-workspace-bar .wmm-total.is-median { padding-left: 11px; }
.wmm-workspace-bar .wmm-breadth { width: 42px; height: 4px; }
.wmm-workspace-bar .wmm-legend { flex-wrap: nowrap; width: auto; }
.wmm-workspace-bar .wmm-legend > span { display: none; }
.wmm-workspace-bar .wmm-legend button { flex: none; min-width: 29px; max-width: none; white-space: nowrap; padding: 5px 4px; font-size: 9px; }
.wmm-mobile-view { display: none; }
.wmm-mobile-view select { display: block; height: 30px; }
.wmm-controls { display: block; max-height: min(65dvh, 650px); min-height: 0; padding: 14px 18px 18px; box-shadow: 0 8px 20px #0002; }
.wmm-controls-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.wmm-controls-heading strong { font-size: 12px; letter-spacing: .02em; color: #d9f0f0; }
.wmm-controls-heading button { padding: 5px 13px; font-size: 11px; color: #b9efdf; border-color: #416e70; }
[data-map-primary-drawer]:empty, [data-map-legend-drawer]:empty, [data-map-legend-header]:empty { display: none; }
[data-map-primary-drawer] { margin-bottom: 14px; }
[data-map-primary-drawer] .wmm-primary-controls { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
[data-map-primary-drawer] label > span { font-size: 10px; color: #aac3d1; }
[data-map-legend-drawer] { margin-top: 14px; padding-top: 12px; border-top: 1px solid #29485b; }
[data-map-legend-drawer] .wmm-legend { justify-content: flex-start; }
.wmm-controls .wmm-research-toolbar { margin-top: 12px; padding-top: 12px; }
.wmm-controls .wmm-advanced-grid { gap: 10px 14px; }
@media (min-width: 1240px) and (max-width: 1399px) {
 .wmm-head { gap: 12px; padding-inline: 14px; }
 .wmm h2 { font-size: 20px; }
 .wmm-primary-controls .wmm-country { flex-basis: 106px; }
 .wmm-primary-colour { flex-basis: 125px; }
 .wmm-primary-period { flex-basis: 76px; }
 .wmm-dateline { padding-left: 10px; }
}
@media (min-width: 700px) and (max-width: 1099px) {
 .wmm-workspace-bar { gap: 10px; padding-inline: 12px; }
 .wmm-workspace-bar .wmm-map-views button { padding-inline: 7px; font-size: 10px; }
 .wmm-workspace-bar .wmm-breadth, .wmm-workspace-bar .wmm-total.is-up, .wmm-workspace-bar .wmm-total.is-down { display: none; }
}
@media (max-width: 699px) {
 .wmm-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; min-height: 56px; padding: 6px 10px; }
 .wmm-identity { grid-column: 1; grid-row: 1; }
 .wmm h2 { font-size: clamp(16px, 4.6vw, 19px); }
 .wmm-kicker, .wmm-mark, .wmm-primary-slot { display: none; }
 .wmm-dateline { grid-column: 1; grid-row: 2; flex-direction: row; align-items: baseline; gap: 6px; padding: 0; border: 0; }
 .wmm-dateline > span { font-size: 9px; }
 .wmm-dateline strong { font-size: 10px; }
 .wmm-head-actions { grid-column: 2; grid-row: 1 / 3; gap: 5px; }
 .wmm .wmm-filters-toggle { padding: 5px 7px; gap: 4px; }
 .wmm-head-actions button { height: 34px; min-height: 34px; }
 .wmm-help { width: 26px; }
 .wmm-close { width: 28px; }
 .wmm-workspace-bar { min-height: 42px; padding: 5px 10px; gap: 8px; }
 .wmm-workspace-bar .wmm-map-views { display: none; }
 .wmm-mobile-view { display: block; flex: 0 1 164px; min-width: 0; }
 .wmm-mobile-view select { min-height: 30px; padding: 4px 6px; font-size: 11px; background: #173b3b; border-color: #437f73; }
 .wmm-workspace-bar .wmm-totals { gap: 8px; }
 .wmm-workspace-bar .wmm-total { font-size: 9px; }
 .wmm-workspace-bar .wmm-total b { font-size: 11px; }
 .wmm-workspace-bar .wmm-total.is-median { padding-left: 8px; border-left: 1px solid #355268; }
 .wmm-workspace-bar .wmm-breadth, .wmm-workspace-bar .wmm-total.is-up, .wmm-workspace-bar .wmm-total.is-down { display: none; }
 .wmm-controls { padding: 12px; max-height: 65dvh; }
 [data-map-primary-drawer] .wmm-primary-controls { grid-template-columns: 1fr 1fr; gap: 9px; }
 .wmm-controls .wmm-primary-controls select, .wmm-controls .wmm-primary-controls input { min-height: 36px; }
 [data-map-legend-drawer] .wmm-legend { gap: 3px; }
 [data-map-legend-drawer] .wmm-legend button { flex: none; min-width: 28px; padding: 6px 4px; }
}

/* Weekly perspectives: chart first, evidence on demand. */
.wmm-export-button { width: 30px; padding: 0; color: #92e3cf !important; font-size: 19px !important; }
.wmm-insight-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 26px; border-bottom: 1px solid #29485c; padding-bottom: 14px; }
.wmm-insight-toolbar > button, .wmm-insight-actions button, .wmm-personal-saved button, .wmm-time-controls button, .wmm-edition-picker button { padding: 7px 12px; font-size: 12px; }
.wmm-insight-tabs { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.wmm-insight-tabs button { background: transparent; border-color: transparent; padding: 8px 12px; color: #a9c4d4; font-size: 12px; }
.wmm-insight-tabs button[aria-pressed="true"], .wmm-insight-actions button[aria-pressed="true"] { color: #b6ffe5; background: #1c403b; border-color: #396c60; }
.wmm-insight-body { min-width: 0; }
.wmm-insight-chart { display: block; width: 100%; height: auto; max-height: none; margin-top: 16px; overflow: visible; }
.wmm-chart-target { cursor: pointer; outline-offset: -2px; }
.wmm-chart-target:hover { filter: brightness(1.15); }
.wmm-chart-target:focus { outline: 2px solid #8fffe3; outline-offset: -2px; }
.wmm-insight-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 14px 0; }
.wmm-insight-method { padding: 14px 0; margin-top: 14px; border-top: 1px solid #294456; color: #adc4d3; font-size: 11px; }
.wmm-insight-method summary, .wmm-chart-table summary { cursor: pointer; padding: 5px 0; color: #a6cfcf; }
.wmm-insight-method p { max-width: 1040px; margin-top: 12px; line-height: 1.7; }
.wmm-insight-selection { padding: 12px 18px 18px; background: #10283b; border: 1px solid #2a4c5d; margin-top: 18px; border-radius: 5px; }
.wmm-insight-selection h4 { margin-top: 5px; }
.wmm-briefing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.wmm .wmm-briefing-card { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 22px; border: 1px solid #315366; background: linear-gradient(150deg, #15354a, #102435); border-radius: 6px; min-height: 290px; }
.wmm .wmm-briefing-card:hover { border-color: #72bcaa; background: #183c4b; }
.wmm .wmm-briefing-card h4 { margin: 12px 0 8px; color: #e9f4f7; font-size: 16px; line-height: 1.45; }
.wmm .wmm-briefing-card p { color: #afc5d4; font-size: 12px; margin-bottom: 8px; }
.wmm-briefing-value { display: block; color: #8ee9cb; font: 500 36px/1.5 "Source Serif 4", Georgia, serif; margin: 0 0 6px; font-variant-numeric: tabular-nums; }
.wmm-briefing-card .wmm-insight-chart { margin-top: auto; }
.wmm-briefing-evidence { font-size: 11px; color: #9cdccc; margin-top: auto; padding-top: 15px; }
.wmm-time-controls, .wmm-personal-controls, .wmm-personal-saved, .wmm-edition-picker { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 18px 0; }
.wmm-time-controls select { width: auto; }
.wmm-personal-controls input { flex: 1; max-width: 440px; min-width: 180px; }
.wmm-personal-saved { padding-top: 20px; border-top: 1px solid #294456; }
.wmm-personal-saved input, .wmm-personal-saved select { width: 210px; }
.wmm-personal-overlay { display: flex; align-items: center; gap: 7px; font-size: 12px; padding-top: 12px; color: #bfd4de; }
.wmm-personal-overlay input { accent-color: #5cdac0; }
.wmm-edition-picker { border-top: 1px solid #2b465a; padding-top: 14px; }
.wmm-edition-picker h4 { margin: 0 8px 0 0; }
.wmm-tile.wmm-highlighted { outline: 2px solid #e4c576; outline-offset: 1px; box-shadow: 0 0 8px #e4c57655; }
.wmm-sector-heatmap-open { border-color: #3b5e70 !important; color: #9cdccc !important; background: transparent !important; font-size: 10px !important; padding: 3px 9px; white-space: nowrap; }
.wmm-stock-persistence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 0; border-block: 1px solid #2c485b; margin: 12px 0; }
.wmm-stock-persistence .wmm-stock-metric strong { font-size: 12px; }
.wmm-explorer.wmm-explorer-overview .wmm-explorer-body { grid-template-columns: minmax(0, 1fr); }
.wmm-stock-heatmap { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 14px; padding-bottom: 12px; }
.wmm-heat-industry { padding: 9px; background: #10283a; border: 1px solid #2c4b5e; border-radius: 4px; }
.wmm-heat-industry-head { display: flex; gap: 8px; justify-content: space-between; flex-wrap: wrap; margin: 2px 0 10px; font-size: 12px; color: #dbeaf0; }
.wmm-heat-industry-head span { color: #9fbcca; font-size: 10px; }
.wmm-heat-stocks { display: grid; grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 3px; }
.wmm-heat-stocks button { display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; min-height: 57px; border: 1px solid #b6d3dd22; padding: 8px 3px; }
.wmm-heat-stocks strong { font-size: 11px; color: #f0f6fa; }
.wmm-heat-stocks span { font-size: 10px; color: #e3eef4; }
.wmm-insight-modal { color: #eef5f8; color-scheme: dark; width: min(1200px, calc(100vw - 64px)); max-width: none; max-height: calc(100dvh - 56px); padding: 0; border: 1px solid #436173; border-top: 3px solid #5cdac0; border-radius: 7px; background: #0b1f31; box-shadow: 0 28px 100px #0008; }
.wmm-insight-modal::backdrop { background: #030e1bd9; backdrop-filter: blur(3px); }
.wmm-insight-modal-head { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 20px 26px; background: #112e41; border-bottom: 1px solid #345265; position: sticky; top: 0; z-index: 1; }
.wmm-insight-modal-head h2 { font-size: 25px; }
.wmm-insight-modal-head button { font-size: 24px; width: 34px; height: 34px; }
.wmm-insight-modal-body { padding: 24px; }
.wmm-insight-modal-body > input { width: 100%; font-size: 11px; }
.wmm-sector-heatmap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.wmm .wmm-sector-heat-tile { padding: 18px; text-align: left; border: 1px solid #d7eff322; border-radius: 5px; display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.wmm-sector-heat-tile h3 { font-size: 16px; font-weight: 600; color: #f2f8f9; }
.wmm-sector-heat-tile > strong { font-size: 29px; color: #fff; font-variant-numeric: tabular-nums; }
.wmm-sector-heat-tile > span { font-size: 11px; color: #e0f0ed; }
.wmm-sector-heat-tile small { font-size: 10px; color: #c9e1df; }
.wmm-sector-heat-tile .wmm-insight-chart { margin-top: 0; }
.wmm-export-preview { width: 100%; height: auto; margin-top: 16px; border: 1px solid #2d4b5e; }
@media (min-width: 700px) and (max-width: 1199px) {
 .wmm-workspace-bar .wmm-total.is-up, .wmm-workspace-bar .wmm-total.is-down, .wmm-workspace-bar .wmm-breadth { display: none; }
 .wmm-workspace-bar .wmm-map-views button { padding-inline: 6px; font-size: 10px; }
 .wmm-briefing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
 .wmm-export-button { display: none; }
 .wmm-insight-toolbar { flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
 .wmm-insight-tabs button { padding: 7px 8px; font-size: 10px; }
 .wmm-insight-toolbar > button { padding: 5px 9px; font-size: 10px; }
 .wmm-insight-body { overflow-x: auto; }
 .wmm-insight-body > .wmm-insight-chart { min-width: 740px; }
 .wmm-insight-body > div:has(> .wmm-insight-chart) { overflow-x: auto; }
 .wmm-insight-body > div > .wmm-insight-chart { min-width: 600px; }
 .wmm-briefing-grid { grid-template-columns: 1fr; }
 .wmm .wmm-briefing-card { padding: 18px; min-height: 220px; }
 .wmm .wmm-briefing-card h4 { font-size: 16px; }
 .wmm-briefing-card .wmm-insight-chart { max-height: 65px; }
 .wmm-insight-modal { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
 .wmm-insight-modal-head { padding: 13px 16px; }
 .wmm-insight-modal-head h2 { font-size: 20px; }
 .wmm-insight-modal-body { padding: 14px; }
 .wmm-sector-heatmap { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
 .wmm .wmm-sector-heat-tile { padding: 11px; gap: 8px; }
 .wmm-sector-heat-tile h3 { font-size: 12px; }
 .wmm-sector-heat-tile > strong { font-size: 23px; }
 .wmm-sector-heat-tile > span { font-size: 10px; }
 .wmm-personal-controls input, .wmm-personal-controls select { width: 100%; max-width: none; }
 .wmm-time-controls select { max-width: 100%; font-size: 11px; }
 .wmm-time-controls { gap: 8px; }
 .wmm-sector-heatmap-open { font-size: 9px !important; }
}
@media (prefers-reduced-motion: reduce) { .wmm * { scroll-behavior: auto !important; transition: none !important; } }
@media (min-width: 700px) {
 .wmm-insight-body > .wmm-insight-chart { max-height: max(420px, calc(100dvh - 355px)); }
}
@media (max-width: 1559px) { .wmm-export-button { display: none; } }
@media (min-width: 700px) and (max-width: 949px) {
 .wmm-workspace-bar .wmm-map-views { display: none; }
 .wmm-mobile-view { display: block; flex: 0 1 210px; min-width: 0; }
 .wmm-mobile-view select { min-height: 30px; padding: 4px 8px; font-size: 11px; background: #173b3b; border-color: #437f73; }
}
.wmm-insight-body > .wmm-insight-chart.wmm-mobile-chart { min-width: 0; max-height: none; }
@media (max-width: 699px) {
 .wmm-insight-toolbar { margin-bottom: 16px; padding-bottom: 10px; }
 .wmm-insight-body h3 { font-size: 21px; }
}
.wmm-signal-legend { display:flex; gap:10px 20px; flex-wrap:wrap; margin:12px 0 18px; color:#b7cddd; font-size:11px; }
.wmm-signal-legend span { display:inline-flex; align-items:center; gap:6px; }
.wmm-signal-legend i { width:12px; height:8px; border-radius:2px; }
.wmm-signal-choice { display:inline-flex; align-items:center; gap:10px; margin:6px 0 12px; color:#a6c0d1; font-size:11px; max-width:100%; }
.wmm-signal-choice select { background:#132d40; color:#dfedf5; border:1px solid #426176; border-radius:3px; min-height:32px; padding:5px 25px 5px 9px; max-width:100%; }
.wmm-signal-takeaway { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px 22px; padding:13px 16px; margin:8px 0 16px; background:#102c3a; border-left:3px solid #62cdb7; border-radius:0 4px 4px 0; }
.wmm-signal-takeaway strong { color:#e5f2f7; font-size:15px; }
.wmm-signal-takeaway span { color:#a9c4d3; font-size:12px; }
.wmm-global-board { max-width:100%; overflow-x:auto; }
.wmm-perspective-select { display:none; }
.wmm-sort-direction { max-width:140px; }
.wmm-explorer-controls .wmm-view-buttons { flex:1 0 100%; }
.wmm-explorer-plot:has([data-signal-legend]) { max-height:70vh; overflow:auto; padding:8px; }
.wmm-explorer-plot [data-signal-legend] h3 { font:600 22px/1.3 "Source Serif 4", Georgia, serif; color:#f3fafc; margin:14px 0 10px; }
@media (max-width:649px) {
  .wmm-insight-body .wmm-global-board .wmm-global-chart { min-width:560px; max-height:none; }
  .wmm-insight-body .wmm-signal-chart.wmm-mobile-chart { min-width:0; max-height:none; }
  .wmm-insight-toolbar .wmm-insight-tabs { display:none; }
  .wmm .wmm-insight-toolbar select.wmm-perspective-select { display:block; flex:1; width:auto; background:#132d40; color:#dfedf5; border:1px solid #426176; border-radius:3px; min-height:34px; min-width:0; max-width:calc(100% - 100px); padding:5px; }
  .wmm-signal-choice { display:flex; flex-wrap:wrap; }
  .wmm-signal-choice select { min-width:0; }
  .wmm-explorer-controls label { max-width:none; }
}