:root{font-family:system-ui,sans-serif;color:#20232a;background:#f5f6fa;line-height:1.6}body{max-width:920px;margin:0 auto;padding:28px 20px}header{border-bottom:3px solid #7155ad;margin-bottom:24px}h1{font-size:1.7rem}section{background:white;border:1px solid #dedfe5;border-radius:8px;padding:22px;margin:18px 0}label{display:block;margin:12px 0}input:not([type=checkbox]){display:block;box-sizing:border-box;width:min(100%,28rem);padding:9px;border:1px solid #888;border-radius:4px}button,select{padding:9px 16px;margin:8px 12px 4px 0;font:inherit}button{background:#684ca2;color:white;border:0;border-radius:4px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.notice{border-left:4px solid #af7934;padding:10px 14px;background:#fff7e8}.error{color:#9d2525}output{display:block;min-height:1.5em}fieldset{border:0;padding:0}svg{max-width:100%;height:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ddd;padding:8px}a{color:#56328d}input:focus,button:focus,a:focus{outline:3px solid #bbabe0;outline-offset:2px}


small{display:block;color:#555;overflow-wrap:anywhere}td{overflow-wrap:anywhere}th{min-width:6rem}