:root { --pico-font-size: 95%; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; padding-bottom: .5rem; }
.topbar nav { display: flex; align-items: center; gap: .75rem; }
.brand { font-weight: 700; text-decoration: none; }
.small { font-size: .85rem; }
a.small[role=button], button.small { padding: .35rem .75rem; }
.muted { color: var(--pico-muted-color); }
.badge { display: inline-block; padding: .1rem .5rem; border-radius: 999px; font-size: .78rem; background: #eef1f4; color: #3b4450; white-space: nowrap; }
.badge.changed { background: #e6f4ea; color: #1e6b34; }
.badge.no_change, .badge.baseline { background: #eef1f4; color: #3b4450; }
.badge.failed { background: #fdecea; color: #a1261b; }
.badge.queued, .badge.running { background: #fff4e5; color: #8a5300; }
.badge.paused { background: #f1f1f1; color: #6b6b6b; }
.error-text { color: #a1261b; font-size: .85rem; margin-top: -.5rem; display: block; }
.actions { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.actions form { margin: 0; }
.actions button { margin: 0; }
table td, table th { vertical-align: top; }
.weekdays { display: flex; gap: .75rem; flex-wrap: wrap; }
.weekdays label { margin: 0; }
.preview { max-height: 420px; overflow: auto; }
.empty { text-align: center; padding: 3rem 1rem; }
.auth-box { display: flex; justify-content: center; padding: 2rem 0; }
pre.page-text { white-space: pre-wrap; max-height: 360px; overflow: auto; font-size: .8rem; }
.site-footer { border-top: 1px solid var(--pico-muted-border-color); margin-top: 3rem; padding-top: 1rem; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; justify-content: flex-start; }
.site-footer nav a { text-decoration: none; }
.hero { padding: 3rem 0 2rem; }
.hero h1 { font-size: 2.2rem; margin-bottom: .5rem; }
.hero p.lead { font-size: 1.15rem; max-width: 46rem; }
.steps { counter-reset: step; }
.price-card { text-align: center; }
.price-card .amount { font-size: 2rem; font-weight: 700; }
.legal { max-width: 52rem; }
.legal h2 { font-size: 1.2rem; margin-top: 2rem; }
.legal h3 { font-size: 1rem; }
.draft-banner { background: #fff4e5; border: 1px solid #f5d29a; border-radius: 6px; padding: .5rem .75rem; }