.natal-aspect-legend{margin:16px 0 20px;padding:18px;border:1px solid #ccdcd9;border-radius:16px;background:#f7fbfa}
.natal-aspect-legend h4{margin:0 0 14px;color:#254b56;font-size:16px}
.natal-aspect-legend ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 22px;list-style:none;padding:0;margin:0}
.natal-aspect-legend li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:13px;line-height:1.5;color:#465e68}
.natal-aspect-legend p{font-size:12px;line-height:1.6;color:#506571;margin:14px 0 0}
.natal-aspect-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.natal-aspect-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid;border-radius:999px;font:700 12px/1.5 Arial,sans-serif;white-space:nowrap}
.natal-aspect-symbol{font-family:'Segoe UI Symbol','DejaVu Sans',sans-serif;font-size:16px;line-height:1}
.natal-aspect-opportunity{color:#725018;background:#fff6df;border-color:#ddc48c}
.natal-aspect-flow{color:#245e57;background:#edf7f3;border-color:#aaccc2}
.natal-aspect-tension{color:#854531;background:#fff0e9;border-color:#d9b3a2}
.natal-aspect-adjustment{color:#705427;background:#f8f2e6;border-color:#d7c49e}
.natal-aspect-strong{color:#534b7d;background:#f1effa;border-color:#c4bbde}
.natal-aspect-affection{color:#824454;background:#fff1f4;border-color:#d9b0bd}
.natal-aspect-attraction{color:#804a22;background:#fff3e7;border-color:#ddbd9e}
.aspect-symbol-summary{margin:0 0 22px;padding:16px 18px;border:1px solid #d4e0dd;border-radius:16px;background:#fff}
.aspect-symbol-summary h4{margin:0 0 12px;font-size:16px;color:#254b56}
.aspect-symbol-totals{display:flex;flex-wrap:wrap;gap:9px}
.aspect-symbol-totals .natal-aspect-badge{padding:7px 12px}
.aspect-symbol-count{display:inline-flex;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin-left:5px;padding:0 4px;background:#ffffffb3;border-radius:50%;font-size:15px;font-variant-numeric:tabular-nums}
.aspect-strong-subset{display:inline-flex;align-items:center;gap:5px;margin-left:3px;padding-left:9px;border-left:1px solid #77777755;color:#534b7d;font-size:14px;font-variant-numeric:tabular-nums}
.aspect-symbol-summary p{margin:12px 0 0;font-size:12px;line-height:1.6;color:#506571}
@media(max-width:450px){.natal-aspect-legend{padding:14px}.natal-aspect-legend ul{grid-template-columns:1fr}}