/* balcony-remodeling-cost-per-pyeong.html 전용 — 중앙정렬 히어로 + 비용요소 표 중심 */
:root {
  --color-primary: #3A3226;
  --color-secondary: #8C6A4F;
  --color-accent: #8C6A4F;
  --color-bg: #F2EDE4;
  --color-surface: #FFFFFF;
  --color-text: #221E17;
  --color-text-muted: #5C5347;
  --color-border: rgba(58,50,38,0.14);
  --font-display: 'Noto Serif KR', 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-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  max-width: 720px;
  margin: 0 auto;
}
.gallery-side figure { margin: 0; }
.gallery-side img { width: 100%; height: auto; border-radius: var(--radius-md); display: block; }
.gallery-side figcaption { margin-top: var(--space-2); text-align: center; font-size: var(--fs-sm); color: var(--color-text-muted); }
.gallery-side .tag { display: inline-block; font-size: 0.75rem; letter-spacing: 0.1em; font-weight: 700; color: var(--color-accent); margin-bottom: var(--space-2); }
@media (max-width: 640px) { .gallery-side { grid-template-columns: 1fr; } }

.faq-list { display: grid; gap: var(--space-4); }
.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; }