/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root { --ink: #2e2f30; --muted: #6b6e75; --rule: #e2e2e4; --accent: #d4a83f; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: #fafafa; }
.stats { max-width: 46rem; margin: 3rem auto; padding: 0 1rem; }
.stats h1 { margin: 0; font-size: 1.8rem; border-bottom: 3px solid var(--accent); display: inline-block; }
.stats .subtitle { color: var(--muted); margin: .5rem 0 2rem; }
.stats h2 { font-size: 1.1rem; margin: 2rem 0 .5rem; }
.stats dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1.5rem; margin: 0; }
.stats dt { color: var(--muted); }
.stats dd { margin: 0; font-variant-numeric: tabular-nums; }
.stats table { border-collapse: collapse; width: 100%; font-size: .95rem; }
.stats th, .stats td { text-align: left; padding: .3rem .6rem; border-bottom: 1px solid var(--rule); }
.stats td.num { text-align: right; font-variant-numeric: tabular-nums; }
.stats th:nth-child(n+2) { text-align: right; }
.stats #activity th:last-child, .stats #activity td:last-child { text-align: left; }