*{box-sizing:border-box}body{margin:0;background:#f2f5f8;color:#202b36;font:16px Arial}header{background:#173b5b;color:white;padding:18px max(20px,calc((100% - 900px)/2));display:flex;justify-content:space-between}header a{color:white}header span{font-weight:400;margin-left:8px}main{max-width:900px;margin:30px auto;padding:0 16px;min-height:85vh}h1{font-size:27px;margin:0 0 8px}.top,.item{display:flex;justify-content:space-between;align-items:center;gap:18px}.panel,.item{background:white;border:1px solid #dce3e9;border-radius:12px;padding:22px;margin:16px 0}.narrow{max-width:430px;margin:60px auto}.item p{white-space:pre-wrap;color:#657383}.item small{color:#778493}.button,button{display:inline-block;background:#17679b;color:white;border:0;border-radius:8px;padding:12px 16px;text-decoration:none;font-weight:bold;cursor:pointer}.secondary{background:#e8eef3;color:#23445c}.danger{background:#a52d35;margin-top:14px}label{display:block;font-weight:bold;margin:14px 0}input,textarea{width:100%;padding:12px;border:1px solid #cbd5df;border-radius:7px;font:inherit;margin:7px 0 12px}textarea{line-height:1.5}.search{display:flex;gap:8px}.search input{flex:1}.flash{background:#fff0d8;padding:12px;border-radius:8px;margin:12px 0}@media(max-width:600px){.top,.item{align-items:flex-start;flex-direction:column}}