:root {
  --brand: #b75d78;
  --brand-dark: #7d3d52;
  --accent: #e8b4c4;
  --chip: #f7e8ee;
  --ink: #2b1d22;
  --muted: #6b4f58;
  --bg: #fffafb;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Iwanami Mincho", "Source Han Serif TC", "Noto Serif TC", serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.7;
}
a { color: var(--brand-dark); }
.site-header, .site-footer, main {
  max-width: 44rem;
  margin: 0 auto;
  padding: 1.25rem 1rem;
}
.site-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  border-bottom: 1px solid var(--accent);
}
.brand { margin: 0; font-size: 1.25rem; }
.brand a { color: var(--brand); text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.lede, .note { color: var(--muted); }
.cards { display: grid; gap: 0.75rem; }
.cards a {
  display: block;
  padding: 0.9rem 1rem;
  background: #fff;
  border: 1px solid var(--accent);
  border-radius: 12px;
  text-decoration: none;
}
.topic-cluster {
  display: grid;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.topic-cluster-card {
  padding: 0.9rem 1rem;
  background: var(--chip);
  border-radius: 12px;
}