*{box-sizing:border-box}body{margin:0;background:#eef2f7;color:#253247;font:17px/1.65 system-ui,sans-serif}a{color:#354f78;text-underline-offset:4px}a:hover{color:#132a4d}:focus-visible{outline:3px solid #805300;outline-offset:4px}
header{background:#253247;color:#f1f5fc;padding:20px max(5vw,20px);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}header a{color:#f1f5fc}header a:hover{color:#fff}.brand{font-size:1.3rem;font-weight:750;text-decoration:none;letter-spacing:.02em}nav{display:flex;gap:20px;flex-wrap:wrap}.context{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#c5d4ea}
main{max-width:1080px;margin:44px auto;padding:0 24px}h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0 24px}h2{line-height:1.3}.intro{color:#455875;max-width:65ch}.panel,article{background:#fff;padding:clamp(20px,4vw,44px);border:1px solid #c9d3e0;border-radius:14px;min-width:0}.copy{white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch;font-size:1.1rem}.pages{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none}.pages a{display:block;background:#fff;border:1px solid #c9d3e0;padding:12px 20px;border-radius:8px}.workspace{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr);gap:24px}aside ul{padding:0;list-style:none}aside button{width:100%;text-align:left}.hint{font-size:.9rem;color:#455875}label{display:block;font-weight:650;margin:16px 0 6px}input,textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid #8292aa;border-radius:7px;color:inherit;background:#fff}textarea{min-height:250px;resize:vertical}button{font:inherit;background:#253247;color:#fff;border:1px solid #253247;padding:10px 16px;margin:8px 8px 0 0;border-radius:7px;cursor:pointer}button.secondary{background:#fff;color:#253247}button:disabled{opacity:.6;cursor:wait}.actions{display:flex;gap:8px;flex-wrap:wrap}#status{padding:12px 0;font-weight:600;overflow-wrap:anywhere}footer{max-width:1080px;margin:40px auto;padding:24px;color:#455875;border-top:1px solid #c9d3e0} [hidden]{display:none!important}@media(max-width:700px){main{margin-top:24px}.workspace{grid-template-columns:1fr}header{gap:12px}nav{gap:14px}h1{font-size:2.3rem}}