:root { color-scheme: light dark; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-ser>
main { max-width: 900px; margin: 0 auto; padding: 2rem 1rem; }
header { border-bottom: 1px solid rgba(127,127,127,.25); }
nav { max-width: 900px; margin: 0 auto; padding: 1rem; display:flex; flex-wrap:>
nav a { text-decoration: none; padding:.25rem .5rem; border-radius:.5rem; }
nav a:hover { background: rgba(127,127,127,.15); }
h1 { margin-top: 0; }
.card { padding: 1rem; border: 1px solid rgba(127,127,127,.25); border-radius: >
.grid { display:grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax>
small.muted { opacity:.75; }