/* Bygg portfölj (/bygg), October 2, 2026: Metod shell (landing/research.html + research-lab.css); this file styles
   only <main class="cn-by">. Approved mockup: artifacts/bygg-redesign-2026-10-01 (variant B, Steg för steg).
   Neutral white and grey; Värde purple only for the H1 emphasis. Factor colours only inside the Faktorprofil polygon. */
.cn-by{--page:#050d16; --line:#1a2c40; --line-2:#2b465d;
  --head:#eef3f7; --body:#b5c0c3; --muted:#8ea3b2; --label:#7f929e;
  --em:#9e7bb2; --acc:#dfe7ed; --acc-soft:rgba(238,243,247,.035);
  --action:#4b91b8; --surface:rgba(22,44,66,.32);
  color-scheme:dark;}
.cn-by .wrap{width:min(1200px,calc(100% - 32px));margin:0 auto}
.cn-by .eyebrow{margin:0;font:500 11px "Spline Sans Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cn-by .tag{font:400 11px "Spline Sans Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--label)}
.cn-by h1,.cn-by h2,.cn-by h3,.cn-by h4{font-family:"Funnel Display",sans-serif;font-weight:400;color:var(--head)}
.cn-by h1 em{font-style:normal;color:var(--em)}
.cn-by svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cn-by .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* hero: copy left, the Nordic universe as dots on the right; no grid, no glow */
.cn-by .hero{position:relative;isolation:isolate;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);height:calc(100svh - 82px);min-height:640px;max-height:980px;display:flex;flex-direction:column}
.cn-by .fx{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;opacity:0;transition:opacity 1s ease}
.cn-by .fx.on{opacity:1}
.cn-by .hero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;z-index:0;pointer-events:none;background:linear-gradient(rgba(5,13,22,0),var(--page))}
.cn-by .hero-shade{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,22,.7) 0,rgba(5,13,22,.35) 32%,rgba(5,13,22,0) 54%)}
.cn-by .hero-body{position:relative;z-index:2;flex:1;display:flex;align-items:center;pointer-events:none}
.cn-by .hero-copy{max-width:720px;padding:0 0 40px;pointer-events:auto}
.cn-by .hero h1{margin:16px 0 18px;font-size:clamp(44px,5.3vw,76px);line-height:1.02;letter-spacing:-.035em}
.cn-by .lede{max-width:545px;margin:0 0 30px;font-size:16px;line-height:1.6;color:var(--body)}
.cn-by .actions{display:flex;gap:12px;flex-wrap:wrap}
.cn-by .cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font:600 14px "Funnel Sans",sans-serif;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s}
.cn-by .cta.primary{background:var(--action);color:#04121c}
.cn-by .cta.primary:hover{background:#5ba0c6}
.cn-by .cta.secondary{border:1px solid var(--line-2);color:#e0e8ef}
.cn-by .cta.secondary:hover{border-color:var(--action)}
.cn-by .cta:focus-visible,.cn-by .tlink:focus-visible,.cn-by .plist button:focus-visible,.cn-by summary:focus-visible,.cn-by .libgrid button:focus-visible{outline:2px solid var(--action);outline-offset:3px}
.cn-by .star{position:absolute;left:0;top:0;z-index:2;pointer-events:none;font:500 12.5px "Funnel Sans",sans-serif;color:#eef3f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;will-change:transform}
.cn-by .cap{position:absolute;right:max(16px,calc((100% - 1200px)/2));bottom:28px;z-index:2;margin:0;max-width:calc(100% - 32px);font:400 11px "Spline Sans Mono",monospace;letter-spacing:.06em;color:rgba(214,226,236,.45);pointer-events:none;transition:opacity .6s;text-align:right}
.cn-by .cap.swap{opacity:0}

/* steps: copy left, panel right (Bolagsanalys rhythm) */
.cn-by section{scroll-margin-top:60px}
.cn-by .blk{padding:clamp(56px,7vw,88px) 0;border-top:1px dashed var(--line)}
.cn-by .step{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:center}
.cn-by .copy h2{margin:12px 0 0;font-size:clamp(26px,2.8vw,36px);line-height:1.1;letter-spacing:-.025em}
.cn-by .copy>p{margin:16px 0 0;max-width:440px;color:var(--muted)}
.cn-by .tlink{font:500 13px "Funnel Sans",sans-serif;color:var(--head);text-decoration:none;text-underline-offset:4px;text-decoration-color:rgba(238,243,247,.35)}
.cn-by .tlink:hover{text-decoration-line:underline}
.cn-by .panel{margin:0;border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cn-by .panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 4px}
.cn-by .panel>figcaption,.cn-by .panel>.foot{margin-top:auto;padding:14px 20px 16px;font:400 11px "Spline Sans Mono",monospace;color:var(--label);border-top:1px dashed var(--line)}
.cn-by .panel>.foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}

/* Välj: a vertical list of Blueprints, "Alla Blueprints" below */
.cn-by .plist{display:grid;margin:24px 0 0;border-top:1px solid var(--line-2)}
.cn-by .plist button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:11px 0 11px 14px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 var(--acc);transition:box-shadow .3s,background .3s}
.cn-by .plist button strong{font:400 16px "Funnel Sans",sans-serif;color:var(--muted)}
.cn-by .plist button small{font:400 11px "Spline Sans Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--label);text-align:right}
.cn-by .plist button[aria-pressed="true"]{box-shadow:inset 2px 0 0 var(--acc);background:var(--acc-soft)}
.cn-by .plist button[aria-pressed="true"] strong,.cn-by .plist button:hover strong{color:var(--head)}
.cn-by .lib{border-bottom:1px solid var(--line)}
.cn-by .lib>summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 0;list-style:none;cursor:pointer;font:500 15px "Funnel Sans",sans-serif;color:var(--head)}
.cn-by .lib>summary::-webkit-details-marker{display:none}
.cn-by .lib>summary::after{content:"+";font:300 18px/1 "Funnel Sans",sans-serif;color:var(--muted)}
.cn-by .lib[open]>summary::after{content:"–"}
.cn-by .libgrid{display:grid;gap:8px;padding:6px 0 18px}
.cn-by .libgrid h3{margin:10px 0 6px;font:500 11px "Spline Sans Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--label)}
.cn-by .libgrid button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:9px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:var(--body)}
.cn-by .libgrid button strong{font:400 15px "Funnel Sans",sans-serif;color:var(--head)}
.cn-by .libgrid button small{font-size:12px;color:var(--label);text-align:right}
.cn-by .libgrid button[aria-pressed="true"]{box-shadow:inset 2px 0 0 var(--acc)}
.cn-by .libgrid button[aria-pressed="true"] strong{padding-left:10px}
.cn-by .bp-top{padding:6px 20px 14px;border-bottom:1px solid var(--line)}
.cn-by .bp-top h3{margin:6px 0 0;font-size:24px;line-height:1.15;letter-spacing:-.015em}
.cn-by .bp-top p{margin:4px 0 0;font-size:14px;color:var(--muted)}

/* Tyngdpunkt: relative words; unweighted factors stay grey */
.cn-by .emph{display:grid;gap:14px;padding:12px 20px 18px}
.cn-by .emph>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:6px 10px;align-items:center}
.cn-by .emph svg.i{width:16px;height:16px;color:var(--muted)}
.cn-by .emph span{font-size:14px;color:var(--head)}
.cn-by .emph strong{font:400 11px "Spline Sans Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cn-by .emph .off span,.cn-by .emph .off svg.i{color:var(--label)}
.cn-by .emph .bar{grid-column:2/-1}
.cn-by .bar{--v:0%;position:relative;display:block;height:3px;border-radius:2px;background:rgba(238,243,247,.1);overflow:hidden}
.cn-by .bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:inherit;background:rgba(238,243,247,.78);transition:width .9s cubic-bezier(.2,.7,.2,1)}
.cn-by .fl-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--body)}
.cn-by .fl-row .eyebrow{font-size:11px}
.cn-by .fl-row .tlink{font-size:13px}
.cn-by .floors{display:flex;flex-wrap:wrap;gap:6px 8px}
.cn-by .floors span{padding:3px 9px;border:1px solid var(--line-2);border-radius:999px;font:400 11px "Spline Sans Mono",monospace;color:rgba(238,243,247,.8);white-space:nowrap}
.cn-by .floors span.plain{padding:0;border:0;font:400 13px "Funnel Sans",sans-serif;white-space:normal;color:var(--muted)}

