/* Placeholder styling only — frontend-brand-guardian owns final visual design. */
body {
    font-family: system-ui, sans-serif;
    margin: 0;
}
.demo-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    padding: 0.5rem 1rem;
    background: #111;
    color: #fff;
    font-size: 0.85rem;
}
.demo-nav a {
    color: #b79d6c;
    text-decoration: none;
    margin-inline-end: 0.5rem;
}
.demo-nav__label {
    font-weight: bold;
    margin-inline-end: 0.5rem;
}
.page-content {
    padding: 1.5rem;
}
.flash-messages { padding: 0.5rem 1rem; }
.flash { padding: 0.5rem; margin-bottom: 0.5rem; border-radius: 4px; }
.flash--error { background: #ffe0e0; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 0.5rem; text-align: right; }
.step-tracker { display: flex; gap: 0.5rem; }