body{color:#036}body h1{text-wrap:balance}body h1 em{font-family:system-ui,sans-serif;font-weight:100;font-size:1rem}body label{display:block;background:var(--bgcolor);padding:4px;font-family:system-ui,sans-serif}body label:has(input:checked){font-weight:bold}body label input{display:none}body:has(input[value="#ffffff"]:checked){background:#ffffff}body:has(input[value="#f0ffff"]:checked){background:#f0ffff}body:has(input[value="#e0ffff"]:checked){background:#e0ffff}body:has(input[value="#f5fffa"]:checked){background:#f5fffa}body:has(input[value="#f8f8ff"]:checked){background:#f8f8ff}body:has(input[value="#f0f8ff"]:checked){background:#f0f8ff}body:has(input[value="#fff0f5"]:checked){background:#fff0f5}body:has(input[value="#e6e8fa"]:checked){background:#e6e8fa}body:has(input[value="#f5f5f5"]:checked){background:#f5f5f5}body:has(input[value="#fffaf0"]:checked){background:#fffaf0}body:has(input[value="#fafad2"]:checked){background:#fafad2}body:has(input[value="#fff8dc"]:checked){background:#fff8dc}body:has(input[value="#faebd7"]:checked){background:#faebd7}body:has(input[value="#f5f5dc"]:checked){background:#f5f5dc}body:has(input[value="#ffe4b5"]:checked){background:#ffe4b5}body:has(input[value="#ffefd5"]:checked){background:#ffefd5}body:has(input[value="#ffdab9"]:checked){background:#ffdab9}body:has(input[value="#ffe4c4"]:checked){background:#ffe4c4}body:has(input[value="#ffebcd"]:checked){background:#ffebcd}body:has(input[value="#f0e68c"]:checked){background:#f0e68c}body:has(input[value="#f0fff0"]:checked){background:#f0fff0}body:has(input[value="#fffff0"]:checked){background:#fffff0}body:has(input[value="#fffacd"]:checked){background:#fffacd}body:has(input[value="#ffffe0"]:checked){background:#ffffe0}body:has(input[value="#faf0e6"]:checked){background:#faf0e6}body:has(input[value="#ffe4e1"]:checked){background:#ffe4e1}body:has(input[value="#fdf5e6"]:checked){background:#fdf5e6}body:has(input[value="#fff5ee"]:checked){background:#fff5ee}body:has(input[value="#fffafa"]:checked){background:#fffafa}@media screen and (min-width: 50ch){main{columns:2}}@media screen and (min-width: 80ch){main{columns:3}}