*{box-sizing:border-box}body{margin:0;background:#091321;color:#f5f7fb;font:16px/1.6 system-ui,sans-serif}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 60px}header,nav,.actions{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}header{margin-bottom:48px}nav{justify-content:flex-start}a{color:#b8f25b}.brand{color:#f5f7fb;font-weight:800;text-decoration:none}h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.1}h2,h3{line-height:1.25}p{color:#aab8cc}button,.button{border:0;background:#b8f25b;color:#091321;border-radius:10px;padding:12px 16px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}button:hover{background:#d6ffa0}.panel{background:#102138;border:1px solid #293b54;border-radius:18px;padding:24px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.auth{max-width:520px;margin:50px auto}form{display:grid;gap:18px}nav form{display:block}label{display:grid;gap:8px}input,textarea{width:100%;border:1px solid #405471;background:#091625;border-radius:10px;padding:12px;color:#fff;font:inherit}input:focus-visible,textarea:focus-visible{outline:2px solid #b8f25b}img{max-width:100%;border-radius:14px;object-fit:cover}.article{max-width:800px;margin:auto}.article-body{font-size:1.1rem;line-height:1.85;margin:36px 0}.article-body p{color:#e3eaf5}.editor{display:grid;grid-template-columns:260px 1fr;gap:20px}.post-choice{display:block;width:100%;text-align:left;background:#1d324b;color:#f5f7fb;margin-top:12px}.error,#message{color:#ffb1b1}#preview{max-height:260px}details>label{margin-top:12px}[hidden]{display:none!important}@media(max-width:760px){.editor,.cards{grid-template-columns:1fr}}

.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #293b54}td:first-child{min-width:160px}code{overflow-wrap:anywhere}.panel+.panel{margin-top:20px}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.article-body a{overflow-wrap:anywhere}
