* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 20px; }
main { width: min(100%, 540px); border: 2px solid #555; border-image: var(--ui-frame) 2 / 2px; background: #484848 var(--ui-stone) repeat; box-shadow: 4px 6px 24px #0007; }
header { padding: 16px 20px; background: #303030 var(--ui-dark-stone) repeat; border-bottom: 1px solid #171717; box-shadow: 0 1px #666; }
header span { color: var(--ui-accent); font-size: 10px; letter-spacing: 2px; }
h1 { margin: 7px 0 0; font-size: 23px; text-shadow: 2px 2px #111; }
section { padding: 22px 20px; }
h2 { font-size: 14px; margin: 0 0 12px; }
p { font-size: 13px; color: var(--ui-muted); line-height: 1.7; margin: 0 0 22px; }
.admin-ui .ui-button-link { min-height: 44px; }