:root{color:#17212b;font-synthesis:none;background:#f7f5f1;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:20rem;min-height:100vh;margin:0}.app-shell{grid-template-rows:4rem 1fr;grid-template-columns:13rem 1fr;min-height:100vh;display:grid}.topbar{color:#fff;background:#17212b;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.brand{color:inherit;letter-spacing:-.02em;font-size:1.125rem;font-weight:700;text-decoration:none}.workspace{color:#d8dde1;font-size:.875rem}aside{background:#fff;border-right:1px solid #d9d4cc;flex-direction:column;justify-content:space-between;padding:1rem;display:flex}nav{gap:.25rem;display:grid}nav span,.settings{color:#59636c;border-radius:.25rem;align-items:center;min-height:2.5rem;padding:0 .75rem;font-size:.9375rem;display:flex}nav .active{color:#7d3f20;background:#f5e7df;font-weight:600}main{max-width:58rem;padding:clamp(2rem,7vw,6rem)}.eyebrow{color:#a45730;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8125rem;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.75rem)}.summary{color:#59636c;max-width:38rem;font-size:1rem;line-height:1.6}@media (width<=44rem){.app-shell{grid-template-rows:4rem auto 1fr;grid-template-columns:1fr}aside{border-bottom:1px solid #d9d4cc;border-right:0;flex-direction:row;gap:1rem;overflow-x:auto}nav{display:flex}nav span,.settings{white-space:nowrap}}