/* Certificate lifetime step chart (certchart.js). Site theme tokens; light and dark. */
.cc{margin:16px 0;display:grid;gap:8px}
.cc svg{display:block;width:100%;height:auto;max-width:760px}
.cc-bar{fill:var(--gold-fill)}
.cc-bar.now{fill:var(--teal-fill)}
.cc-reuse{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 4}
.cc-dot{fill:var(--ink)}
.cc-val{font:700 20px var(--display);fill:var(--ink)}
.cc-ax{font:500 12px var(--mono);fill:var(--ink-2)}
.cc-ax.s{font-size:11px}
.cc-today{stroke:var(--c-sec);stroke-width:2}
.cc-todaylab{font:600 12px var(--mono);fill:var(--c-sec)}
.cc-todaybg{fill:var(--ground)}
.cc-cap{margin:0;font-size:.85rem;color:var(--ink-2);max-width:760px}
.cc-compact{margin:8px 0}
.cc-compact .cc-val{font-size:22px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cc-today,:root:not([data-theme="light"]) .cc-todaylab{stroke:var(--c-sec-soft)}:root:not([data-theme="light"]) .cc-todaylab{fill:var(--c-sec-soft)}}
:root[data-theme="dark"] .cc-today{stroke:var(--c-sec-soft)}
:root[data-theme="dark"] .cc-todaylab{fill:var(--c-sec-soft);stroke:none}
/* certificate pages */
.ce-where{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin-top:12px}
.ce-where>div{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:6px;align-content:start}
.ce-where h3{margin:0;font:700 1.05rem/1.25 var(--display)}
.ce-where p{margin:0;font-size:.93rem;color:var(--ink-2)}
.ce-where .ce-big{font:800 1.6rem/1.1 var(--display);color:var(--gold)}
.ce-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:14px}
.ce-gaps{margin:0;padding-left:1.3em;display:grid;gap:6px}
.ce-steps{margin:12px 0 0;padding-left:1.4em;display:grid;gap:8px;max-width:72ch}
.ce-list{margin:8px 0 0;padding-left:1.2em;display:grid;gap:6px;max-width:72ch}
.ce-small{font-size:.88rem;color:var(--ink-2);max-width:72ch}
.ce-note{margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--gold-fill);border-radius:6px;background:var(--surface-2);max-width:72ch}
.ce-vend{display:grid;gap:14px;margin:14px 0 0;padding:0;list-style:none}
.ce-vend li{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:6px;max-width:78ch}
.ce-vend h3{margin:0;font:700 1.05rem/1.25 var(--display)}
.ce-vend p{margin:0}
.ce-new{margin:0 0 18px;padding:18px 20px;border:2px solid var(--gold-fill);border-radius:8px;background:var(--surface);display:grid;gap:8px;justify-items:start}
.ce-new h2{margin:0;font:700 1.35rem/1.25 var(--display)}
.ce-new p{margin:0;color:var(--ink-2)}
.ce-kick{font:600 .75rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--gold-fill);border-radius:3px;padding:5px 8px}
.ce-new .cc{width:100%}