* { box-sizing: border-box; }
html { font-size: 16px; line-height: 1.6; }
body { margin: 0; }
button, input, select, textarea { font: inherit; }
button, .button, input:not([type="checkbox"]), select { min-height: 46px; }
button, .button { display: inline-flex; align-items: center; justify-content: center; padding: .65rem 1.25rem; cursor: pointer; text-decoration: none; }
input:not([type="checkbox"]), select, textarea { width: 100%; padding: .65rem .8rem; }
textarea { resize: vertical; }
input[type="checkbox"] { width: 22px; height: 22px; flex: 0 0 22px; margin: 0; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
legend { margin-bottom: 1rem; }
table { width: 100%; border-collapse: collapse; text-align: left; }
th, td { padding: 1rem; vertical-align: top; }
small { display: block; }
code { overflow-wrap: anywhere; }
.table-scroll { max-width: 100%; overflow-x: auto; }
.table-scroll table { min-width: 580px; }
.actions, .toolbar, .account, .row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1.5rem; }
.actions { margin-top: 1.5rem; }
.actions a, .row-actions a { display: inline-flex; align-items: center; min-height: 44px; }
.toolbar { justify-content: space-between; margin-bottom: 1.5rem; }
.editor { max-width: 620px; }
.editor.narrow { max-width: 420px; }
.editor.wide { max-width: 850px; }
.editor > label:not(.check) { display: block; margin: 1.3rem 0 .4rem; }
.check, .choice { display: flex; align-items: center; gap: 1rem; cursor: pointer; min-height: 48px; }
.check { margin-top: 1.5rem; }
.choice { padding: 1rem 0; }
.choice code { display: block; }
.skip-link { position: fixed; top: -100px; left: 1rem; z-index: 10; padding: .7rem 1rem; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (max-width: 600px) {
    .toolbar { align-items: flex-start; flex-direction: column; }
    .account { gap: .5rem; font-size: .9rem; }
    th, td { padding: .75rem; }
}