/* Chart master hubs and the /charts/ index. Loaded only by pages/chart-master.njk and pages/charts.njk.
   Uses the site tokens from site.css (:root). */
.cm-oncard{margin:.8rem auto 0;max-width:46rem;font-size:.92rem;color:var(--muted)}
.cm-oncard .cm-sec{color:var(--bulb)}
.cm-steps{margin:.4rem 0 0;padding-left:1.4rem}
.cm-steps li{margin:.55rem 0}
.cm-steps b,.cm-key b{color:var(--gold)}
.cm-more{white-space:nowrap;font-weight:700;color:var(--gold)}
.cm-table{width:100%;border-collapse:collapse;margin-top:.6rem}
.cm-table caption{text-align:left;color:var(--muted);font-size:.9rem;padding-bottom:.4rem}
.cm-table th,.cm-table td{padding:.4rem .6rem;border-bottom:1px solid rgba(242,193,78,.25);text-align:left}
.cm-table th[scope=row]{color:var(--gold);font-weight:700;width:9rem}
.cm-wheel{margin-left:auto;margin-right:auto}
.cm-wheel-grid{display:grid;gap:1.2rem;align-items:center;grid-template-columns:minmax(0,1fr)}
@media (min-width:820px){.cm-wheel-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr)}}
.cm-wheel-art{max-width:420px;width:100%;margin:0 auto}
.cm-wheel-art svg{display:block;width:100%;height:auto}
.cm-key{margin:0;padding-left:1.4rem}
.cm-key li{margin:.5rem 0}
.cm-key li::marker{color:var(--gold);font-weight:800}
.cm-faq .faqlist{margin-top:.6rem}
.cm-systems{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;gap:1rem;counter-reset:cm}
.cm-system h2{margin-top:0}
.cm-system h2 a{text-decoration:none;color:var(--gold)}
.cm-system h2 a:hover,.cm-system h2 a:focus-visible{text-decoration:underline}
.cm-needs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.2rem 0 .8rem}
.cm-chip{font:700 .8rem var(--f-body);padding:.15rem .6rem;border-radius:999px;border:1px solid var(--gold-deep);color:var(--bulb);background:rgba(110,7,16,.45)}
.cm-page{font-size:.85rem;color:var(--muted);margin-left:.3rem}
.cm-dl{margin:0;display:grid;gap:.6rem}
@media (min-width:820px){.cm-dl{grid-template-columns:1fr 1fr}}
.cm-dl dt{font-weight:800;color:var(--gold);font-size:.92rem}
.cm-dl dd{margin:.15rem 0 0}
.cm-go{margin:.9rem 0 0;font-weight:700}
.cm-go a{color:var(--gold)}
