:root { --ink:#1c1917; --line:#e6d3b8; --muted:#78716c; }
* { box-sizing:border-box; }
body { margin:0; font-family:ui-sans-serif,system-ui,sans-serif; background:#f6efe3; color:var(--ink); }
.yard { height:160px; background:url("../banner.jpg") center 42%/cover no-repeat; position:relative; }
.yard:after { content:""; position:absolute; inset:0; background:linear-gradient(#0000,#f6efe3); }
.yard span { position:absolute; left:16px; bottom:12px; z-index:1; background:#fff6e8; border-radius:999px; padding:6px 10px; font-weight:800; font-size:13px; }
header { background:#fffaf2; border-bottom:1px solid var(--line); padding:14px 20px; display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
header a { color:inherit; font-weight:700; text-decoration:none; margin-right:14px; }
main { width:min(880px,calc(100% - 32px)); margin:18px auto 60px; }
h1 { font-size:32px; margin:0 0 8px; }
h2 { margin:8px 0; }
a.card { display:block; background:#fffaf2; border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:10px 0; color:inherit; text-decoration:none; }
.card { background:#fffaf2; border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:10px 0; }
.tag { font-size:12px; font-weight:800; }
.done { color:#15803d; }
.wait { color:#b45309; }
.muted { color:var(--muted); font-size:14px; }
button,input { font:inherit; padding:10px 12px; border-radius:10px; border:1px solid var(--line); }
button { background:#1c1917; color:#fff; font-weight:700; }