/* N:US – About 페이지 전용 스타일 */
/* 기본 색상과 폰트는 index.css에서 가져오고, 레이아웃만 가볍게 잡습니다. */

.about-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 96px 20px 64px;
  box-sizing: border-box;
}

.about-page h1 {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.about-page .about-meta {
  font-size: 0.9rem;
  opacity: 0.8;
  margin-bottom: 2rem;
}

.about-section {
  margin-bottom: 2.5rem;
}

.about-section h2 {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
  border-left: 3px solid #f3c623;
  padding-left: 0.5rem;
}

.about-section h3 {
  font-size: 0.95rem;
  margin: 1rem 0 0.4rem;
  font-weight: 600;
}

.about-section p,
.about-section li {
  font-size: 0.9rem;
  line-height: 1.6;
}

.about-section ul {
  padding-left: 1.2rem;
  margin: 0.25rem 0 0.75rem;
}

.about-highlight {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 0.5rem;
}

.about-small {
  font-size: 0.8rem;
  opacity: 0.7;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .about-page {
    padding-top: 72px;
    padding-bottom: 48px;
  }
}