:root {
  --sub-bg: var(--bg);
  --sub-text: var(--fg);
  --sub-muted: var(--muted);
}

.subpage {
  padding-top: 100px;
  padding-bottom: 80px;
  min-height: calc(100vh - 200px);
  background: var(--sub-bg);
}

.subpage-container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: var(--accent);
  text-decoration: none;
  margin-bottom: 32px;
}

.back-link:hover {
  opacity: 0.7;
}

.subpage h1 {
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  margin-bottom: 0.4rem;
}

.subpage-meta {
  font-size: 0.95rem;
  color: var(--sub-muted);
  margin-bottom: 2rem;
}

.subpage h2 {
  font-size: 1.2rem;
  margin-top: 2.5rem;
  margin-bottom: 0.6rem;
}

.subpage p,
.subpage li {
  font-size: 0.95rem;
  color: var(--sub-muted);
  line-height: 1.7;
}

.subpage ul {
  padding-left: 20px;
}

.subpage-footer {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--card-border);
  font-size: 0.85rem;
}