/* ===== Header 스타일 ===== */
.site-header {
  display: flex;
  align-items: center;       /* 로고와 텍스트 수직 가운데 정렬 */
  gap: 20px;                 /* 로고와 텍스트 사이 여백 */
  background: linear-gradient(90deg,#2c3e50 0%,#4a6491 100%);
  color: #fff;
  padding: 20px 30px;
}

.site-header .logo img {
  height: 80px;              /* 로고 크기 */
  width: auto;
}

.site-header .title h1 {
  font-size: 1.8rem;
  margin: 0;
}

.site-header .title .subtitle {
  margin: 4px 0 0;
  font-size: 0.95rem;
  color: #ddd;
}

.site-header .title .description {
  margin: 6px 0 0;
  font-size: 0.95rem;
  color: #f0f0f0;
}

.hits img {
  height: 24px;
}