:root{color:#1a1814;background:#efece4;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.5}body{margin:0}.shell{grid-template-columns:14rem 1fr;min-height:100vh;display:grid}aside{border-right:1px solid #d6d0c4;padding:1.5rem 1.25rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.75rem}nav{gap:.25rem;display:grid}.nav-link{color:inherit;padding:.4rem .55rem;text-decoration:none}.nav-link.active{color:#efece4;background:#1a1814}main{max-width:40rem;padding:2.5rem 1.5rem 4rem}h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:560;line-height:1.15}.lede{color:#4a453c;margin:1rem 0 0}dl{margin:2rem 0}dl div{border-top:1px solid #d6d0c4;gap:.25rem;padding:.9rem 0;display:grid}dl div:last-child{border-bottom:1px solid #d6d0c4}dt{letter-spacing:.06em;text-transform:uppercase;color:#6b645a;font-size:.75rem}dd{margin:0;font-family:ui-monospace,SF Mono,monospace}button{color:#efece4;font:inherit;cursor:pointer;background:#1a1814;border:0;padding:.7rem 1rem}button:disabled{cursor:wait;opacity:.6}button:focus-visible,.nav-link:focus-visible{outline-offset:3px;outline:2px solid #1a1814}.status{margin:1.5rem 0 0}.error p{color:#8f2d2d;margin:0 0 .75rem}@media (width<=40rem){.shell{grid-template-columns:1fr}aside{border-bottom:1px solid #d6d0c4;border-right:0}nav{grid-auto-flow:column;justify-content:start}}