.radix-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 12px; }
.editorial-page .radix-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 18px; border:1px solid #75664d; border-radius:9px; color:#f3eee5; font-size:15px; font-weight:600; text-decoration:none; }
.editorial-page .radix-actions .radix-primary { background:#dfbd85; color:#101421; border-color:#dfbd85; }
.editorial-page .radix-actions a:hover { border-color:#f1d5a7; text-decoration:underline; text-underline-offset:4px; }
.editorial-page .radix-note { font-size:14px; color:#b4b8c5; line-height:1.7; }
.radix-toc { margin:26px 0 32px; padding:18px 20px; border:1px solid #343b4c; border-radius:12px; }
.radix-toc ul { margin:10px 0 0; }
.radix-toc a { display:inline-block; padding:5px 0; }
.radix-example, .radix-guide-section { scroll-margin-top:24px; }
.radix-figure { margin:24px 0; padding:14px; border:1px solid #414657; border-radius:16px; background:#151b29; }
.radix-figure svg { display:block; width:100%; height:auto; max-width:600px; margin:auto; font-family:"DejaVu Sans","Segoe UI Symbol","Apple Symbols",sans-serif; }
.editorial-page .radix-figure figcaption { margin:10px 6px 4px; color:#bfc1cb; font-size:14px; line-height:1.7; }
.radix-example .chart-bg,.radix-example .chart-center-circle { fill:#111624; }
.radix-example .chart-ring,.radix-example .chart-zodiac-line { fill:none; stroke:#677083; stroke-width:1; }
.radix-example .chart-sign { fill:#dfbd85; font-size:24px; }
.radix-example .chart-house-line { stroke:#778093; stroke-width:1; }
.radix-example .chart-house-line.angular { stroke:#dfbd85; stroke-width:1.8; }
.radix-example .chart-house-label { fill:#ccd0da; font-size:15px; }
.radix-example .chart-angle-label { fill:#f1d5a7; font-size:14px; font-weight:600; }
.radix-example .chart-aspect { stroke-width:1.4; opacity:.8; }
.radix-example .chart-good { stroke:#80c5ae; }
.radix-example .chart-hard { stroke:#e89c98; }
.radix-example .chart-neutral { stroke:#c8b7df; }
.radix-example .chart-planet-dot { fill:#232939; stroke:#8690a2; stroke-width:.8; }
.radix-example .chart-planet-symbol { fill:#f3eee5; font-size:22px; }
.radix-example .chart-center-main { fill:#f1d5a7; font-size:21px; }
.radix-example .chart-center-sub { fill:#d4d5dc; font-size:16px; }
.radix-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 30px; padding-left:24px; }
.radix-legend li { padding-left:3px; font-size:15px; }
.radix-legend strong { display:block; margin-bottom:4px; color:#f3eee5; }
.radix-example .term-table caption { caption-side:top; padding:8px 0; text-align:left; font-size:14px; color:#b4b8c5; }
.radix-example .term-table tbody th { background:transparent; font-weight:500; white-space:nowrap; }
.radix-faq { margin:16px 0; border-bottom:1px solid #343b4c; }
.radix-faq summary { padding:16px 0; cursor:pointer; color:#f1d5a7; line-height:1.6; }
.radix-faq p { margin:0 0 18px; }
@media(max-width:600px) { .radix-actions { flex-direction:column; } .radix-actions a { width:100%; box-sizing:border-box; } .radix-legend { grid-template-columns:1fr; } .radix-figure { padding:6px; } }