:root{font:16px/1.55 system-ui,sans-serif;color:#1d2838;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;background:#19283e;color:white;padding:1rem 3vw}main{max-width:1500px;margin:auto;padding:0 3vw 3rem}h1{font-size:1.65rem}h2{font-size:1.25rem}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#173d6c;color:white;border:1px solid #173d6c;border-radius:6px;padding:.6rem 1rem}button:disabled{opacity:.5;cursor:default}input,textarea,select{width:100%;padding:.6rem;border:1px solid #68788b;border-radius:5px;background:white;color:#172234}textarea{min-height:100px;resize:vertical}label{display:block;margin:1rem 0}label small{display:block;color:#43536a}a{color:#174e89}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b45309;outline-offset:3px}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.card,aside,#editor, #preview-output{padding:1rem;background:white;border:1px solid #d1d9e3;border-radius:7px}.card strong{display:block;overflow-wrap:anywhere}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.3rem;margin:1.5rem 0}aside{align-self:start}#login{max-width:420px;margin:4rem auto;background:white;padding:2rem}#status{padding:0 3vw;min-height:1.5rem;white-space:pre-wrap}#conflicts{color:#9b2020}.controls{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}#draft-state{font-weight:600}#diff article{border-block-end:1px solid #c6cfdc;padding:.5rem 0}#diff p,#preview-fields p{white-space:pre-wrap;overflow-wrap:anywhere}.old{color:#813022}.new{color:#21532c}#history{overflow:auto}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:start;padding:.6rem;border:1px solid #ccd4e0;vertical-align:top}td{min-width:120px;overflow-wrap:anywhere}details{max-width:440px}dialog{max-width:560px;border:1px solid #64748b;border-radius:8px}dialog::backdrop{background:#101c30aa}[hidden]{display:none!important}.skip{position:absolute;inset-block-start:-100px;background:white;padding:.5rem}.skip:focus{inset-block-start:0}@media(max-width:760px){.layout{grid-template-columns:1fr}.controls button{flex:1 1 45%}header{gap:1rem}main{padding-inline:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}