:root{color-scheme:light dark;font-family:Arial,Helvetica,sans-serif;line-height:1.55;background:#f8f8f8;color:#1b1b1b}body{margin:0}a{color:#0645ad}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid #f7c948;outline-offset:2px}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;border:2px solid #111}header{background:#101820;color:white;padding:1.5rem 0}header a{color:white}nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}nav a,.button,button{display:inline-block;padding:.65rem .9rem;border:2px solid currentColor;border-radius:.35rem;background:#fff;color:#101820;text-decoration:none;font-weight:700}button{cursor:pointer}header nav a{background:#101820;color:#fff}.wrap{max-width:1100px;margin:0 auto;padding:0 1rem}.tagline,.lead{font-size:1.2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{background:white;color:#1b1b1b;border:1px solid #ccc;border-radius:.45rem;padding:1rem;margin:1rem 0}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}label{display:block;font-weight:700;margin:.75rem 0}input,textarea,select{display:block;width:100%;max-width:44rem;padding:.55rem;font:inherit;border:1px solid #777;border-radius:.25rem}textarea{min-height:8rem}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{border:1px solid #999;padding:.5rem;text-align:left;vertical-align:top}footer{border-top:1px solid #ccc;margin-top:2rem;padding:1rem 0}@media (prefers-color-scheme:dark){:root{background:#111;color:#eee}.card,nav a,.button,button{background:#1d1d1d;color:#fff;border-color:#aaa}input,textarea,select{background:#111;color:#fff;border-color:#aaa}a{color:#9ec3ff}}