.radar-wrap{margin:1rem 0}
svg.radar{display:block;width:100%;max-width:40rem;height:auto;margin:0 auto}
svg.radar .cell{fill:#fff;stroke:var(--line);stroke-width:1}
svg.radar .cell.on{stroke:var(--accent);stroke-width:2}
svg.radar .hub{fill:#fff;stroke:var(--line);stroke-width:1}
svg.radar text{font:400 12px/1.2 -apple-system,"Noto Sans KR","Segoe UI",sans-serif;fill:var(--muted)}
svg.radar .cell-count{font-size:11px;text-anchor:start}
svg.radar .sector-label{font-size:13px;fill:var(--fg);text-anchor:middle}
svg.radar .ring-label{font-size:11px;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px}
svg.radar .hub-label{font-size:11px;text-anchor:middle}
svg.radar .hub-total{font-size:22px;fill:var(--fg);text-anchor:middle}
svg.radar a.dot circle{fill:var(--accent);stroke:#fff;stroke-width:1.5}
svg.radar a.dot:hover circle,svg.radar a.dot:focus circle{r:8;stroke:var(--fg)}
table.radar-matrix{border-collapse:collapse;width:100%;font-size:.9rem;margin:1rem 0}
table.radar-matrix caption{text-align:left;color:var(--muted);font-size:.85rem;padding-bottom:.35rem}
table.radar-matrix th,table.radar-matrix td{border:1px solid var(--line);padding:.3rem .5rem;text-align:right}
table.radar-matrix th[scope="row"]{text-align:left;font-weight:400}
table.radar-matrix tr.grand td,table.radar-matrix .row-total{font-weight:700}
.radar-readout ul.objects li{padding:.35rem 0;border-bottom:1px solid var(--line)}