*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Pretendard,sans-serif;background:#f6f7f9;color:#1d1f23}.wrap{max-width:720px;margin:0 auto;padding:24px 16px}header h1{font-size:22px;margin:0 0 16px}nav{display:flex;gap:8px;margin-bottom:20px}nav button{padding:8px 16px;border:1px solid #d5d9e0;border-radius:8px;background:#fff;cursor:pointer}nav button.on{background:#2b4a7d;color:#fff;border-color:#2b4a7d}.list{list-style:none;padding:0;margin:0;background:#fff;border-radius:12px}.list li{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef0f3;cursor:pointer}.list li:last-child{border-bottom:0}.date{color:#8a919c;font-size:13px;white-space:nowrap}article{background:#fff;border-radius:12px;padding:20px}article .body{white-space:pre-wrap;line-height:1.6}.link{background:none;border:0;color:#2b4a7d;cursor:pointer;padding:0}form{display:grid;gap:14px;background:#fff;border-radius:12px;padding:20px}label{display:grid;gap:6px;font-size:14px;color:#4a515c}input,textarea{padding:10px 12px;border:1px solid #d5d9e0;border-radius:8px;font:inherit}form button{padding:12px;border:0;border-radius:8px;background:#2b4a7d;color:#fff;font-size:15px;cursor:pointer}form button:disabled{opacity:.6}.msg{color:#4a515c}.msg.ok{color:#1a7f4b}.msg.err{color:#c0362c}