*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#1d2530;background:#fff}header,footer{background:#1d2530;color:#fff;padding:14px 20px}header a,footer a{color:#fff;text-decoration:none;margin-right:14px}main{max-width:900px;margin:0 auto;padding:20px}h1{font-size:1.9rem;line-height:1.2}a{color:#0b5cad}.card{border:1px solid #d7dde5;border-radius:8px;padding:14px;margin:12px 0}.tags a{display:inline-block;margin:4px 6px 4px 0;padding:4px 10px;background:#eef3f9;border-radius:99px;text-decoration:none}.demo{background:#fff3cd;border:1px solid #e0c36a;padding:10px;border-radius:6px}nav.bc{font-size:.9rem;color:#556}@media(prefers-color-scheme:dark){body{background:#12171d;color:#e6ebf1}.card{border-color:#2f3a47}.tags a{background:#1f2a37}a{color:#7db4f0}.demo{background:#3a3217;color:#f1e6b8}}