body{font:16px/1.5 system-ui,sans-serif;margin:0;color:#1b1b1b}header,main,footer{max-width:760px;margin:auto;padding:12px 16px}
header{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.brand{font-weight:700;text-decoration:none;color:#00803a}.tag{font-size:12px;background:#ffe9a8;padding:2px 6px}
nav a{margin-right:12px}label{display:block;margin:10px 0}input,textarea{width:100%;box-sizing:border-box;font:inherit;padding:6px}
.btn{background:#00803a;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 0}.ghost{background:#555}
.score{font-size:48px;font-weight:800}pre{background:#f4f4f4;padding:10px;white-space:pre-wrap}.note{font-size:13px;color:#555}
.tabs button{padding:6px 12px}.tabs .on{font-weight:700}footer{font-size:13px;color:#555;border-top:1px solid #ddd}table{border-collapse:collapse}td,th{border:1px solid #ccc;padding:4px 10px}.err{color:#b00020;font-weight:600}
:focus-visible{outline:3px solid #1a4fd6;outline-offset:2px}
.notice{font-size:16px;color:#1b1b1b;background:#f4f4f4;border-left:4px solid #00803a;padding:8px 12px}
nav{display:flex;flex-wrap:wrap;gap:4px 12px}nav a{margin-right:0}code{overflow-wrap:anywhere}table{display:block;overflow-x:auto;max-width:100%}main,header{overflow-wrap:anywhere}