main { max-width: 42rem; margin: 0 auto; padding: 1.5rem 1rem 2rem; }

/* Top site header / banner */
.site-header { border-bottom: 1px solid var(--pico-muted-border-color); background: var(--pico-card-background-color); }
.site-header-inner { max-width: 42rem; margin: 0 auto; padding: 1rem; }
.brand { display: flex; align-items: center; gap: .6rem; text-decoration: none; color: inherit; }
.brand img { display: block; }
.brand-name { font-size: 1.3rem; font-weight: 700; }
.tagline { margin: .5rem 0 0; color: var(--pico-muted-color); font-size: .9rem; line-height: 1.4; }
.muted { color: var(--pico-muted-color); }
.bar { background: var(--pico-secondary-background); border-radius: .25rem; height: 1.25rem; }
.bar > span { display: block; height: 100%; background: var(--pico-primary); border-radius: .25rem; }
.error-box { border-left: 4px solid var(--pico-del-color); }
.error-text { color: var(--pico-del-color); }
.actions { margin-top: 1.5rem; }
.question { padding: 1rem; border: 1px solid var(--pico-muted-border-color); border-radius: .5rem; }