body{font-family:system-ui,sans-serif;background:#f3f6fa;color:#172033;margin:0}main{max-width:1100px;margin:3rem auto;padding:2rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem}.eyebrow{font-size:.72rem;letter-spacing:.11em;color:#60718b;font-weight:700}h1{margin:.25rem 0;font-size:2rem}h2{margin-top:0}.legacy,.open{display:inline-block;background:#0759c7;color:#fff;padding:.7rem 1rem;border-radius:.5rem;text-decoration:none}.workspace{display:grid;grid-template-columns:minmax(230px,1fr) 2fr;background:#fff;border-radius:14px;min-height:360px;overflow:hidden;box-shadow:0 6px 24px #17203318}aside{padding:1.5rem;border-right:1px solid #dce3ed}article{padding:2rem}ul{list-style:none;padding:0}li button{width:100%;text-align:left;border:0;background:none;padding:.7rem;border-radius:.4rem;font:inherit;color:inherit}.selected{background:#e7f0ff!important;font-weight:700}@media(max-width:640px){header,.workspace{display:block}aside{border-right:0;border-bottom:1px solid #dce3ed}.legacy{margin-top:1rem}}footer{margin-top:1.5rem;color:#526079;font-size:.85rem}footer p{margin:.3rem 0}