*{box-sizing:border-box}body{margin:0;background:#f3f7fc;color:#10234c;font:16px/1.6 system-ui,sans-serif}main{max-width:1150px;margin:32px auto;padding:24px}h1{font-size:32px}a{color:#174999}label{display:block;margin:16px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #b9c8dc;border-radius:8px;font:inherit;background:white;color:#10234c}button{padding:11px 18px;border:0;border-radius:8px;background:#10234c;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5}#login{max-width:420px}.toolbar{display:flex;gap:12px;margin-bottom:24px}.layout{display:grid;grid-template-columns:260px 1fr;gap:30px}aside button{display:block;width:100%;text-align:left;margin:0 0 12px;background:white;color:#10234c;border:1px solid #c8d5e6}#preview{max-width:100%;max-height:260px}#message{white-space:pre-line}article{max-width:800px;background:white;padding:32px;border-radius:16px}article img{max-width:100%}.body{white-space:pre-wrap}#articles{display:grid;gap:18px}.post{padding:24px;background:white;border-radius:12px}.post img{max-width:100%;max-height:260px}@media(max-width:720px){main{padding:16px;margin:12px auto}.layout{grid-template-columns:1fr}article{padding:18px}}