:root { --fg:#1a1a1a; --bg:#fff; --muted:#666; --line:#ccc; --accent:#1f5f99; --err:#b00020; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#e6e6e6; --bg:#161616; --muted:#9a9a9a; --line:#444; --accent:#7fb3e6; --err:#ff6b81; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:17px/1.5 system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; }
main { max-width:46rem; margin:0 auto; padding:1.5rem 1rem 4rem; }
h1 { font-size:1.5rem; } h2 { font-size:1.15rem; margin-top:2rem; }
a { color:var(--accent); }
.field { margin:1.1rem 0; }
.field > label { display:block; font-weight:600; }
.req { color:var(--err); }
.help { margin:.1rem 0 .3rem; color:var(--muted); font-size:.9rem; }
input[type=text], input[type=email], textarea {
  width:100%; padding:.55rem .7rem; font:inherit; color:inherit; background:transparent;
  border:1px solid var(--line); border-radius:4px; }
textarea[name=body] { font-family: ui-monospace, Menlo, Consolas, monospace; font-size:.9rem; }
.check label { font-weight:normal; }
button { font:inherit; padding:.6rem 1.4rem; border:0; border-radius:4px;
         background:var(--accent); color:var(--bg); cursor:pointer; }
.errors { border:1px solid var(--err); border-radius:4px; padding:.5rem 1rem; color:var(--err); }
.hp { position:absolute; left:-10000px; }
dl { display:grid; grid-template-columns:max-content 1fr; gap:.3rem 1rem; }
dt { font-weight:600; } dd { margin:0; white-space:pre-line; }
pre.tex { white-space:pre-wrap; border:1px solid var(--line); padding:.7rem; font-size:.85rem; }

.home { margin:0 0 .5rem; font-size:.9rem; }
.home a { text-decoration:none; }
.note { border-left:3px solid var(--accent); padding:.3rem .8rem; }
.actions { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin-top:1.5rem; }
a.button { display:inline-block; font:inherit; padding:.6rem 1.4rem; border-radius:4px;
           border:1px solid var(--accent); color:var(--accent); text-decoration:none; }
button[value=preview], button[value=edit] { background:transparent; color:var(--accent);
           border:1px solid var(--accent); }