:root{font-family:system-ui,sans-serif;color-scheme:light dark}body{margin:0}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{padding:1.5rem 1rem;border-right:1px solid #8884}aside h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}aside nav{display:flex;flex-direction:column;gap:.25rem}aside a{padding:.25rem .5rem;border-radius:4px;text-decoration:none;color:inherit;cursor:pointer}aside a.active{background:#8882}main{padding:2rem 2.5rem;max-width:70ch}