:root { color-scheme: light dark; --line: color-mix(in srgb, currentColor 20%, transparent); }
body { font: 15px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; margin: 0 auto; max-width: 70rem; padding: 1rem; }
header { display: flex; gap: 1rem; align-items: baseline; border-bottom: 1px solid var(--line); padding-bottom: .5rem; }
header form { margin-left: auto; }
h1 { font-size: 1.4rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; }
dt { opacity: .6; }
dd { margin: 0; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .3rem .6rem .3rem 0; border-bottom: 1px solid var(--line); vertical-align: top; }
th { opacity: .6; font-weight: normal; }
td code { word-break: break-all; }
.ok { color: #1a7f37; } .bad { color: #b62324; }
.secure, .fp, .note { opacity: .6; }
input, button { font: inherit; padding: .3rem .5rem; }
pre { white-space: pre-wrap; }
section { margin: 1.5rem 0; }
h2 { font-size: 1.05rem; opacity: .8; font-weight: normal; }
pre { background: color-mix(in srgb, currentColor 6%, transparent); padding: .4rem .6rem; margin: .2rem 0; }
a { color: inherit; }
textarea, select { font: inherit; width: 100%; box-sizing: border-box; padding: .3rem .5rem; }
label { display: block; margin: .2rem 0; }
label input[type=text], label input:not([type]) { width: 22rem; }
form button { margin-top: .4rem; }
.call { border-left: 2px solid var(--line); padding-left: .6rem; margin: .5rem 0; }
h3 { font-size: .9rem; opacity: .6; font-weight: normal; margin: .4rem 0 .1rem; }
.result { border: 1px solid var(--line); padding: 0 .8rem .8rem; }
.step { border-left: 3px solid var(--line); padding-left: .8rem; }
.step.done { border-left-color: #1a7f37; } .step.failed { border-left-color: #b62324; }
.step.skipped { opacity: .55; } .step.running { border-left-color: #9a6700; }
.state { font-size: .75rem; padding: .05rem .4rem; border: 1px solid var(--line); border-radius: 3px; opacity: .8; }
.state.done { color: #1a7f37; } .state.failed { color: #b62324; }
.outcome { margin: .4rem 0; }
details summary { cursor: pointer; opacity: .7; }
form.start { border-bottom: 1px solid var(--line); padding-bottom: .5rem; margin-bottom: .5rem; }
form.start label { display: inline-block; margin-right: 1rem; }
form.remaining { margin-top: 1.5rem; }