/* Findings at a glance (widgets/insights/insights.js); tones from the team's findings map. */
.in { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 10px 24px; padding: 14px 26px 14px 14px; }
.in__svg { width: 100%; height: 100%; min-height: 0; overflow: visible; }
.in__link line { stroke: #8fd3e8; stroke-width: 3; transition: stroke .3s ease; }
.in__link text { font: 600 11px var(--font); letter-spacing: .08em; fill: var(--ink-2); text-anchor: middle; text-transform: uppercase; }
.in__link.is-on text { fill: var(--ink); }
.in marker path { fill: #8fd3e8; }
.in__link.is-on line { stroke: var(--ink); }
.in__n { cursor: pointer; outline: none; }
.in__n circle { fill: #f7931e; transition: transform .35s cubic-bezier(.3,.8,.3,1.4), fill .3s ease; }
.in__n--hot circle { fill: #f15a24; } .in__n--soft circle { fill: #fbb867; } .in__n--blue circle { fill: #8fd3e8; }
.in__n .aha-i { color: #fff; stroke-width: 1.6; }
.in__n--blue .aha-i { color: #14414c; }
.in__n:hover circle, .in__n:focus-visible circle { transform: scale(1.05); }
.in__n.is-on circle { fill: var(--ink); transform: scale(1.06); }
.in__n.is-on .aha-i { color: var(--bg); }
.in__side { align-self: center; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.in__side h3 { margin: 0; font-size: clamp(17px, 5.6cqh, 24px); line-height: 1.12; font-weight: 700; letter-spacing: -.015em; }
.in__stmt { margin: 0; color: var(--ink-2); }
.in__hmw { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.in__hmw li { padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, #46b3e6 18%, transparent); font-size: 12.5px; line-height: 1.35; }
.in__hmw b { font-weight: 600; }
/* Narrow frames (≤ 640px; class set by widgets/aha-kit/kit.js). */
.in.aha--w640 { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto; padding: 12px 14px; }
.is-vertical .in { grid-template-rows: auto auto; }
.is-vertical .in__svg { height: auto; }