:root { --yellow:#ffe100; --ink:#171717; --line:#deded7; --paper:#f7f7f2; --red:#d93122; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.5 Arial,"Noto Sans SC",sans-serif; }
.admin-shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:28px 0 70px; }
.admin-brand { display:inline-flex; align-items:center; gap:11px; color:inherit; text-decoration:none; font-weight:700; }
.admin-brand img { width:42px; height:42px; object-fit:cover; }
.admin-brand small { font-size:11px; color:#666; font-weight:400; }
.login-panel { width:min(430px,100%); margin:12vh auto 0; background:#fff; padding:38px; }
.eyebrow { font:11px/1.2 monospace; letter-spacing:1.2px; color:var(--red); margin:0 0 12px; }
.login-panel h1,.dashboard h1 { margin:0 0 28px; font-size:31px; }
form { display:grid; gap:17px; }
label { display:grid; gap:7px; font-size:13px; font-weight:600; }
input,textarea { width:100%; border:1px solid #c8c8c1; border-radius:0; background:#fff; padding:10px 11px; color:var(--ink); font:14px/1.5 inherit; }
textarea { resize:vertical; }
input:focus,textarea:focus { outline:2px solid var(--yellow); border-color:var(--ink); }
button { border:0; border-radius:0; background:var(--ink); color:#fff; padding:12px 15px; font-weight:700; cursor:pointer; }
.message { min-height:20px; font-size:13px; margin:0; }
.message.error { color:#bd281c; }.message.success { color:#237523; }
.dashboard { margin-top:55px; }
.dashboard header { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid var(--ink); padding-bottom:17px; }
.dashboard h1 { margin:0; }.dashboard header>div:last-child { display:flex; gap:20px; align-items:center; }.dashboard header a { font-size:13px; color:inherit; }
.plain-button { background:none; color:var(--ink); padding:0; font-size:13px; text-decoration:underline; }
.dashboard-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:54px; margin-top:36px; }
.editor { background:#fff; padding:30px; }.editor h2,.article-list h2 { font-size:19px; margin:0 0 25px; }
fieldset { padding:0 0 19px; border:0; border-bottom:1px solid var(--line); display:grid; gap:14px; } fieldset+fieldset { padding-top:19px; }
legend { font-size:12px; font-family:monospace; color:var(--red); margin-bottom:13px; }.cover-label { margin-top:3px; }
.article-list article { display:flex; align-items:start; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); padding:15px 0; }
.article-list time { font:11px monospace; color:var(--red); }.article-list h3 { font-size:15px; margin:4px 0; }.article-list p { font-size:12px; color:#666; margin:0; }
.article-list article button { background:transparent; color:#a32218; padding:2px 0; font-size:12px; text-decoration:underline; }.muted { color:#777; font-size:13px; }
@media(max-width:760px) { .admin-shell { width:min(100% - 32px,600px); }.login-panel { padding:27px; }.dashboard { margin-top:38px; }.dashboard header { align-items:start; gap:22px; }.dashboard h1 { font-size:27px; }.dashboard-grid { grid-template-columns:1fr; gap:42px; }.editor { padding:21px; }.dashboard header>div:last-child { display:grid; gap:7px; text-align:right; }.plain-button { padding:0; } }