:root{color-scheme:light dark}body{margin:0}main{max-width:58rem;margin:auto;padding:1rem}nav,footer{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}nav a,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.4rem .8rem;box-sizing:border-box}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}aside{border:1px solid currentColor;padding:1rem;border-radius:.6rem}pre{overflow:auto;max-width:100%;padding:1rem;border:1px solid currentColor;border-radius:.4rem;font-size:.85rem}p{line-height:1.65}footer{padding-block:1rem}