/* nameList.css
   - 목적: 404 방지 + 기본적인 가독성/레이아웃 보정
   - 기존 템플릿/앱 스타일을 과도하게 덮어쓰지 않도록 최소한만 정의
*/

/* 기본 박스 모델 */
* { box-sizing: border-box; }

/* 전체 폭/여백 */
#content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px;
}

/* 네비게이션 기본 정리 */
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

nav a {
  text-decoration: none;
}

/* 공통 링크/버튼 느낌 최소 */
a:hover { text-decoration: underline; }

/* 리스트 기본 */
ul, ol { padding-left: 20px; }

/* 사진 썸네일 공통 */
img.thumbnail {
  display: block;
  max-width: 220px;
  height: auto;
}

/* photo 앱에서 사용하는 레이아웃 클래스가 있을 때만 적용 */
.album-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.album-detail-photo {
  padding: 8px;
  border: 1px solid #ddd;
}

.album-detail-photo li {
  list-style: none;
  margin: 2px 0;
  padding: 0;
}