*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#132238;font:16px/1.65 system-ui,sans-serif}header{background:#132238;color:white;display:flex;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1200px)/2))}a{color:inherit}header>a{font-weight:750;text-decoration:none}nav{display:flex;gap:24px}main{max-width:1200px;margin:auto;padding:30px 24px}h1{margin-bottom:4px}p{color:#526174}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}aside,article{background:white;border:1px solid #dce3eb;border-radius:16px;padding:24px;min-width:0}input{width:100%;padding:12px;border:1px solid #b1becb;border-radius:8px;font:inherit;margin:8px 0 16px}#items{max-height:65vh;overflow:auto}#items button{width:100%;padding:12px;text-align:left;background:white;border:0;border-bottom:1px solid #edf0f4;font:inherit;cursor:pointer;color:#243953}#items button[aria-current=true]{background:#edf4f2;color:#18634b;font-weight:700}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}#meta{font-size:12px;overflow-wrap:anywhere}#create{display:inline-block;color:#18634b;margin-top:20px}[hidden]{display:none!important}:focus-visible{outline:3px solid #277a68;outline-offset:3px}@media(max-width:1000px){header{flex-direction:column;padding:16px 20px}.layout{grid-template-columns:1fr}main{padding:20px 16px}aside,article{padding:18px}#items{max-height:240px}h1{font-size:28px}}