{"version":3,"file":"QuickSignalChanges.ChFRG25E.mjs","names":["useState","useMemo","_Fragment","p"],"sources":["https:/framerusercontent.com/modules/BX6IuQH5520CaGMfrVlY/iIPzGWwQrkMZBvvRpSn9/QuickSignalChanges.js"],"sourcesContent":["// Get Started: https://www.framer.com/developers\n//\n// \"Latest updates\" — Lead & Stack (in-place accordion)\n// Drop-in replacement for the QuickSignalChanges code component.\n//\n// Design: linkedinV3/Latest Updates - Lead & Stack.html (Powder pink + deep red variant)\n// - One DOM node per item that restyles between a collapsed row and an expanded\n// colour card. Header geometry is CONSTANT between states (logo + title never\n// resize) so nothing reflows mid-animation. Only the colour card fills in and\n// the body / read-link fade-and-slide in on a single eased curve, lightly\n// staggered — the way polished accordions behave.\n// - Accordion: exactly one item is open at all times. First item open by default.\n// - TODAY badge: deep red + white when collapsed, flips to powder pink + red on\n// the open card.\n// - LEADER HIGHLIGHTS: names from relatedPersonnel that appear in the summary\n// render as a gradient chip (with optional mini avatar) linking to the\n// person's profile. Matches full names plus unambiguous surname-only later\n// mentions. Link fields: in-text mentions open the entity's profileLink;\n// the follow chips and company pill use profileFollowLink || profileLink,\n// staying backwards compatible with feeds that only carry profileLink.\n// Possessives (\"Korsgaard's\") are absorbed so no\n// stray \"'s\" dangles outside it. Scope prop: Smart (chip on first mention,\n// quiet underline on repeats — default), First mention only, or Every\n// mention. Colours default per theme, overridable with a custom gradient.\n// - COMPANY HIGHLIGHTS: same treatment for relatedCompanies. Legal suffixes\n// are handled both ways — \"Mandatum Oyj\" in the feed matches \"Mandatum\",\n// \"Mandatum plc\" or \"Mandatum Oyj\" in the text, and whatever suffix the\n// text uses is absorbed into the chip. Links go to the company profile and\n// fire the company-follow tracking event.\n// - DATE HIGHLIGHTS: dates in the summary (\"August 17, 2026\", \"May 2025\",\n// \"January–June 2026\") render as a soft tinted chip with a calendar glyph.\n// Informational only — not a link. Toggleable via prop; bare years\n// (\"since 2024\") are deliberately left plain.\n// - KEEP CHIPS WHOLE: optional nowrap on chips so an avatar and its name\n// never split across a line break — the whole chip wraps instead.\n// - METRIC HIGHLIGHTS: money amounts (\"EUR 71.3 million\") and percentages\n// (\"21.1%\", \"-2.4%\", \"1,749.3%\") render as tinted chips. In \"trend\" mode the chip is\n// coloured up/down with a triangle glyph, inferred from a leading minus or\n// nearby wording within the same sentence (grew/rose/increasing vs\n// fell/declined/negative). Comparison baselines carry no direction of\n// their own and stay neutral: \"to EUR 6.0M from EUR 7.5M\" colours only\n// the 6.0M; \"from EUR 7.5M\", \"up from 2.6%\", \"compared to EUR 21.4M\"\n// render flat, including \"from a loss of EUR 0.5M\". Value descriptors\n// (\"a loss of X\") state the sign, not a change, so they aren't cues —\n// \"improvement, moving from a loss of A to a loss of B\" colours B up.\n// Heuristic by design — Neutral mode skips the colouring\n// entirely if it misreads your feed's phrasing.\n// - MONTH PERIODS: month ranges without a year (\"April-June\") count as\n// dates too; single bare months (\"in August\") stay plain.\n// - CARD INSET: one prop sets the gutter between the white feed edge and\n// the item cards — equal on all four sides, and the headline + CTA line\n// up with it, so the frame stays even with or without the header.\n// - SHARP CORNERS: structural surfaces are square — the feed card, the\n// item rows, the company-follow pill and the CTA button. Chips, badges,\n// avatars/logos, minis and the small decorative bits keep their radii.\n// - CHIP BACKGROUND: boolean prop (default OFF — plain emphasized text).\n// On fills the pills; either way the mini avatars, calendar/trend\n// glyphs, links and up/down colours are kept.\n// - LINKED HOVER: hovering an in-text person/company mention cross-\n// highlights its follow chip below (soft avatar ring + underline), and\n// vice versa. Static, no animation loops — appears on hover/focus only.\n// - \"MORE SIGNALS\" FOOTER: reads last7DaysCount from the same feed and\n// renders it as a tinted tile — count chip, an action line over a muted\n// context line, and an arrow — with its own link, copy, font and colour\n// props. Hidden when the count is absent.\n// - KEYWORD HIGHLIGHTS: financial terms (EBITDA, revenue, adjusted operating\n// profit, …) get a subtle dotted-underline emphasis. The term list is an\n// editable prop, matched case-insensitively in LIST ORDER — put longer\n// terms first so \"adjusted operating profit\" wins the span before\n// \"operating profit\" can partially highlight it.\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useMemo,startTransition,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget,useTracking}from\"framer\";//\n// Tracking event names — preserved verbatim from the original QuickSignalChanges\n// component so analytics stay continuous after the swap (yes, \"singals\" is a\n// pre-existing typo; keep it so historical events still match).\n//\nconst TRACK={expand:\"singals-read-more-click\",readFull:\"read-full-signal-click\",cta:\"latest-updates-cta-click\",more:\"latest-updates-more-click\",companyFollow:\"signal-company-click\",leaderFollow:\"signal-personnel-click\"};const EMPTY_LIST=[];const FEED_CACHE_TTL_MS=2*60*1e3;const FEED_FETCH_TIMEOUT_MS=12*1e3;const QUICK_SIGNALS_PROD_URL=\"https://storage.googleapis.com/listeds_media_data/quick-signals-feed-v2.json\";const QUICK_SIGNALS_FONT_HREF=\"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap\";const quickSignalsCache=new Map;const quickSignalsInFlight=new Map;function parseQuickSignalsPayload(raw){const items=raw?.data?.data;if(!Array.isArray(items)){throw new Error(\"Malformed quick signals payload\");}const n=Number(raw?.data?.last7DaysCount);return{items,moreCount:Number.isFinite(n)?n:null};}// The bucket serves the feed with \"Cache-Control: public, max-age=3600\", so a\n// bare URL can come back from the browser or Google's edge cache up to an hour\n// old. Every network request gets a fresh ?v= to always reach the newest feed;\n// reuse across client-side page changes comes from quickSignalsCache, which is\n// keyed by the bare URL.\nfunction withCacheBuster(url){return`${url}${url.includes(\"?\")?\"&\":\"?\"}v=${Date.now()}`;}function fetchQuickSignals(url){const existing=quickSignalsInFlight.get(url);if(existing)return existing;const controller=new AbortController;const timer=setTimeout(()=>{controller.abort();},FEED_FETCH_TIMEOUT_MS);const request=fetch(withCacheBuster(url),{signal:controller.signal}).then(r=>{if(!r.ok){throw new Error(`Quick signals request failed (${r.status})`);}return r.json();}).then(raw=>{const payload=parseQuickSignalsPayload(raw);quickSignalsCache.set(url,{data:payload,fetchedAt:Date.now()});return payload;}).finally(()=>{clearTimeout(timer);quickSignalsInFlight.delete(url);});quickSignalsInFlight.set(url,request);return request;}function canStartModulePrefetch(){if(typeof window===\"undefined\"||typeof document===\"undefined\")return false;try{const target=RenderTarget.current();return target!==RenderTarget.canvas&&target!==RenderTarget.export&&target!==RenderTarget.thumbnail;}catch{return false;}}function ensureQuickSignalsFontsLoaded(){if(typeof document===\"undefined\")return;const id=\"quick-signals-fonts\";if(document.getElementById(id))return;const link=document.createElement(\"link\");link.id=id;link.rel=\"stylesheet\";link.href=QUICK_SIGNALS_FONT_HREF;document.head.appendChild(link);}if(canStartModulePrefetch()){fetchQuickSignals(QUICK_SIGNALS_PROD_URL).catch(()=>{});}// CSS custom-property maps. Typed loosely (string→string) and cast to\n// CSSProperties at the point of use, since React's CSSProperties doesn't model\n// `--foo` keys.\nconst THEMES={olive:{\"--lead-bg\":\"#3E5234\",\"--lead-fg\":\"#ffffff\",\"--lead-sub\":\"rgba(255,255,255,.74)\",\"--lead-accent\":\"#E7E8BB\",\"--device\":\"rgba(231,232,187,.16)\",\"--read\":\"#ffffff\",\"--tick\":\"#3E5234\",\"--hl-from\":\"#DFE6A9\",\"--hl-to\":\"#F2EACB\",\"--hl-fg\":\"#26301b\",\"--pos\":\"#9FE0A8\",\"--neg\":\"#FFAB9E\"},black:{\"--lead-bg\":\"#0d0d0c\",\"--lead-fg\":\"#ffffff\",\"--lead-sub\":\"rgba(242,242,240,.66)\",\"--lead-accent\":\"#E7E8BB\",\"--device\":\"rgba(231,232,187,.12)\",\"--read\":\"#ffffff\",\"--tick\":\"#3E5234\",\"--hl-from\":\"#DFE6A9\",\"--hl-to\":\"#F2EACB\",\"--hl-fg\":\"#26301b\",\"--pos\":\"#9FE0A8\",\"--neg\":\"#FFAB9E\"},lgreen:{\"--lead-bg\":\"#E7E8BB\",\"--lead-fg\":\"#222a18\",\"--lead-sub\":\"rgba(34,42,24,.72)\",\"--lead-accent\":\"#3E5234\",\"--device\":\"rgba(62,82,52,.12)\",\"--read\":\"#2f3d27\",\"--tick\":\"#3E5234\",\"--hl-from\":\"rgba(255,255,255,.95)\",\"--hl-to\":\"rgba(255,255,255,.5)\",\"--hl-fg\":\"#222a18\",\"--pos\":\"#256D33\",\"--neg\":\"#B7141E\"},pink:{\"--lead-bg\":\"#FFD3C8\",\"--lead-fg\":\"#3a1416\",\"--lead-sub\":\"rgba(58,20,22,.68)\",\"--lead-accent\":\"#B7141E\",\"--device\":\"rgba(183,20,30,.1)\",\"--read\":\"#9c1019\",\"--tick\":\"#B7141E\",\"--hl-from\":\"rgba(255,255,255,.95)\",\"--hl-to\":\"rgba(255,255,255,.5)\",\"--hl-fg\":\"#9c1019\",\"--pos\":\"#1E7A3A\",\"--neg\":\"#9C1019\"}};//\n// Scoped stylesheet. Everything lives under .lus so it can't leak into the\n// rest of the Framer page. This carries the pseudo-element dividers, the\n// height (grid-template-rows) reveal, the staggered fades and the blink\n// animation — all of which inline styles can't express.\n//\nconst STYLE=`\n.lus{ --serif:'Lora',Georgia,serif; --sans:'DM Sans',-apple-system,sans-serif;\n --red:#B7141E; --pink:#FFD3C8; --inset:12px;\n --more-bg:color-mix(in srgb, var(--lead-bg) 40%, #fff);\n --more-bg-h:color-mix(in srgb, var(--lead-bg) 70%, #fff);\n --more-fg:#15140f; --more-n-bg:var(--lead-bg); --more-n-fg:var(--lead-fg);\n font-family:var(--sans); color:#1b1812; -webkit-font-smoothing:antialiased; }\n.lus *{ box-sizing:border-box; }\n\n.lus .feed{ background:#fff; overflow:hidden; }\n\n.lus .head{ display:flex; align-items:center; justify-content:space-between; padding:26px calc(var(--inset) + 16px) 8px; }\n.lus .head .h{ font-family:var(--serif); font-weight:400; font-size:20px; letter-spacing:-.015em; color:#15140f; }\n.lus .head .live{ display:inline-flex; align-items:center; gap:8px; font-size:10.5px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:#8a8a82; }\n.lus .head .live .dot{ width:8px; height:8px; border-radius:50%; background:var(--red); }\n\n.lus .list{ padding:var(--inset); }\n\n.lus .item{ position:relative; overflow:hidden; transition:background .42s cubic-bezier(.4,0,.15,1); background:transparent; }\n.lus .item:not(.open):not(:last-child)::after{ content:\"\"; position:absolute; left:14px; right:14px; bottom:0; height:1px; background:#efeeea; }\n.lus .item.open{ background:var(--lead-bg); }\n.lus .item .device{ position:absolute; right:-52px; bottom:-52px; width:168px; height:168px; border-radius:168px 0 0 0; background:var(--device); pointer-events:none; opacity:0; transition:opacity .4s ease; }\n.lus .item.open .device{ opacity:1; }\n\n.lus .item .header{ position:relative; width:100%; display:grid; grid-template-columns:44px 1fr 18px; gap:12px; align-items:start; background:none; border:0; text-align:left; font-family:inherit; cursor:pointer; padding:16px 16px; }\n.lus .item.open .header{ cursor:pointer; }\n.lus a.title-link{ cursor:pointer; }\n\n.lus .item .logo{ width:44px; height:44px; border-radius:10px; flex:none; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; border:1px solid #eceae2; overflow:hidden; background:#fff; color:#15140f; transition:border-color .35s ease,box-shadow .35s ease; }\n.lus .item.open .logo{ border-color:transparent; box-shadow:0 2px 10px rgba(0,0,0,.16); }\n.lus .item .logo img{ width:100%; height:100%; object-fit:cover; display:block; }\n\n.lus .item .meta{ display:flex; align-items:center; gap:9px; margin-bottom:7px; flex-wrap:wrap; }\n.lus .item .today{ display:inline-flex; align-items:center; gap:5px; font-size:9.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:var(--red); padding:3px 8px 3px 7px; border-radius:5px; transition:background .35s ease,color .35s ease; }\n.lus .item .today .pip{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.9); animation:lus-blink 2.4s ease-out infinite; }\n@keyframes lus-blink{ 0%,100%{opacity:.45} 50%{opacity:1} }\n.lus .item.open .today{ background:var(--pink); color:var(--red); }\n.lus .item.open .today .pip{ background:var(--red); }\n.lus .item .tk{ font-size:9.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#9a9a92; transition:color .35s ease; }\n.lus .item .tm{ font-size:9.5px; font-weight:600; letter-spacing:.08em; color:#c0c0b8; transition:color .35s ease; }\n.lus .item.open .tk{ color:var(--lead-sub); }\n.lus .item.open .tm{ color:var(--lead-sub); }\n\n.lus .item .title{ font-family:var(--serif); font-weight:400; font-size:16px; line-height:1.34; letter-spacing:-.006em; margin:0; color:#15140f; text-wrap:pretty; transition:color .35s ease; }\n.lus .item.open .title{ color:var(--lead-fg); }\n.lus .item:not(.open):hover .title{ text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px; }\n/* open card: the headline is a real link to the signal */\n.lus a.title-link{ text-decoration:none; color:inherit; cursor:pointer; }\n.lus a.title-link:hover{ text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px; }\n\n/* chevron sits softly visible at rest so collapsed rows read as tappable on\n touch (no hover there); it deepens + nudges on hover and fades out when open */\n.lus .item .chev{ justify-self:end; align-self:center; display:inline-flex; color:#a7a79d; font-size:15px; transition:transform .3s ease,color .3s ease; }\n.lus .item:not(.open):hover .chev{ color:var(--tick); transform:translateX(3px); }\n/* when open the chevron flips to a top-right collapse control */\n.lus .item.open .chev{ align-self:start; margin-top:3px; color:var(--lead-sub); }\n.lus .item.open .header:hover .chev{ color:var(--lead-fg); }\n\n.lus .item .reveal{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .42s cubic-bezier(.4,0,.15,1); }\n.lus .item.open .reveal{ grid-template-rows:1fr; }\n.lus .item .reveal-inner{ position:relative; z-index:1; min-height:0; overflow:hidden; }\n.lus .item .reveal-pad{ padding:4px 18px 22px 18px; }\n/* staggered reveal: body → follow cluster → footer */\n.lus .item .body,.lus .item .follow-block,.lus .item .card-foot{ opacity:0; transform:translateY(8px); transition:opacity .3s ease,transform .42s cubic-bezier(.4,0,.15,1); }\n.lus .item.open .body{ opacity:1; transform:none; transition-delay:.1s; }\n.lus .item.open .follow-block{ opacity:1; transform:none; transition-delay:.16s; }\n.lus .item.open .card-foot{ opacity:1; transform:none; transition-delay:.22s; }\n.lus .item .body{ font-size:14px; line-height:1.62; color:var(--lead-sub); margin:0; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }\n\n/* leader highlight — gradient chip in the body linking to the person's\n profile. box-decoration-break keeps the chip looking right when a name\n wraps across lines. Colours come from --hl-* (theme defaults, or the\n component's custom-gradient props). */\n.lus .item :is(.body,.title) .lead-hl{ background:linear-gradient(90deg,var(--hl-from),var(--hl-to)); color:var(--hl-fg); font-weight:600; text-decoration:none; padding:1px 6px 2px; border-radius:7px; -webkit-box-decoration-break:clone; box-decoration-break:clone; cursor:pointer; transition:filter .15s ease, box-shadow .18s ease; }\n.lus .item .body a.lead-hl:hover{ text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2.5px; filter:saturate(1.08) brightness(1.03); }\n/* pull the chip against directly-following punctuation (\"Laaksonen,\") so the\n chip's right padding doesn't read as a stray space before the comma */\n.lus .item :is(.body,.title) .lead-hl.tight-r{ margin-right:-4px; }\n/* mini avatar inside the chip — visually ties the in-text mention to the\n follow chips below; falls back to initials when there's no avatarUrl */\n.lus .item .body a.lead-hl .mini{ display:inline-block; width:16px; height:16px; border-radius:50%; overflow:hidden; vertical-align:-3px; margin-right:5px; box-shadow:0 0 0 1px rgba(0,0,0,.1); font-size:8px; font-weight:700; letter-spacing:0; line-height:16px; text-align:center; background:var(--hl-fg); color:#fff; }\n.lus .item .body a.lead-hl .mini img{ width:100%; height:100%; object-fit:cover; display:block; }\n/* company minis are rounded-square (like the row logo) so companies read\n differently from people at a glance */\n.lus .item .body a.lead-hl .mini.co{ border-radius:5px; }\n/* date chip — informational tint with a calendar glyph, not a link */\n.lus .item .body span.lead-hl.date{ background:color-mix(in srgb, var(--lead-fg) 9%, transparent); color:var(--lead-fg); cursor:default; }\n.lus .item .body span.lead-hl.date .cal{ display:inline-block; width:11px; height:11px; vertical-align:-1px; margin-right:4px; opacity:.7; }\n/* metric chip — money amounts & percentages; up/down variants take their\n colour from the theme's --pos/--neg */\n.lus .item :is(.body,.title) span.lead-hl.metric{ background:color-mix(in srgb, var(--lead-fg) 9%, transparent); color:var(--lead-fg); cursor:default; font-variant-numeric:tabular-nums; }\n.lus .item :is(.body,.title) span.lead-hl.metric.up{ background:color-mix(in srgb, var(--pos) 16%, transparent); color:var(--pos); }\n.lus .item :is(.body,.title) span.lead-hl.metric.down{ background:color-mix(in srgb, var(--neg) 16%, transparent); color:var(--neg); }\n.lus .item :is(.body,.title) span.lead-hl.metric .tr{ display:inline-block; width:9px; height:9px; margin-right:3px; }\n/* keyword terms — subtle glossary-style emphasis, not a chip */\n.lus .item .body span.lead-hl.kw{ background:none; padding:0; margin:0; border-radius:0; color:var(--lead-fg); cursor:default; font-weight:600; text-decoration:underline dotted; text-decoration-thickness:1.5px; text-underline-offset:3px; text-decoration-color:color-mix(in srgb, var(--lead-fg) 45%, transparent); }\n/* keep chips whole (toggle): a chip never splits across lines — the whole\n chip wraps to the next line instead of orphaning the avatar */\n.lus.hl-nowrap .item :is(.body,.title) .lead-hl:not(.quiet):not(.kw){ white-space:nowrap; }\n/* chip background off: strip the pill fills, keep everything else (avatars,\n glyphs, links, trend colours) as plain emphasized text */\n.lus.hl-nobg .item :is(.body,.title) .lead-hl{ background:none; padding:0; margin:0; border-radius:0; color:var(--lead-fg); }\n.lus.hl-nobg .item :is(.body,.title) .lead-hl.tight-r{ margin-right:0; }\n.lus.hl-nobg .item .body span.lead-hl.date{ background:none; }\n.lus.hl-nobg .item :is(.body,.title) span.lead-hl.metric{ background:none; }\n.lus.hl-nobg .item :is(.body,.title) span.lead-hl.metric.up{ background:none; color:var(--pos); }\n.lus.hl-nobg .item :is(.body,.title) span.lead-hl.metric.down{ background:none; color:var(--neg); }\n/* linked hover — hovering an in-text mention cross-highlights its follow\n chip below (and vice versa): calm ring + underline, no motion */\n.lus .item .body .lead-hl.linked:not(:hover){ box-shadow:0 0 0 2px color-mix(in srgb, var(--lead-fg) 32%, transparent); filter:saturate(1.05); }\n.lus .item .body a.lead-hl.quiet.linked:not(:hover){ box-shadow:none; filter:none; text-decoration-color:var(--lead-fg); }\n.lus.hl-nobg .item .body .lead-hl.linked:not(:hover){ box-shadow:none; filter:none; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2.5px; }\n.lus .item .chip.linked:not(:hover) .av img{ box-shadow:0 0 0 2px color-mix(in srgb, var(--lead-fg) 60%, transparent); }\n.lus .item .chip.linked:not(:hover) .nm{ text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }\n.lus .item .follow-co.linked:not(:hover){ background:color-mix(in srgb, var(--lead-fg) 18%, transparent); }\n/* metrics inside the serif headline read as small sans badges */\n.lus .item .title .lead-hl{ font-family:var(--sans); font-size:.74em; font-weight:600; vertical-align:2px; letter-spacing:0; }\n/* linked-hover effects — Ring is the static base above; Pulse and Shimmer\n play ONCE when the link appears, then settle into the ring (no loops) */\n@keyframes lus-pulse{ 0%{ box-shadow:0 0 0 1px color-mix(in srgb, var(--lead-fg) 55%, transparent); } 60%{ box-shadow:0 0 0 7px color-mix(in srgb, var(--lead-fg) 0%, transparent); } 100%{ box-shadow:0 0 0 2px color-mix(in srgb, var(--lead-fg) 32%, transparent); } }\n.lus.hl-fx-pulse .item .body .lead-hl.linked:not(:hover),\n.lus.hl-fx-pulse .item .chip.linked:not(:hover) .av img,\n.lus.hl-fx-pulse .item .chip.linked:not(:hover) .av .ini,\n.lus.hl-fx-pulse .item .follow-co.linked:not(:hover){ animation:lus-pulse .55s ease-out; }\n@keyframes lus-shimmer{ 0%{ background-position:160% 0, 0 0; } 100%{ background-position:-60% 0, 0 0; } }\n.lus.hl-fx-shimmer .item .body .lead-hl.linked:not(:hover){ background-image:linear-gradient(105deg, transparent 42%, rgba(255,255,255,.55) 50%, transparent 58%), linear-gradient(90deg,var(--hl-from),var(--hl-to)); background-size:250% 100%, 100% 100%; background-repeat:no-repeat; background-position:-60% 0, 0 0; animation:lus-shimmer .7s ease-out; }\n@keyframes lus-flash{ 0%{ filter:brightness(1); } 35%{ filter:brightness(1.35); } 100%{ filter:brightness(1); } }\n.lus.hl-fx-shimmer .item .chip.linked:not(:hover) .av img,\n.lus.hl-fx-shimmer .item .chip.linked:not(:hover) .av .ini{ animation:lus-flash .7s ease-out; }\n.lus.hl-fx-shimmer .item .follow-co.linked:not(:hover){ background-image:linear-gradient(105deg, transparent 42%, rgba(255,255,255,.45) 50%, transparent 58%); background-size:250% 100%; background-repeat:no-repeat; background-position:-60% 0; animation:lus-shimmer .7s ease-out; }\n/* quiet repeat mentions (Smart scope): no chip, just a confident underline so\n four \"Korsgaard\"s in one card don't turn into confetti */\n.lus .item .body a.lead-hl.quiet{ background:none; padding:0; margin:0; border-radius:0; color:var(--lead-fg); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2.5px; text-decoration-color:color-mix(in srgb, var(--lead-fg) 40%, transparent); }\n.lus .item .body a.lead-hl.quiet:hover{ text-decoration-color:var(--lead-fg); filter:none; }\n\n.lus .item .read{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--read); cursor:pointer; text-decoration:none; }\n.lus .item .read .arr{ transition:transform .2s; }\n.lus .item .read:hover .arr{ transform:translateX(4px); }\n\n/* expanded card — leaders to follow + company follow */\n.lus .item .follow-block{ margin-top:18px; }\n.lus .item .follow-label{ font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--lead-sub); margin:0 0 11px; }\n.lus .item .chips{ display:flex; flex-wrap:wrap; gap:14px 16px; }\n.lus .item .chip{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; }\n.lus .item .chip .av{ position:relative; width:32px; height:32px; border-radius:50%; flex:none; }\n.lus .item .chip .av img{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; box-shadow:0 0 0 1px rgba(0,0,0,.08); transition:box-shadow .18s ease; }\n.lus .item .chip .add{ position:absolute; right:-3px; bottom:-3px; width:16px; height:16px; border-radius:50%; background:var(--lead-fg); color:var(--lead-bg); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; line-height:1; border:2px solid var(--lead-bg); transition:transform .15s ease; }\n.lus .item .chip:hover .add{ transform:scale(1.14); }\n.lus .item .chip .nm{ font-size:13px; font-weight:600; color:var(--lead-fg); white-space:nowrap; }\n.lus .item .chip:hover .nm{ text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }\n\n/* soft tonal pill — a low-opacity tint of the brand foreground: present and\n friendly, with no hard fill competing with the read-full CTA. Flush-left so\n its box aligns with the leaders label + chips above it. */\n.lus .item .follow-co{ display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:0; background:color-mix(in srgb, var(--lead-fg) 12%, transparent); color:var(--lead-fg); font-size:15px; font-weight:600; line-height:1; text-decoration:none; cursor:pointer; transition:background .16s ease; }\n.lus .item .follow-co:hover{ background:color-mix(in srgb, var(--lead-fg) 18%, transparent); }\n.lus .item .follow-co .pl{ font-size:16px; line-height:1; font-weight:600; }\n/* separator between the leaders cluster and the company-follow pill */\n.lus .item .follow-sep{ display:block; height:1px; background:var(--lead-fg); opacity:.12; margin:16px 0; }\n\n/* footer: read-full is its own closing CTA, detached by a hairline and pushed\n to the opposite edge from the follow pill so the two never blend */\n.lus .item .card-foot{ display:flex; flex-direction:column; margin-top:18px; }\n.lus .item .sep{ height:1px; background:var(--lead-fg); opacity:.14; margin-bottom:16px; }\n.lus .item .card-foot .read{ align-self:flex-end; }\n\n/* \"more signals\" footer — reads last7DaysCount from the feed. Count chip\n leads, action line over a muted context line, arrow nudges on hover. */\n.lus .more{ padding:0 var(--inset) var(--inset); }\n.lus .more a{ display:flex; align-items:center; gap:12px; width:100%; padding:13px 16px; text-decoration:none; background:var(--more-bg); color:var(--more-fg); transition:background .18s ease; }\n.lus .more a:hover{ background:var(--more-bg-h); }\n.lus .more .n{ display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:22px; padding:0 7px; border-radius:6px; background:var(--more-n-bg); color:var(--more-n-fg); font-size:12.5px; font-weight:700; font-variant-numeric:tabular-nums; flex:none; }\n.lus .more .t{ display:flex; flex-direction:column; gap:1px; }\n.lus .more .t .act{ font-size:13.5px; font-weight:600; line-height:1.3; }\n.lus .more .t .sub{ font-size:11.5px; font-weight:500; line-height:1.3; opacity:.62; }\n.lus .more .arr{ margin-left:auto; flex:none; font-size:15px; transition:transform .2s ease; }\n.lus .more a:hover .arr{ transform:translateX(4px); }\n.lus .cta{ padding:0 var(--inset) var(--inset); }\n.lus .cta a{ display:block; text-align:center; text-decoration:none; width:100%; font-family:var(--sans); font-size:15px; font-weight:600; background:#fff; border:1.5px solid #15140f; padding:14px; color:#15140f; cursor:pointer; transition:.16s; }\n.lus .cta a:hover{ background:#15140f; color:#fff; }\n\n/* empty / error state */\n.lus .empty{ padding:26px 18px 34px; text-align:center; color:#8a8a82; font-size:13.5px; line-height:1.5; }\n\n/* skeleton */\n.lus .sk{ background:#e9e8e2; border-radius:6px; animation:lus-sk 1.5s ease-in-out infinite; }\n@keyframes lus-sk{ 0%,100%{opacity:1} 50%{opacity:.45} }\n\n/* keyboard focus — visible on light rows and the coloured open card */\n.lus .header:focus-visible,.lus a.title-link:focus-visible,.lus .item .read:focus-visible,.lus .item .chip:focus-visible,.lus .item .follow-co:focus-visible,.lus .item .body a.lead-hl:focus-visible,.lus .cta a:focus-visible{ outline:2px solid var(--tick); outline-offset:2px; border-radius:8px; }\n\n/* honour the OS \"reduce motion\" setting */\n@media (prefers-reduced-motion: reduce){\n .lus *,.lus *::before,.lus *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }\n}\n`;//\n// Date / display helpers\n//\nfunction parseDate(dateString){if(!dateString)return null;const t=new Date(dateString).getTime();return Number.isNaN(t)?null:t;}// Drives the highlighted badge: true when the item was published today\n// (local date), regardless of time of day.\nfunction isToday(dateString){const t=parseDate(dateString);if(t===null)return false;const date=new Date(t);const now=new Date;return date.getDate()===now.getDate()&&date.getMonth()===now.getMonth()&&date.getFullYear()===now.getFullYear();}// Human relative time (\"just now\", \"12 min ago\", \"3h ago\"), falling back to an\n// absolute date once an item is a week or more old.\nfunction relativeTime(dateString){const t=parseDate(dateString);if(t===null)return\"\";const mins=Math.round((Date.now()-t)/6e4);if(mins<1)return\"just now\";if(mins<60)return`${mins} min ago`;const hrs=Math.round(mins/60);if(hrs<24)return`${hrs}h ago`;const days=Math.round(hrs/24);if(days<7)return`${days}d ago`;return new Date(t).toLocaleDateString(\"en-US\",{month:\"short\",day:\"numeric\"});}function initials(name){if(!name)return\"•\";const parts=name.trim().split(/\\s+/);if(parts.length===1)return parts[0].slice(0,2).toUpperCase();return(parts[0][0]+parts[1][0]).toUpperCase();}function isWordChar(ch){return!!ch&&RegExp(\"[\\\\p{L}\\\\p{N}]\",\"u\").test(ch);}// Legal-form words: stripped from registered names to derive the base token,\n// and absorbed into a match when they directly follow it in the text.\n// Case-sensitive on purpose — lowercase \"as\"/\"ab\" are ordinary words.\nconst COMPANY_SUFFIXES=new Set([\"Oyj\",\"OYJ\",\"Oy\",\"OY\",\"Plc\",\"PLC\",\"plc\",\"Abp\",\"ABP\",\"AB\",\"Ab\",\"ASA\",\"A/S\",\"AS\",\"Inc\",\"Inc.\",\"Ltd\",\"Ltd.\",\"Corp\",\"Corp.\",\"Corporation\",\"LLC\",\"GmbH\",\"SA\",\"SE\",\"NV\"]);function stripCompanySuffix(name){const parts=name.trim().split(/\\s+/);while(parts.length>1&&COMPANY_SUFFIXES.has(parts[parts.length-1]))parts.pop();return parts.join(\" \");}// Date matching — \"August 17, 2026\", \"May 2025\", \"January–June 2026\",\n// \"17 August 2026\". Bare years (\"since 2024\") are deliberately not matched\n// to avoid highlighting every four-digit number.\nconst MONTHS=\"(?:January|February|March|April|May|June|July|August|September|October|November|December)\";const DATE_RE=new RegExp(\"\\\\b(?:\"+MONTHS+\"(?:\\\\s*[–—-]\\\\s*\"+MONTHS+\")?\"+\"(?:\\\\s+\\\\d{1,2}(?:st|nd|rd|th)?)?\"+\",?\\\\s+\\\\d{4}\"+\"|\\\\d{1,2}(?:st|nd|rd|th)?\\\\s+\"+MONTHS+\",?\\\\s+\\\\d{4}\"+// month period without a year: \"April-June\"\n\"|\"+MONTHS+\"\\\\s*[–—-]\\\\s*\"+MONTHS+\")\\\\b\",\"g\");// Metric matching — money amounts with a currency marker (\"EUR 71.3 million\",\n// \"EUR 115,000\", \"€2.3bn\") and percentages (\"21.1%\", \"-2.4%\"). Plain numbers\n// without a currency or % are deliberately not matched.\nconst MONEY_RE=/(?:EUR|USD|GBP|SEK|NOK|DKK|CHF|€|\\$|£)\\s?-?\\d+(?:[ ,]\\d{3})*(?:\\.\\d+)?(?:\\s?(?:million|billion|thousand|mn|bn|m|k))?\\b/gi;const PERCENT_RE=/-?\\d+(?:[ ,]\\d{3})*(?:\\.\\d+)?\\s?%/g;// Trend heuristic: an explicit minus wins; otherwise the nearest directional\n// cue *before* the number within the same sentence decides. Deliberately\n// simple — \"plain\" metrics mode skips it entirely.\nconst POS_CUES=/\\b(grew|grow(?:s|th|ing)?|increase[sd]?|increasing|rose|rise(?:s|n)?|up|improv\\w*|gain(?:ed|s)?|strengthen(?:ed|ing)?|higher|doubled|tripled|exceed(?:ed|ing)?|positive)\\b/gi;const NEG_CUES=/\\b(fell|fall(?:s|en|ing)?|decline[sd]?|declining|decrease[sd]?|decreasing|drop(?:ped|ping|s)?|down|negative|weaken(?:ed|ing)?|lower(?:ed|ing)?|loss|losses|below|worse|worsen(?:ed|ing)?)\\b/gi;// Keyword list parsing — one term per line or comma-separated. Order in the\n// list IS the match priority.\nfunction parseKeywords(list){return(list||\"\").split(/[\\n,]/).map(t=>t.trim()).filter(Boolean);}// Values introduced as a comparison baseline (\"… to EUR 6.0 million from\n// EUR 7.5 million\", \"up from 2.6%\", \"compared to EUR 21.4 million\") describe\n// the prior period, not the change — they carry no direction of their own.\nfunction isBaseline(text,start){const before=text.slice(Math.max(0,start-40),start).trimEnd();if(/(^|[\\s(])from$/i.test(before))return true;// \"from a loss of EUR 0.5M\", \"from the level of …\"\nif(RegExp(\"(^|[\\\\s(])from(?:\\\\s+[\\\\p{L}]+){1,3}\\\\s+of$\",\"iu\").test(before))return true;if(/compared\\s+(to|with)$/i.test(before))return true;if(/(^|[\\s(])(versus|vs\\.?|against)$/i.test(before))return true;// chained apposition of a baseline: \"from EUR 1.6 million or 7.3%\"\nif(/(^|[\\s(])or$/i.test(before)&&/\\bfrom\\b/i.test(before))return true;return false;}function detectTrend(text,start,matched){if(/-\\s?\\d/.test(matched))return\"down\";if(isBaseline(text,start))return\"flat\";let ctx=text.slice(Math.max(0,start-90),start);const cut=Math.max(ctx.lastIndexOf(\". \"),ctx.lastIndexOf(\"; \"),ctx.lastIndexOf(\"\\n\"));if(cut>=0)ctx=ctx.slice(cut+1);// \"a loss of X\" / \"a gain of X\" describe the value's sign, not a change\n// of direction — drop them so they can't masquerade as cues\nctx=ctx.replace(/\\b(?:(?:a|an|the)\\s+)?(?:loss|profit|gain|deficit)\\s+of\\b/gi,\" \");let posIdx=-1;let negIdx=-1;let m;POS_CUES.lastIndex=0;while((m=POS_CUES.exec(ctx))!==null)posIdx=m.index;NEG_CUES.lastIndex=0;while((m=NEG_CUES.exec(ctx))!==null)negIdx=m.index;if(posIdx<0&&negIdx<0)return\"flat\";return posIdx>negIdx?\"up\":\"down\";}function buildHighlightTokens(leaders,companies){const tokens=[];// people: full name + unambiguous surname\nconst surnameCount=new Map;for(const p of leaders){const parts=(p?.fullName||\"\").trim().split(/\\s+/);if(parts.length>1){const last=parts[parts.length-1];if(last.length>=3)surnameCount.set(last,(surnameCount.get(last)||0)+1);}}for(const p of leaders){const name=(p?.fullName||\"\").trim();if(!name||!p?.profileLink&&!p?.profileFollowLink)continue;tokens.push({token:name,entity:p,kind:\"person\"});const parts=name.split(/\\s+/);if(parts.length>1){const last=parts[parts.length-1];if(last.length>=3&&surnameCount.get(last)===1)tokens.push({token:last,entity:p,kind:\"person\"});}}// companies: registered name + suffix-stripped base + unambiguous,\n// distinctive first word (\"Nordea\" for \"Nordea Bank Abp\")\nconst firstWordCount=new Map;for(const c of companies){const first=stripCompanySuffix(c?.fullName||\"\").split(/\\s+/)[0];if(first&&first.length>=4)firstWordCount.set(first,(firstWordCount.get(first)||0)+1);}for(const c of companies){const name=(c?.fullName||\"\").trim();if(!name||!c?.profileLink&&!c?.profileFollowLink)continue;const pushed=new Set;const push=t=>{if(t&&!pushed.has(t)){pushed.add(t);tokens.push({token:t,entity:c,kind:\"company\"});}};push(name);const base=stripCompanySuffix(name);push(base);const first=base.split(/\\s+/)[0];if(first.length>=4&&firstWordCount.get(first)===1)push(first);}// longest first so full names win over surnames and first words\ntokens.sort((a,b)=>b.token.length-a.token.length);return tokens;}function segmentSummary(text,leaders,companies,dates,metrics,keywords,scope){if(!text||!leaders?.length&&!companies?.length&&!dates&&metrics===\"off\"&&!keywords.length)return[text||\"\"];const tokens=buildHighlightTokens(leaders||[],companies||[]);if(!tokens.length&&!dates&&metrics===\"off\"&&!keywords.length)return[text];const taken=new Array(text.length).fill(false);const matches=[];for(const{token,entity,kind}of tokens){let i=0;while((i=text.indexOf(token,i))!==-1){let end=i+token.length;// company matches absorb a directly-following legal-form word,\n// so \"Mandatum plc\" chips as one even though the feed name is\n// \"Mandatum Oyj\"\nif(kind===\"company\"&&text[end]===\" \"){let j=end+1;let w=\"\";while(ja.start-b.start);const seen=new Set;const kept=[];for(const m of matches){if(m.kind===\"date\"||m.kind===\"metric\"||m.kind===\"keyword\"){// informational chips: every occurrence is highlighted — a date\n// or figure is useful wherever it appears. Scope and dedup only\n// apply to people and companies.\nkept.push({...m,quiet:false});continue;}const key=`${m.kind}:${m.entity.id||m.entity.fullName}`;const first=!seen.has(key);if(first)seen.add(key);if(scope===\"all\")kept.push({...m,quiet:false});else if(scope===\"first\"){if(first)kept.push({...m,quiet:false});}else kept.push({...m,quiet:!first})// smart\n;}const segs=[];let pos=0;for(const m of kept){if(m.start>pos)segs.push(text.slice(pos,m.start));const next=text[m.end]||\"\";segs.push({text:text.slice(m.start,m.end),entity:m.entity,kind:m.kind,quiet:m.quiet,trend:m.trend,// chips followed directly by punctuation get pulled tight so the\n// padding doesn't read as a space before the comma\ntightRight:!m.quiet&&m.kind!==\"keyword\"&&/[,.;:!?)'\\u2019\\u201d\"]/.test(next)});pos=m.end;}if(pos0||!!company);// Linked hover: hovering an in-text mention cross-highlights the matching\n// follow chip below, and vice versa (also on keyboard focus).\nconst[hoverEid,setHoverEid]=useState(null);const eid=e=>e?.id||e?.fullName;// In-text mentions open the profile; follow chips and the company pill\n// use the follow deep link, falling back to profileLink for older feeds.\nconst entityLink=e=>e?.profileLink||e?.profileFollowLink;const followLink=e=>e?.profileFollowLink||e?.profileLink;const linkedCls=e=>linkedHover&&hoverEid!=null&&hoverEid===eid(e)?\" linked\":\"\";const linkHandlers=e=>linkedHover?{onMouseEnter:()=>setHoverEid(eid(e)),onMouseLeave:()=>setHoverEid(null),onFocus:()=>setHoverEid(eid(e)),onBlur:()=>setHoverEid(null)}:{};// Body segments: plain text interleaved with linked highlight chips for\n// leaders, related companies, dates and financial metrics.\nconst segments=useMemo(()=>{return highlightLeaders||highlightCompanies||highlightDates||highlightMetrics!==\"off\"||keywords.length>0?segmentSummary(item.summary||\"\",highlightLeaders?leaders:[],highlightCompanies?item.relatedCompanies??EMPTY_LIST:[],highlightDates,highlightMetrics,keywords,highlightScope):[item.summary||\"\"];},[item.summary,item.relatedCompanies,leaders,highlightLeaders,highlightCompanies,highlightDates,highlightMetrics,keywords,highlightScope]);// Headline metrics (optional): money & percentages only — entities,\n// dates and keywords stay out of the title. Uses the Metric Highlights\n// style, falling back to neutral chips when that is Off.\nconst titleSegments=useMemo(()=>{return highlightTitleMetrics?segmentSummary(item.title||\"\",[],[],false,highlightMetrics===\"off\"?\"plain\":highlightMetrics,[],highlightScope):[item.title||\"\"];},[item.title,highlightTitleMetrics,highlightMetrics,highlightScope]);const titleNodes=titleSegments.map((seg,i)=>typeof seg===\"string\"?/*#__PURE__*/_jsx(\"span\",{children:seg},i):/*#__PURE__*/_jsxs(\"span\",{className:`lead-hl metric${seg.trend===\"up\"?\" up\":seg.trend===\"down\"?\" down\":\"\"}${seg.tightRight?\" tight-r\":\"\"}`,children:[seg.trend===\"up\"&&/*#__PURE__*/_jsx(\"svg\",{className:\"tr\",viewBox:\"0 0 10 10\",fill:\"currentColor\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 1.5l4.2 7H0.8z\"})}),seg.trend===\"down\"&&/*#__PURE__*/_jsx(\"svg\",{className:\"tr\",viewBox:\"0 0 10 10\",fill:\"currentColor\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 8.5L0.8 1.5h8.4z\"})}),seg.text]},i));// The header is the row's hit target (a div with button semantics so the\n// open card's title can be a real — anchors can't nest in a