/* 1. 전체 레이아웃 (2단 Flexbox) */
.page-wrapper {
  padding: 5rem 2.5%;
  display: flex;
}

/* 2. 왼쪽 컬럼 (Aside - Navigation) */
.page-aside {
  width: 200px;
  margin: 0 30px;
}
.page-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.page-nav li a {
  display: block;
  padding: 0.75rem 0; /* 링크 간 상하 간격 */
  font-size: 0.9rem; /* 14.4px */
  font-weight: 600;
  color: #888; /* 비활성 색상 */
  text-decoration: none;
  transition: color 0.2s ease;
}
.page-nav li a.active,
.page-nav li a:hover {
  color: #000; /* 활성/호버 색상 */
}

@media (max-width: 768px) {
  .page-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 3rem 2.5%;
  }
}