:root { font: 16px/1.45 system-ui, sans-serif; color:#20231f; background:#f4f1ea; } body { margin:0; } main { width:min(1100px, calc(100% - 32px)); margin:auto; padding:24px 0 64px; } header { display:flex; justify-content:space-between; align-items:center; } header a { color:inherit; text-decoration:none; } header p,.intro>p { letter-spacing:.12em; font-size:.75rem; } .intro { padding:40px 0 24px; } h1 { font-size:clamp(2.3rem,7vw,4.8rem); line-height:.95; margin:.2em 0; } .card { background:white; border:1px solid #d8d4ca; padding:20px; margin-top:16px; border-radius:8px; } .heading,form { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } .heading h2 { margin-right:auto; } input,select,button,textarea { font:inherit; padding:9px; border:1px solid #bcb8af; border-radius:4px; } button { background:#20231f; color:white; border-color:#20231f; cursor:pointer; } article { border-top:1px solid #dedad1; padding:14px 0; display:grid; gap:8px; } article:first-child { border-top:0; } article h3,article p { margin:0; } small { color:#666; } .actions { display:flex; gap:8px; flex-wrap:wrap; } .status { font-weight:700; } .empty { color:#666; }