/* veranda-remodeling-back.html 전용 — 배관 라인 배경 히어로 */
:root {
  --color-primary: #2B3A42;
  --color-secondary: #8FA69C;
  --color-accent: #6E9887;
  --color-bg: #F4F7F6;
  --color-surface: #FFFFFF;
  --color-text: #2B3A42;
  --color-text-muted: #5E7570;
  --color-border: rgba(43,58,66,0.14);
  --font-display: 'Jost', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.back-hero {
  padding: var(--space-8) 0 var(--space-6);
  background-image: repeating-linear-gradient(90deg, rgba(110,152,135,0.16) 0 2px, transparent 2px 48px);
}
.back-hero h1 { color: var(--color-primary); }

.mag-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
}
.mag-grid .symptom-item { border-top: 0; padding: 0; grid-template-columns: 1fr; }
.mag-grid .symptom-item svg { margin-bottom: var(--space-2); width: 26px; height: 26px; }
@media (max-width: 860px) { .mag-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .mag-grid { grid-template-columns: 1fr; } }