body{font:16px system-ui,sans-serif;background:#f4f7f9;color:#183247;margin:0}header,main,footer{max-width:1100px;margin:auto;padding:20px}a{color:#075c80}h1{font-size:1.8rem}#catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}article,#editor{background:white;border:1px solid #cbd5df;border-radius:10px;padding:18px;margin:10px 0}article h2{font-size:1.15rem}button,input{font:inherit;padding:9px;max-width:100%;box-sizing:border-box}button{cursor:pointer;margin:4px}label{display:block;margin:12px 0}label input:not([type=checkbox]){display:block;width:100%}dialog{width:min(480px,85vw);max-height:85vh;border:1px solid #abc;border-radius:10px}#rows>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ddd;padding:8px;overflow-wrap:anywhere}#message,#formMessage{color:#9c231a}small{display:block;color:#506578}[hidden]{display:none!important}