/* Avgränsa: a label and chips per group; examples, not controls */
.cn-by .lim-groups>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 16px;align-items:center;padding:16px 20px;border-top:1px solid var(--line)}
.cn-by .lim-groups>div:first-child{border-top:0}
.cn-by .lim-groups p:not(.eyebrow){margin:0 0 10px;font-size:13px;color:var(--muted)}
.cn-by .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.cn-by .chips li{padding:4px 11px;border:1px solid var(--line-2);border-radius:999px;font:500 12px "Funnel Sans",sans-serif;color:rgba(238,243,247,.82)}

/* Modellportföljen: one line per holding — flag, name, weight, then the factors behind the selection */
.cn-by .stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line-2)}
.cn-by .stats div{display:flex;align-items:baseline;gap:10px}
.cn-by .stats strong{font:300 26px/1 "Funnel Display",sans-serif;letter-spacing:-.02em;color:var(--head)}
.cn-by .stats span{font-size:13px;color:var(--muted)}
.cn-by .hold{margin:4px 0 0;padding:0;list-style:none}
.cn-by .hold li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}
.cn-by .hold li:first-child{border-top:0}
.cn-by .cid{display:flex;align-items:center;gap:12px;min-width:0}
.cn-by .flag{position:relative;display:block;flex:0 0 22px;width:22px;height:15px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cn-by .flag[data-c="SE"]{background:linear-gradient(90deg,transparent 0 29%,#e8be4d 29% 41%,transparent 41%),linear-gradient(transparent 0 43%,#e8be4d 43% 57%,transparent 57%),#1d628f}
.cn-by .flag[data-c="DK"]{background:linear-gradient(90deg,transparent 0 30%,#f1f0e8 30% 40%,transparent 40%),linear-gradient(transparent 0 42%,#f1f0e8 42% 58%,transparent 58%),#b9474e}
.cn-by .flag[data-c="FI"]{background:linear-gradient(90deg,transparent 0 29%,#286092 29% 41%,transparent 41%),linear-gradient(transparent 0 42%,#286092 42% 58%,transparent 58%),#eff2ee}
.cn-by .flag[data-c="NO"]{background:linear-gradient(90deg,transparent 0 32%,#244f82 32% 39%,transparent 39%),linear-gradient(transparent 0 45%,#244f82 45% 55%,transparent 55%),linear-gradient(90deg,transparent 0 28%,#f2f0e9 28% 43%,transparent 43%),linear-gradient(transparent 0 38%,#f2f0e9 38% 62%,transparent 62%),#b6434b}
.cn-by .flag[data-c="IS"]{background:linear-gradient(90deg,transparent 0 30%,#d8343c 30% 40%,transparent 40%),linear-gradient(transparent 0 42%,#d8343c 42% 58%,transparent 58%),linear-gradient(90deg,transparent 0 26%,#f2f0e9 26% 44%,transparent 44%),linear-gradient(transparent 0 36%,#f2f0e9 36% 64%,transparent 64%),#1f4f95}
.cn-by .co{display:grid;gap:2px;min-width:0}
.cn-by .co strong{font:500 15px "Funnel Sans",sans-serif;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-by .co small{font:400 11px "Spline Sans Mono",monospace;letter-spacing:.08em;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-by .w{font:400 17px "Spline Sans Mono",monospace;color:var(--head);white-space:nowrap}
.cn-by .w small{font-size:11px;color:var(--label);margin-left:2px}
.cn-by .why{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 16px;padding:0 0 0 34px;font:400 11px "Spline Sans Mono",monospace;color:var(--muted)}
.cn-by .why b{font-weight:500;color:var(--head)}

/* Profilmatchning: the platform's own Faktorprofil polygon. Copied from the live tool: SVG structure and geometry of
   app/builder-profile-workbench.js (BuilderProfileWorkbench, the Builder's "Portföljprofil", also the Bolagsanalys
   company profile) and its CSS in app/minimal-preview.css (.builder-view .bwp-*) with the app's tokens. */
.cn-by .fitrow{display:flex;align-items:baseline;gap:12px;margin-top:26px}
.cn-by .fitrow strong{font:300 64px/1 "Funnel Display",sans-serif;letter-spacing:-.04em;color:var(--head)}
.cn-by .fitrow strong small{font-size:20px;color:var(--muted);margin-left:4px}
.cn-by .fitrow span{font-size:14px;color:var(--muted)}
.cn-by .bwp-chart{--bwp-line:#1b3040;--bwp-line-strong:#355064;--bwp-muted:#a4b3bd;--bwp-navy:#0a1723;
  --profit:#68aa83;--quality:#55a7a0;--growth:#6d9fd0;--momentum:#d3a24d;--value:#9e7bb2;--size:#8fa1ac;position:relative;width:100%;max-width:470px;margin:0 auto;padding:6px 20px 4px;min-width:0}
.cn-by .bwp-profile-svg{display:block;width:100%;height:auto;max-height:430px;overflow:visible}
.cn-by .bwp-grid{fill:none;stroke:var(--bwp-line-strong);stroke-width:1}
.cn-by .bwp-axis{stroke:var(--bwp-line);stroke-width:1}
.cn-by .bwp-actual{fill-opacity:.2;stroke-width:2.3;stroke-linejoin:round}
.cn-by .bwp-reference{fill:none;stroke:var(--bwp-muted);stroke-width:1.3;stroke-dasharray:5 5;opacity:.7}
.cn-by .bwp-axis-icon svg{width:24px;height:24px;fill:none;stroke:var(--factor);stroke-width:1.5;color:var(--factor)}
.cn-by .bwp-axis-icon>svg{overflow:visible}
.cn-by .bwp-axis-value{font:500 14px/1 "Funnel Sans",sans-serif;fill:var(--factor);font-variant-numeric:tabular-nums}
.cn-by .bwp-interactive-axis{outline:none}
.cn-by .bwp-point-hit,.cn-by .bwp-label-hit{fill:transparent;stroke:none;cursor:crosshair}
.cn-by .bwp-point{fill:var(--factor);stroke:var(--bwp-navy);stroke-width:1;pointer-events:none;transition:r 180ms ease,opacity 180ms ease;opacity:.8}
.cn-by .bwp-median-point{fill:var(--bwp-navy);stroke:#a6b4bf;stroke-width:1.2;opacity:0;pointer-events:none;transition:opacity 180ms ease}
.cn-by .bwp-median-link{stroke:var(--factor);stroke-width:1.3;stroke-dasharray:3 4;opacity:0;pointer-events:none;transition:opacity 180ms ease}
.cn-by .bwp-interactive-axis.is-highlighted .bwp-median-link{opacity:.8;animation:cn-by-bwp-reveal 650ms cubic-bezier(.2,.7,.2,1) both}
.cn-by .bwp-interactive-axis.is-highlighted .bwp-median-point{opacity:.9}
.cn-by .bwp-interactive-axis.is-highlighted .bwp-point{r:3.4;opacity:1}
.cn-by .bwp-interactive-axis:focus-visible .bwp-label-hit{stroke:var(--factor);stroke-width:1;fill:color-mix(in srgb,var(--factor) 5%,transparent)}
@keyframes cn-by-bwp-reveal{from{stroke-dashoffset:7}to{stroke-dashoffset:0}}
.cn-by .bwp-foot{display:flex;justify-content:space-between;align-items:center;gap:6px 16px;flex-wrap:wrap}
.cn-by .bwp-foot>span:first-child{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.cn-by .bwp-key{display:inline-block;width:16px;border-top:1px dashed #a6b4bf}

/* closing */
.cn-by .closing{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:clamp(64px,8vw,96px) 0;border-top:1px dashed var(--line)}
.cn-by .closing h2{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.1;letter-spacing:-.02em}

/* reveal */
.cn-by .rv{opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.cn-by .rv.in{opacity:1;transform:none}

@media (max-width:980px){
  .cn-by .hero{height:auto;min-height:calc(100svh - 82px);max-height:none}
  .cn-by .hero-shade{background:linear-gradient(180deg,rgba(5,13,22,.6) 0,rgba(5,13,22,.25) 45%,rgba(5,13,22,0) 60%)}
  .cn-by .hero-body{align-items:flex-start}
  .cn-by .hero-copy{padding:40px 0 min(84vw,440px)}
  .cn-by .cap{left:16px;right:16px;bottom:16px;font-size:11px;line-height:1.5;letter-spacing:.04em;text-align:left}
  .cn-by .step{grid-template-columns:1fr;gap:28px}
}
@media (max-width:640px){
  .cn-by .fl-row,.cn-by .lim-groups>div{grid-template-columns:1fr;gap:8px}
  .cn-by .why{padding-left:0}
  .cn-by .stats{gap:12px 22px}
}
@media (prefers-reduced-motion:reduce){
  .cn-by .rv{opacity:1;transform:none;transition:none}
  .cn-by .bar::after{transition:none}
  .cn-by .bwp-interactive-axis.is-highlighted .bwp-median-link{animation:none}
}

/* The hero runs up behind the menu (October 3, 2026), so the dots are not cut where the menu ends.
   bygg.js keeps the scene where it was. */
.cn-by .hero{margin-top:calc(-1*var(--site-header-h,82px));padding-top:var(--site-header-h,82px);box-sizing:border-box;height:100svh;min-height:calc(640px + var(--site-header-h,82px));max-height:calc(980px + var(--site-header-h,82px))}
@media (max-width:980px){
  .cn-by .hero{height:auto;min-height:100svh;max-height:none}
  /* Phone order as on the home page: title, the scene, then the intro and buttons. */
  .cn-by .hero-copy{padding:40px 0 64px}
  .cn-by .hero h1{margin-bottom:min(84vw,440px)}
  .cn-by .hero-shade{background:none}
}

/* October 11, 2026 (4188 secondary pages): the four counts sit in two even rows instead of leaving one alone on a
   second line; text links take the shared link colour and underline (LANDING-DESIGN-SYSTEM.md). */
.cn-by .stats{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:12px 32px}
.cn-by .tlink{color:#84c9be;text-decoration:underline;text-decoration-color:rgba(132,201,190,.35);text-underline-offset:6px}
.cn-by .tlink:hover{color:#84c9be;text-decoration-color:#84c9be}
@media (max-width:600px){.cn-by .bwp-axis-value{font-size:16px}}
/* Company logos (4188, October 11, 2026): a 32 px square, the same size as in the Screener, instead of the flag's 22 × 15 box. */
.cn-by .cid .flag.cwp-company-logo[data-company]{flex:0 0 32px;width:32px;height:32px;border-radius:5px;box-shadow:none}
.cn-by .cid .flag.cwp-company-logo[data-company]::before{border-radius:5px}
.cn-by .cid .flag.cwp-company-logo.cwp-logo-wide[data-company]{flex-basis:44px;width:44px}

/* The reason line starts under the company name, also beside a 32 px logo and on phones (owner, October 11, 2026). */
.cn-by li:has(.cwp-company-logo) .why{padding-left:44px}
@media (max-width:760px){.cn-by .why{padding-left:34px}.cn-by li:has(.cwp-company-logo) .why{padding-left:44px}}
.cn-by li:has(.cwp-logo-wide) .why{padding-left:56px}
@media (max-width:760px){.cn-by li:has(.cwp-logo-wide) .why{padding-left:56px}}

/* Seamless panels (October 18, 2026), as on the home page and /bolagsanalys: no tinted platform surface, a white rule
   on top and hairlines between rows, content flush with the column. */
.cn-by{--surface:transparent;--rule:rgba(238,243,247,.18);--hair:rgba(238,243,247,.1)}
.cn-by .panel{border-radius:0;overflow:visible;border-top:1px solid var(--rule);border-bottom:1px solid var(--hair)}
.cn-by .panel>header{padding:14px 0 4px}
.cn-by .panel>figcaption,.cn-by .panel>.foot{padding:14px 0 16px;border-top:1px solid var(--hair)}
.cn-by .hold li{padding:12px 0;border-top-color:var(--hair)}
.cn-by .bp-top{padding:6px 0 14px;border-bottom-color:var(--hair)}
.cn-by .emph{padding:12px 0 18px}
.cn-by .fl-row,.cn-by .lim-groups>div{padding-inline:0;border-top-color:var(--hair)}
.cn-by .bwp-chart{padding-inline:0}
/* Inside the Metod shell <main> already sets the 1200 px column; the sections' own .wrap would inset them a second
   time (16 px more than the hero copy), so they take the full column. The hero keeps its own .wrap (it is 100vw). */
.cn-by .blk>.wrap,.cn-by>.wrap{width:100%}

/* Review fixes (October 18, 2026): logos drawn exactly as in 4176 (app/company-logos.css); a company without a logo
   keeps its flag centred in the same 32 px column, so names and reason lines line up. */
.cn-by .hold .cid>.flag:not(.cwp-company-logo){margin-inline:5px}
.cn-by .hold li .why,.cn-by .hold li:has(.cwp-company-logo) .why{padding-left:44px}

/* Owner, October 18, 2026: no arrows and no underlines on text links (they read as generated). Links are the system
   teal without decoration and turn white on hover. */
.cn-by .tlink,.cn-by .tlink:hover{text-decoration:none}
.cn-by .tlink:hover{color:var(--head)}

/* Review, October 18, 2026: the stats are the portfolio's own (holdings, sectors, markets), not the size of the tool;
   three in one row. The weight's % at the figure's size, quieter. */
.cn-by .stats{grid-template-columns:repeat(3,minmax(0,max-content))}
.cn-by .w small{font-size:inherit;margin-left:1px;color:var(--label)}
/* Copy columns start level with their panel, as on /bolagsanalys (review, October 18, 2026). */
.cn-by .step{align-items:start}
.cn-by .step>.copy{padding-top:14px}