/* balcony-remodeling-diy.html 전용 — 중앙정렬 히어로 + 세로 스택 갤러리 */
:root {
  --color-primary: #4B3B2A;
  --color-secondary: #B98C4A;
  --color-accent: #B98C4A;
  --color-bg: #F6F1E8;
  --color-surface: #FFFFFF;
  --color-text: #241C13;
  --color-text-muted: #6B5D4A;
  --color-border: rgba(75,59,42,0.14);
  --font-display: 'Jost', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.hero.stack { max-width: 640px; margin: 0 auto; text-align: center; }
.hero.stack .hero__cta { justify-content: center; }

.gallery-stack { max-width: 480px; margin: 0 auto; display: grid; gap: var(--space-4); }
.gallery-stack figure { margin: 0; }
.gallery-stack img { width: 100%; height: auto; border-radius: var(--radius-md); display: block; }
.gallery-stack figcaption { margin-top: var(--space-2); text-align: center; font-size: var(--fs-sm); color: var(--color-text-muted); }
.gallery-stack .tag { display: inline-block; font-size: 0.75rem; letter-spacing: 0.1em; font-weight: 700; color: var(--color-accent); margin-bottom: var(--space-2); }

.faq-list { display: grid; gap: var(--space-4); max-width: 640px; margin: 0 auto; }
.faq-list h3 { font-size: 1.05rem; margin-bottom: var(--space-2); color: var(--color-primary); }
.faq-list p { color: var(--color-text-muted); margin: 0; }