/* veranda-remodeling-company.html 전용 — 골드 대각선 패턴 히어로 */
:root {
  --color-primary: #1B2A4A;
  --color-secondary: #7C8CA6;
  --color-accent: #C9A227;
  --color-bg: #F7F6F1;
  --color-surface: #FFFFFF;
  --color-text: #1B2A4A;
  --color-text-muted: #5B6478;
  --color-border: rgba(27,42,74,0.14);
  --font-display: 'Jost', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.company-hero {
  padding: var(--space-8) 0 var(--space-6);
  background-image: repeating-linear-gradient(135deg, rgba(201,162,39,0.12) 0 2px, transparent 2px 40px);
}
.company-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; } }