:root{color:#f4f4f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111;font-family:system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1150px;margin:auto;padding:clamp(16px,4vw,48px)}h1{font-size:2rem}h2{margin-top:2rem}p{color:#ddd;max-width:85ch}button,input,select{font:inherit;border:1px solid #777;border-radius:6px;min-height:44px;margin:5px 8px 5px 0;padding:10px}button{cursor:pointer;color:#111;background:#f4c542;font-weight:650}button:disabled{opacity:.55}button[aria-pressed=true]{outline:3px solid #fff}label{display:block}input{max-width:100%}form{background:#1e1e1e;margin-block:16px;padding:16px}nav{flex-wrap:wrap;gap:8px;display:flex}table{border-collapse:collapse;width:100%;margin-block:20px;display:block;overflow:auto}td,th{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #555;padding:10px}th{color:#f4c542}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.cards article{background:#222;border:1px solid #555;border-radius:8px;padding:16px}.cards p{margin:0;font-size:1.8rem}a{color:#ffdd70;margin:10px 20px 10px 0;display:inline-block}:focus-visible{outline-offset:3px;outline:3px solid #80d8ff}@media (width<=500px){button{width:100%}h1{font-size:1.65rem}}