:root{--ink:#18342f;--paper:#f7f5ef;--accent:#b46947;--line:#d9d2c3}*{box-sizing:border-box}body{margin:0;background:#eee8da;color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:48px 24px}section{background:var(--paper);padding:clamp(24px,5vw,56px)}#login{max-width:440px;margin:12vh auto}p{margin:0;color:var(--accent);font-weight:700;letter-spacing:.08em}h1{margin:8px 0 30px;font:48px Georgia,serif}h2{margin:0 0 20px;font:28px Georgia,serif}form{display:grid;gap:18px}label{display:grid;gap:7px;font-weight:700}input,textarea,.content-editor{width:100%;padding:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit}button{padding:11px 16px;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:700;cursor:pointer}.actions{display:flex;gap:12px}.actions button+button,#logout{background:transparent;color:var(--ink);border:1px solid var(--ink)}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:34px}header h1{margin-bottom:0}.editor-label{font-weight:700}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:-10px}.editor-toolbar button{padding:7px 10px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:13px}.content-editor{min-height:280px;overflow:auto;line-height:1.8}.content-editor:empty:before{color:#8c968f;content:attr(data-placeholder)}.content-editor img{display:block;max-width:100%;height:auto;margin:16px 0}.editor-help{color:#65716b;font-size:13px;font-weight:400;letter-spacing:0}#articles{display:grid;gap:10px;margin-top:48px}.article{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px;border-top:1px solid var(--line)}.article h2{margin:0;font-size:19px}.article p{color:#65716b;font-size:13px;font-weight:400}.article button{margin-left:8px;padding:7px 10px;font-size:13px}small{color:#a33}@media(max-width:600px){main{padding:0}.article{grid-template-columns:1fr}.article div:last-child{display:flex;flex-wrap:wrap}.article button{margin:0 8px 0 0}.editor-toolbar button{padding:7px 8px}}