:root { font: 16px/1.5 system-ui, sans-serif; color-scheme: dark light; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { max-width: 760px; margin: 0 auto; padding: 36px 20px 64px; }
h1 { margin-bottom: .25rem; }
.lede { margin-top: 0; opacity: .75; }
section { margin-top: 28px; padding: 20px; border: 1px solid color-mix(in srgb, CanvasText 20%, transparent); border-radius: 12px; }
dl { margin: 0; }
dl div { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 5px 0; }
dt { font-weight: 650; }
dd { margin: 0; overflow-wrap: anywhere; }
button, input { font: inherit; }
button { padding: 8px 12px; cursor: pointer; }
button:disabled { cursor: default; opacity: .55; }
input { box-sizing: border-box; width: 100%; margin: 8px 0; padding: 9px 10px; }
label { display: block; margin-top: 18px; font-weight: 650; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px; min-height: 24px; background: color-mix(in srgb, CanvasText 7%, transparent); border-radius: 8px; }
.actions { display: flex; gap: 8px; }