/* Post Writer - Hero Section */
/* ─── 5. Hero Section ────────────────────────────────── */

hello-ruru-header {
  display: block;
  margin-bottom: 28px;
}

.hero {
  text-align: center;
  padding: 16px 24px 40px;
}

.hero__title {
  font-family: 'GenSenRounded', 'Noto Sans TC', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.hero__icon {
  stroke: var(--accent-primary);
  -webkit-text-fill-color: initial;
  flex-shrink: 0;
}

.hero__subtitle {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-secondary);
  margin-bottom: 20px;
}

.hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
  box-shadow: var(--shadow);
}

.hero__badge svg {
  width: 14px;
  height: 14px;
  stroke: var(--icon-stroke);
  flex-shrink: 0;
}