:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--colour-action:#1f6feb;--colour-on-action:#fff;--colour-danger:#d1242f;--colour-outline:#8c959f;--colour-divider:#8c959f66;--colour-panel:#1f6feb1a;--colour-banner:#fff8c5;--colour-on-banner:#3b2300;--text-heading:1.5rem;--text-subheading:1.2rem;--text-button:1.1rem;--text-small:.95rem;--text-link:.9rem;--line-height:1.5;--weight-strong:600;--faint-link:.8;--faint-quiet:.75;--faint-disabled:.6;--page-width:26rem;--gap-tiny:.1rem;--gap-label:.3rem;--gap-small:.5rem;--gap-medium:.75rem;--gap:1rem;--gap-large:1.5rem;--gap-section:2rem;--gap-page:3rem;--padding-button:.9rem;--padding-small-button:.4rem .8rem;--padding-field:.7rem;--radius:.6rem;--radius-field:.5rem;--line:1px;font-family:system-ui,sans-serif;line-height:var(--line-height)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:var(--page-width);padding:var(--gap-page) var(--gap-large);margin:0 auto}h1{font-size:var(--text-heading);margin:0 0 var(--gap)}button{width:100%;margin-top:var(--gap);padding:var(--padding-button);border-radius:var(--radius);background:var(--colour-action);color:var(--colour-on-action);font:inherit;font-size:var(--text-button);cursor:pointer;border:0}button:disabled{opacity:var(--faint-disabled);cursor:default}[role=alert]{color:var(--colour-danger)}.link{font-size:var(--text-link);word-break:break-all;opacity:var(--faint-link)}h2{font-size:var(--text-subheading);margin:var(--gap-section) 0 0}a.button{box-sizing:border-box;width:100%;margin-top:var(--gap);padding:var(--padding-button);border-radius:var(--radius);background:var(--colour-action);color:var(--colour-on-action);font-size:var(--text-button);text-align:center;text-decoration:none;display:block}button.secondary{color:inherit;box-shadow:inset 0 0 0 var(--line) var(--colour-outline);background:0 0}button.danger{background:var(--colour-danger)}button.small{width:auto;margin:var(--gap-small) var(--gap-small) 0 0;padding:var(--padding-small-button);font-size:var(--text-small);color:inherit;box-shadow:inset 0 0 0 var(--line) var(--colour-outline);background:0 0}label{margin-top:var(--gap);display:block}input,select{box-sizing:border-box;width:100%;margin-top:var(--gap-label);padding:var(--padding-field);border:var(--line) solid var(--colour-outline);border-radius:var(--radius-field);color:inherit;font:inherit;background:0 0;display:block}.card-list{margin:var(--gap-large) 0 0;padding:0;list-style:none}.card{padding:var(--gap) 0;border-top:var(--line) solid var(--colour-divider)}.card p{margin:var(--gap-tiny) 0}.card-title{font-weight:var(--weight-strong)}.quiet{font-size:var(--text-small);opacity:var(--faint-quiet)}.panel{margin:var(--gap-medium) 0;padding:var(--gap);border-radius:var(--radius);background:var(--colour-panel)}.banner{padding:var(--gap-medium) var(--gap-large);background:var(--colour-banner);color:var(--colour-on-banner)}.banner p{max-width:var(--page-width);margin:0 auto}.banner button{max-width:var(--page-width);margin:var(--gap-small) auto 0;display:block}
