:root{
  --bg:#f4f4f2;
  --ink:#1a1a1a;
  --line:#c9c9c4;
  --accent:#8a4b32;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height:1.5;
}
nav{
  display:flex;
  gap:1.5rem;
  padding:1rem 1.5rem;
  border-bottom:1px solid var(--line);
}
nav a{
  color:var(--ink);
  text-decoration:none;
  font-size:0.9rem;
  letter-spacing:0.05em;
  text-transform:uppercase;
}
nav a.current{
  color:var(--accent);
  border-bottom:1px solid var(--accent);
}
main{
  max-width:720px;
  margin:0 auto;
  padding:4rem 1.5rem;
}
h1{
  font-size:1.8rem;
  margin-bottom:0.25rem;
}
p.tag{
  color:#666;
  margin-top:0;
}
img.placeholder{
  max-width:100%;
  border:1px solid var(--line);
  margin:1.5rem 0;
  display:block;
}
.piece{
  border:1px dashed var(--line);
  padding:1.5rem;
  margin:1.5rem 0;
  color:#666;
}
.status{
  display:inline-block;
  margin-top:1.5rem;
  padding:0.4rem 0.8rem;
  background:#e7e5e0;
  border:1px solid var(--line);
  border-radius:4px;
  font-size:0.85rem;
}
footer{
  text-align:center;
  padding:2rem 0;
  color:#888;
  font-size:0.8rem;
}