*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#173047;font:15px/1.5 system-ui,sans-serif}header{background:#102c43;color:white;padding:18px 4%;display:flex;align-items:center;gap:30px}header a{color:white}header a:first-child{font-size:22px;margin-right:auto}header span{font-size:14px;font-weight:400;opacity:.7}header form{margin:0}nav{padding:14px 4%;background:white;display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #dae3eb}a{color:#096b9b;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1400px;margin:30px auto;padding:0 25px}h1{font-size:30px}h2{font-size:20px}table{width:100%;border-collapse:collapse;background:white;margin:20px 0}td,th{text-align:left;padding:12px;border-bottom:1px solid #e4eaf0;overflow-wrap:anywhere}th{color:#597084;font-size:12px;text-transform:uppercase}label{display:block;margin:14px 0 6px}input:not([type=checkbox]),textarea{width:100%;display:block;padding:11px;border:1px solid #bccbd6;border-radius:5px;font:inherit;background:white}button{padding:10px 18px;color:white;background:#08779b;border:0;border-radius:5px;font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.notice{padding:14px;border-left:4px solid #f4b638;background:#fff8e8}.error{padding:15px;background:#ffe6e6;color:#a21c1c}.success{padding:15px;background:#def6e8}.editor{min-height:540px;font:13px/1.6 ui-monospace,monospace}.login{max-width:450px;background:white;margin:10vh auto;padding:35px;border-radius:12px}.login h1 span{display:block;font-size:16px;color:#789}.filters{display:flex;gap:10px}.revision{display:flex;gap:20px;align-items:center;margin:10px 0}article{background:white;padding:20px;margin:15px 0;border-radius:8px}.preview{max-width:500px;width:100%}details{margin:20px 0}code{overflow-wrap:anywhere}@media(max-width:700px){main{padding:0 12px}header{gap:10px;flex-wrap:wrap}table{font-size:12px}td,th{padding:8px}nav{gap:15px}.login{margin:30px 15px}.editor{min-height:400px}}