body { font-family: Georgia, serif; line-height: 1.5; max-width: 42rem; margin: 2rem auto; padding: 0 1rem; }
header { border-bottom: 1px solid #ccc; margin-bottom: 1.5rem; }
footer { border-top: 1px solid #ccc; margin-top: 2rem; padding-top: .5rem; }
.plans { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.plans th, .plans td { border: 1px solid #ccc; padding: .4rem .6rem; text-align: left; }
label { display: block; margin: .75rem 0; }
input, select { font: inherit; display: block; margin-top: .25rem; width: 100%; max-width: 22rem; padding: .375rem .5rem; box-sizing: border-box; }
button { font: inherit; margin-top: 1rem; padding: .5rem 1rem; background: #000; color: #fff; border: 0; cursor: pointer; }
button:hover { background: #333; }
button:active { background: #000; }
.error { color: #8b0000; }
.callout { border: 1px solid #ccc; padding: .5rem 1rem; margin-top: 1.5rem; }
.callout a { text-decoration: none; }
.callout a:hover { text-decoration: underline; }