*{box-sizing:border-box}body{margin:0;font-family:Verdana,Arial,sans-serif;font-size:20px;line-height:1.6;color:#111;background:#fff}
a{color:#0645ad}a:focus,button:focus{outline:4px solid #f90;outline-offset:2px}
header{background:#0b2a4a;color:#fff;padding:16px}header a{color:#fff;text-decoration:none}.logo{font-size:28px;font-weight:bold}
nav a{display:inline-block;color:#fff;margin:8px 16px 0 0;font-size:20px;text-decoration:underline}
main{max-width:820px;margin:0 auto;padding:20px}h1{font-size:34px;line-height:1.25}h2{font-size:27px;margin-top:32px}
.btn{display:inline-block;background:#b00020;color:#fff;font-size:24px;font-weight:bold;padding:18px 28px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;margin:6px 6px 6px 0;min-width:120px}
.btn.alt{background:#0b2a4a}.btn.ok{background:#1b5e20}.box{border:3px solid #0b2a4a;border-radius:10px;padding:16px 20px;margin:20px 0;background:#f3f7fb}
.warn{border-color:#b00020;background:#fff3f3}.example{border:3px dashed #555;background:#fffbe6;padding:14px 18px;border-radius:8px;font-style:italic}
.example::before{content:"EXAMPLE – NOT A REAL MESSAGE";display:block;font-style:normal;font-weight:bold;font-size:16px;color:#7a5b00}
ul.cards{list-style:none;padding:0}ul.cards li{margin:10px 0}ul.cards a{display:block;border:2px solid #0b2a4a;border-radius:10px;padding:14px;font-size:22px;font-weight:bold;text-decoration:none}
footer{border-top:2px solid #ccc;margin-top:40px;padding:20px;font-size:18px;text-align:center;color:#333}
.result{font-size:28px;font-weight:bold;padding:16px;border-radius:10px;color:#fff}.r-bad{background:#b00020}.r-mid{background:#8a5300}.r-ok{background:#1b5e20}
@media print{header nav,footer,.noprint{display:none}body{font-size:15px}h1{font-size:24px}h2{font-size:18px;margin-top:10px}main{padding:0}}