body { font-family: system-ui, sans-serif; line-height: 1.55; margin: 0; color: #1d2530; background: #f6f7f9; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 1rem; }
header { border-bottom: 1px solid #d5d9e0; }
header p { font-weight: 700; font-size: 1.2rem; margin: 0 0 .5rem; }
nav a { margin-right: .8rem; font-size: .9rem; }
main { background: #fff; }
h1 { font-size: 1.7rem; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid #c9ced6; padding: .45rem .6rem; text-align: left; }
th { background: #eef1f5; }
label { display: block; margin-top: .8rem; font-weight: 600; }
input, select { font-size: 1rem; padding: .4rem; width: 100%; max-width: 20rem; box-sizing: border-box; }
button { font-size: 1rem; margin-top: 1rem; padding: .55rem 1.2rem; cursor: pointer; }
#result { margin-top: 1rem; padding: .5rem 1rem; background: #f0f4fa; border-left: 4px solid #3a6ea5; }
.yes { font-weight: 700; }
.bad { color: #a12828; }
.disc { font-size: .85rem; color: #4a5260; }
.cite { font-size: .85rem; color: #4a5260; border-top: 1px solid #e1e4ea; margin-top: 1.5rem; padding-top: .5rem; }