/* veranda-insulation.html 전용 — 두께감 레이어 밴드 */
:root {
  --color-primary: hsl(38 52% 34%);
  --color-secondary: hsl(38 40% 46%);
  --color-accent: hsl(330 30% 44%);
  --color-bg: #FAF7F1;
  --color-surface: #FFFFFF;
  --color-text: #2C2419;
  --color-text-muted: #6B5F4F;
  --color-border: rgba(89, 62, 15, 0.16);
  --font-display: 'Gmarket Sans', 'Pretendard', sans-serif;
  --font-body: 'Pretendard', sans-serif;
}

.insul-hero h1 { color: var(--color-primary); }

.layer-band { display: grid; gap: var(--space-3); }
.layer-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-4);
  border-radius: var(--radius-md);
  background: var(--color-bg);
  border-left: 8px solid var(--color-accent);
}
.layer-item:nth-child(2) { border-left-color: var(--color-primary); margin-left: var(--space-3); }
.layer-item:nth-child(3) { border-left-color: var(--color-secondary); margin-left: var(--space-5); }
.layer-item:nth-child(4) { border-left-color: var(--color-accent); margin-left: var(--space-6); }
.layer-item span { font-family: var(--font-display); font-size: var(--fs-xl); color: var(--color-accent); }
.layer-item h3 { margin-bottom: var(--space-1); }
.layer-item p { color: var(--color-text-muted); font-size: var(--fs-sm); }
@media (max-width: 720px) {
  .layer-item, .layer-item:nth-child(2), .layer-item:nth-child(3), .layer-item:nth-child(4) { margin-left: 0; }
}