* { box-sizing: border-box; }
body { font-family: -apple-system, "Segoe UI", Roboto, sans-serif; max-width: 760px; margin: 3rem auto; padding: 0 1rem; color: #222; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
input[type=email], input[type=text] { width: 100%; padding: .5rem; margin: .25rem 0 1rem; }
button { padding: .5rem 1rem; cursor: pointer; }
table { border-collapse: collapse; width: 100%; margin-top: .5rem; }
th, td { border: 1px solid #ccc; padding: .4rem .6rem; text-align: left; }
.msg { color: #b00; margin: 1rem 0; }
.notice { background: #e7f6e7; border: 1px solid #9c9; padding: .6rem; margin: 1rem 0; }
.error { background: #fbe7e7; border: 1px solid #c99; padding: .6rem; margin: 1rem 0; }
.linkbox { word-break: break-all; background: #f4f4f4; border: 1px solid #ddd; padding: .6rem; margin: 1rem 0; }
form.inline { display: inline; }