:root{color-scheme:light dark;font:18px/1.6 system-ui;background:light-dark(#f5f7f8,#111b22);color:light-dark(#172e3c,#edf5f7)}body{max-width:58rem;margin:auto;padding:1rem}nav{display:flex;flex-wrap:wrap;gap:.5rem}a,button,select{display:inline-flex;align-items:center;min-height:44px;min-width:44px}a{color:light-dark(#075d72,#83d8ee)}section{background:light-dark(white,#1c2d38);border:1px solid #778a95;border-radius:12px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}label{display:block;margin:1rem 0}button,select{font:inherit;padding:.5rem;margin:.3rem 0;margin-inline-end:.4rem;max-width:100%;cursor:pointer}input[type=checkbox]{width:24px;height:24px;vertical-align:middle}button:disabled{cursor:default;opacity:.6}.notice{border-inline-start:5px solid #b48528;padding:1rem}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b48528;outline-offset:3px}[hidden]{display:none}h1{font-size:1.8rem}footer a{margin-inline-end:1rem}

/* The entire checkbox label is a touch target in both review steps. */
label:has(input[type=checkbox]){min-height:44px;box-sizing:border-box;display:flex;align-items:center;gap:.6rem;cursor:pointer}input[type=checkbox]{flex-shrink:0}