.brand-builder {
    --paper: var(--color-white);
    --muted: var(--color-olive);
    --line: rgb(93 122 91 / .24);
    --bezy-paper: var(--color-white);
    --bezy-almond: var(--color-gold);
    --bezy-accent-ink: var(--color-olive);
    --rose: var(--color-olive);
}
.brand-builder .builder-heading { max-inline-size: 900px; }
.brand-builder .builder-heading h1,
.brand-builder .panel-content h2 { font-family: var(--font-display); letter-spacing: normal; }
.brand-builder .builder-panel { border-radius: var(--radius-md); overflow: hidden; }
.brand-builder .panel-number { border-inline-end: 1px solid var(--line); border-inline-start: 0; }
.brand-builder .builder-progress b { margin-inline-start: 6px; margin-inline-end: 0; }
.brand-builder .panel-content input,
.brand-builder .panel-content select,
.brand-builder .panel-content textarea { font-family: var(--font-body); border-radius: var(--radius-sm); }
.brand-builder .builder-submit { inline-size: fit-content; max-inline-size: 100%; }
.brand-builder .builder-submit:focus-visible { outline: 3px solid var(--color-gold); outline-offset: 3px; }
.brand-builder .reference-upload { border-radius: var(--radius-sm); }
.brand-builder .builder-confirm { border-radius: var(--radius-sm); }
.brand-builder .kicker { color: var(--color-olive); }
.brand-builder .builder-errors { border-radius: var(--radius-sm); }
.brand-builder :is(input, select, textarea, button, a):focus-visible { outline: 3px solid var(--color-gold); outline-offset: 3px; }
@media (max-width: 800px) {
    .brand-builder .panel-number { border-inline-end: 0; border-block-end: 1px solid var(--line); }
}