:root {
    --ink: #222;
    --muted: #666;
    --bg: #fff;
    --brand: #6b7;
    --line: #eee;
}

/* Site header */
.site-header {
    background: #fafafa;
    border-bottom: 1px solid var(--line);
}

.site-header .brand {
    font-weight: 700;
    color: var(--ink);
    text-decoration: none;
}

/* Site footer */
.site-footer {
    background: #fafafa;
    border-top: 1px solid var(--line);
}

.footer-link {
    color: var(--muted);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.25rem;
}

.footer-link:hover {
    color: var(--ink);
    text-decoration: underline;
}

/* Legacy muted helper (Bootstrap's .text-muted also works) */
.muted {
    color: var(--muted);
}

/* Key-value definition grid used on About / confirmation pages */
.kv {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.25rem 1rem;
}

/* Admin quick-action nav */
.admin-nav {
    display: flex;
    gap: 0.5rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}


.actions {
    white-space: nowrap;
}

.actions .btn {
    margin-right: 0.25rem;
}