:root{--ink:#1d2920;--muted:#68736a;--paper:#f8f7f2;--panel:#fffefa;--line:#dfe3d9;--accent:#2f684e;--danger:#a23e35}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}header{height:92px;padding:18px clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fcfbf7}h1,h2,p{margin:0}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.14em;color:var(--accent)}h1{font:700 1.65rem Georgia,serif}h2{font:700 clamp(2rem,4vw,3.5rem)/1.08 Georgia,serif;margin:12px 0 16px}button{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:.7rem 1rem;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(.92)}main{height:calc(100vh - 92px);display:grid;grid-template-columns:340px 1fr}aside{border-right:1px solid var(--line);overflow:auto;padding:22px 16px}.search{border:1px solid var(--line);background:#fff;display:flex;gap:8px;align-items:center;border-radius:8px;padding:0 10px}.search input{border:0;padding:10px 0;width:100%;outline:0}.muted,.hint{color:var(--muted);font-size:.86rem}.article{display:block;width:100%;padding:14px 10px;background:transparent;color:var(--ink);text-align:left;border-bottom:1px solid var(--line);border-radius:0}.article.active{background:#e6efe5;border-left:3px solid var(--accent)}.article b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{display:grid;place-items:center;padding:32px}.empty>div{max-width:530px}.empty p:not(.eyebrow){color:var(--muted);margin-bottom:20px}#editor{overflow:auto;padding:clamp(22px,4vw,70px);background:var(--panel)}form{max-width:900px;margin:auto}.formTop{display:flex;gap:20px;justify-content:space-between;align-items:start;margin-bottom:28px}.title{border:0;border-bottom:1px solid var(--line);font:700 clamp(2rem,4vw,3.3rem)/1.1 Georgia,serif;width:100%;padding:4px 0;background:transparent;color:var(--ink);outline:0}.actions{display:flex;gap:8px;flex-shrink:0}.danger{color:var(--danger);background:transparent;border:1px solid #e3bdb9}label{display:block;font-weight:700;margin:18px 0 0}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit;font-weight:400;outline-color:var(--accent)}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:1px solid var(--line);border-radius:8px;margin:25px 0;padding:14px 16px}legend{font-weight:750;padding:0 5px}.attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.attachment{border:1px solid var(--line);padding:7px 9px;border-radius:6px;font-size:.85rem}.attachment a{color:var(--accent)}#toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:7px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:760px){header{height:72px;padding:10px 16px}header .eyebrow{display:none}main{height:calc(100vh - 72px);grid-template-columns:1fr}aside{height:205px;border-right:0;border-bottom:1px solid var(--line)}#editor{padding:24px 18px}.formTop,.two{display:block}.actions{margin-top:12px}.title{font-size:2rem}}