.page {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}

.page-header { margin-bottom: 28px; }
.page-title-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.page-title { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.page-cat {
  font-size: 12px; color: var(--muted);
  background: var(--bg); border: 1px solid var(--border);
  border-radius: 4px; padding: 2px 8px;
}
.page-desc { font-size: 13px; color: var(--muted); margin-top: 4px; }

.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 24px 28px;
  margin-bottom: 16px;
}

.card h2 {
  font-size: 14px;
  font-weight: 700;
  color: var(--sub);
  margin-bottom: 10px;
  letter-spacing: 0.02em;
}

.card p {
  font-size: 14px;
  color: var(--ink);
  line-height: 1.8;
}

.card table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.card table tr + tr td { border-top: 1px solid var(--border); }
.card table td {
  padding: 10px 0;
  vertical-align: top;
}
.card table td:first-child {
  color: var(--muted);
  width: 7em;
  white-space: nowrap;
}