/* Global styles */
body {
    grid-template-columns: 1fr min(45rem, 90%) 1fr;
}

body > header {
    padding-bottom: 0;
}

body > header h1 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

body > header .meta {
    font-size: 0.9rem;
    color: var(--text-light);
    margin-top: 0;
}

main {
    grid-column: 1 / -1;
    width: min(80rem, 90%);
    margin: 0 auto;
    padding: 0 1rem;
}

pre code {
    white-space: pre-wrap;
    word-wrap: break-word;
}

table {
    font-family: monospace;
    font-size: 0.8em;
}

.table-centered {
    margin-left: auto;
    margin-right: auto;
}

/* Badge styles */
.badge {
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
    display: inline-block;
}

.badge-success {
    background: #4CAF50;
    color: white;
}

.badge-error {
    background: #ff6b6b;
    color: white;
}

.badge-warning {
    background: #ffc107;
    color: #333;
}

.badge-neutral {
    background: #666;
    color: white;
}

/* Text colors */
.text-success {
    color: #4CAF50;
    font-weight: bold;
}

.text-error {
    color: #ff6b6b;
    font-weight: bold;
}