:root {
    /* Brand */
    --brand-slate: #5b5878; 
    --brand-red: #e02020; 
    /* Neutrals */
    --bg-main: #f5f6f8;
    --bg-panel: #ffffff;
    --border-soft: #e1e4e8;
    --text-main: #222;
    --text-muted: #666;
    /* Actions */
    --action-primary: #0366d6; 
    --action-danger: #b00020;
    /* States */
    --success: #065f46;
    --warning: #744210;
    --error: #742a2a;
}
.site-header {
    background: var(--bg-panel);
    border-bottom: 1px solid var(--border-soft);
    padding: 12px 20px;
    display: flex;
    align-items: center;
}

.site-header .brand img {
    height: clamp(36px, 5vw, 56px);
    width: auto;
    max-width: 100%;
    display: block;
}
body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    margin: 0;
    padding: 16px;
}

h1, h2, h3 {
    margin-top: 0;
}

a {
    color: #0366d6;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

hr {
    border: none;
    border-top: 1px solid var(--border);
    margin: 16px 0;
}

input, select, button {
    font-family: inherit;
    font-size: 14px;
}