/* PC 층: public/shared/user-pages.css 위에 얹는 넓은 화면 배치
 * 이 파일을 함께 읽는 보조 화면이 많으므로 화면이 아니라 내용으로 나눕니다.
 * 건별 목록(.pg-item 이 본문 바로 아래)이 있으면 조금 넓게, 안내 글 · 입력은 기본 읽기 폭. */
.pc-main:has(> .pg-item) {
  --pc-main-width: 960px;
}

/* ---------- 건별 목록: 흰 상자를 이어 붙인 한 장의 표. 제목 → 값들 → 오른쪽 끝 동작 ---------- */
.pg-main > .pg-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-5);
  margin: 0;
  padding: var(--space-3_5) var(--space-5);
  border-radius: 0;
  border-bottom: 1px solid var(--color-border-divider);
}

.pg-main > .pg-item:not(.pg-item + .pg-item) {
  border-top-left-radius: var(--radius-box);
  border-top-right-radius: var(--radius-box);
}

.pg-main > .pg-item:not(:has(+ .pg-item)) {
  margin-bottom: var(--space-4);
  border-bottom: 0;
  border-bottom-left-radius: var(--radius-box);
  border-bottom-right-radius: var(--radius-box);
}

.pg-main > .pg-item > .pg-item__title,
.pg-main > .pg-item > .pg-text,
.pg-main > .pg-item > .pg-muted,
.pg-main > .pg-item > .pg-textblock,
.pg-main > .pg-item > .pg-dl {
  flex: 0 0 100%;
}

.pg-main > .pg-item > .pg-text {
  margin-bottom: var(--space-1_5);
}

.pg-main > .pg-item > .pg-item__meta {
  margin-bottom: 0;
}

/* 동작(버튼 · 해제 폼 · 링크)은 값 줄의 오른쪽 끝으로 */
.pg-main > .pg-item > form,
.pg-main > .pg-item > .pg-btn,
.pg-main > .pg-item > .pg-actions,
.pg-main > .pg-item > .pg-links {
  margin: 0 0 0 auto;
}

.pg-main > .pg-item > .pg-btn--block {
  display: inline-flex;
  width: auto;
}

.pg-main > .pg-item .pg-btn {
  min-height: 36px;
  margin-top: 0;
  padding-block: var(--space-1);
  font-size: var(--font-size-sm);
}

/* ---------- 본문 바로 아래 단독 버튼 · 거르기 줄은 내용 크기로 ---------- */
.pg-main > .pg-btn--block {
  width: fit-content;
  min-width: 200px;
}

.pg-filter {
  grid-auto-flow: column;
  grid-auto-columns: auto;
  justify-content: start;
  align-items: end;
}

.pg-filter > .pg-field {
  min-width: 240px;
}

/* ---------- 자주 묻는 질문 · 글 상세는 읽기 폭, 글 상자 안쪽을 조금 넓게 ---------- */
.pg-main > .pg-card {
  padding: var(--space-6);
}