.feature-radar-section {
  border-top: 1px solid var(--ink, #1b2529);
  border-bottom: 1px solid var(--line, #c8ced0);
  padding: 22px 0 24px;
  margin: 0;
}
.feature-radar-heading { display: grid; grid-template-columns: 150px 1fr; column-gap: 22px; align-items: baseline; margin-bottom: 12px; }
.feature-radar-heading > span { color: var(--muted, #6d7779); font-size: 13px; }
.feature-radar-heading h2 { margin: 0; font-size: 22px; line-height: 1.3; font-weight: 700; }
.feature-radar-heading p { grid-column: 2; margin: 5px 0 0; color: var(--muted, #6d7779); font-size: 14px; line-height: 1.5; }
.feature-radar-layout { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 28px; align-items: center; }
.feature-radar-chart { display: flex; justify-content: center; min-height: 280px; }
.feature-radar-svg { width: min(100%, 320px); height: auto; overflow: visible; }
.feature-radar-ring { fill: none; stroke: #d7dcdd; stroke-width: 1; }
.feature-radar-spoke { stroke: #c6cdcf; stroke-width: 1; }
.feature-radar-label { fill: var(--ink, #1b2529); font-size: 12px; font-weight: 700; }
.feature-radar-label.is-missing { fill: #9aa3a5; }
.feature-radar-data { fill: rgba(183, 67, 43, .13); stroke: #b7432b; stroke-width: 2; }
.feature-radar-data-line { stroke: #b7432b; stroke-width: 2; }
.feature-radar-dot { fill: #b7432b; stroke: #fff; stroke-width: 1.5; }
.feature-radar-dot-missing { fill: #fff; stroke: #9aa3a5; stroke-width: 1.5; stroke-dasharray: 1.5 1.5; }
.feature-radar-data-partial { fill: rgba(183, 67, 43, .07); }
.feature-radar-axis-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; }
.feature-radar-axis { border-top: 1px solid var(--line, #c8ced0); padding: 10px 0 9px; min-height: 74px; }
.feature-radar-axis:nth-child(-n+2) { border-top: 0; }
.feature-radar-axis > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.feature-radar-axis strong { font-size: 15px; }
.feature-radar-axis b { color: #b7432b; font-size: 20px; font-variant-numeric: tabular-nums; }
.feature-radar-axis small { display: block; margin-top: 2px; color: var(--muted, #6d7779); font-size: 13px; line-height: 1.4; }
.feature-radar-axis em { display: block; margin-top: 3px; color: var(--ink, #1b2529); font-size: 12px; font-style: normal; }
.feature-radar-axis.is-missing b, .feature-radar-axis.is-missing em { color: #9aa3a5; }
.feature-radar-note, .feature-radar-unavailable-copy { margin: 15px 0 0; color: var(--muted, #6d7779); font-size: 13px; line-height: 1.55; }
.feature-radar-unavailable .feature-radar-axis-list { margin-top: 15px; max-width: 760px; }
.feature-radar-unavailable .feature-radar-axis:nth-child(-n+2) { border-top: 1px solid var(--line, #c8ced0); }
@media (max-width: 700px) {
  .feature-radar-section { padding: 18px 0 20px; }
  .feature-radar-heading { grid-template-columns: 1fr; row-gap: 4px; }
  .feature-radar-heading p { grid-column: 1; }
  .feature-radar-layout { grid-template-columns: 1fr; gap: 12px; }
  .feature-radar-chart { min-height: 250px; }
  .feature-radar-svg { width: min(100%, 300px); }
  .feature-radar-axis-list { grid-template-columns: 1fr 1fr; column-gap: 14px; }
  .feature-radar-axis:nth-child(-n+2) { border-top: 0; }
  .feature-radar-axis strong { font-size: 14px; }
  .feature-radar-axis b { font-size: 18px; }
}
@media (max-width: 390px) {
  .feature-radar-axis-list { grid-template-columns: 1fr; }
  .feature-radar-axis:nth-child(2) { border-top: 1px solid var(--line, #c8ced0); }
}