/* Concept spider chart (widgets/radar/radar.js) */
.rd { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 6px 20px; padding: 14px 24px 14px 8px; }
.rd__chart { display: grid; place-items: center; min-height: 0; }
.rd__chart svg { width: 100%; height: 100%; overflow: visible; }
.rd__ring, .rd__spoke { fill: none; stroke: color-mix(in srgb, var(--ink) 20%, transparent); }
.rd__axis { font: 600 12px var(--font); letter-spacing: .05em; fill: var(--ink-2); cursor: default; outline: none; }
.rd__axis:hover, .rd__axis:focus-visible { fill: var(--ink); }
.rd__axis.is-weak { fill: var(--a-coral); }
.rd__shape { fill: var(--c); fill-opacity: .16; stroke: var(--c); stroke-width: 1.5; opacity: 0; transition: opacity .4s ease; }
.rd--all .rd__shape { opacity: 1; }
.rd__live { fill: var(--c, var(--a-teal)); fill-opacity: .42; stroke: var(--c, var(--a-teal)); stroke-width: 2; stroke-linejoin: round; transition: opacity .3s ease; }
.rd--all .rd__live { opacity: 0; }
.rd__side { align-self: center; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rd__chips { display: flex; flex-wrap: wrap; gap: 5px; }
.rd__chips i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.rd__score { display: flex; align-items: baseline; gap: 8px; }
.rd__score b { font-size: clamp(28px, 11cqh, 44px); font-weight: 600; letter-spacing: -.03em; line-height: 1; }
.rd__score span { font-size: 13px; color: var(--muted); }
.rd__note { margin: 0; color: var(--ink-2); max-width: 42ch; }
.rd__weak { margin: 0; padding-left: 10px; font-size: 12px; color: var(--muted); box-shadow: inset 2px 0 0 var(--a-coral); }
/* Narrow frames (≤ 640px; class set by widgets/aha-kit/kit.js). */
.rd.aha--w640 { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto; gap: 18px; padding: 18px 22px 14px; }
.aha--w640 .rd__axis { font-size: 15px; }
.is-vertical .rd { grid-template-rows: auto auto; }
.is-vertical .rd__chart svg { height: auto; }