* {box-sizing:border-box}
body {margin:0;background:var(--bua-bg);color:var(--bua-text);font:500 16px/1.6 var(--font-body,system-ui)}
main {max-width:760px;margin:auto;padding:48px 24px}
h1,h2 {font-family:var(--font-heading,system-ui);line-height:1.2}
h1 {font-size:clamp(28px,6vw,42px);margin:12px 0 20px}
h2 {font-size:22px}
p {overflow-wrap:anywhere}
.eyebrow,.status {font:500 12px/1.6 var(--font-data,monospace)}
.eyebrow {color:var(--bua-channel)}
.intro {font-size:18px}
section {margin:24px 0;padding:24px;border:1px solid var(--bua-line);border-radius:12px;background:var(--bua-surface)}
.status {color:var(--bua-action)}
li {padding:6px 0}
.back {display:inline-flex;align-items:center;min-height:44px;color:var(--bua-channel)}
.back:focus-visible {outline:2px solid var(--bua-action);outline-offset:4px}
@media(max-width:480px) {main{padding:24px 16px}section{padding:18px}ol{padding-left:22px}}