body { margin: 0; color: #222; background: #fbf0cf; font-family: Arial, sans-serif; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; background: url('assets/rensselaer-seal.jpg') repeat; background-size: 145px; opacity: .055; filter: sepia(1); pointer-events: none; }
main { max-width: 900px; margin: 45px auto; padding: 0 20px; }
h1 { color: #a6192e; text-align: center; font: bold 48px Georgia, serif; margin: 0 0 25px; }
.instructions { text-align: center; line-height: 1.5; margin-bottom: 35px; }
h2 { color: #8c1225; text-align: center; font-size: 20px; margin: 30px 0 12px; }
ol { padding-left: 35px; }
li { padding-left: 4px; }
label { display: block; padding: 10px 0; line-height: 1.5; cursor: pointer; }
input { accent-color: #a6192e; width: 16px; height: 16px; margin: 0 10px 0 0; vertical-align: -2px; }
.section-note { text-align: center; font-size: 13px; }
.actions, #result { text-align: center; margin: 30px 0; }
button { cursor: pointer; padding: 8px 14px; margin: 4px; font-size: 14px; }
#result h2 { font-size: 28px; }
footer { font-size: 11px; text-align: center; line-height: 1.6; margin-top: 45px; }
footer a { color: inherit; }
:focus-visible { outline: 2px solid #a6192e; outline-offset: 3px; }
@media (max-width: 600px) { main { margin: 25px auto; padding: 0 15px; } h1 { font-size: 36px; } label { font-size: 14px; } }