/* veranda-remodeling-studio.html 전용 — 아기자기한 도트 배경 + 3컬럼 그리드 */
:root {
  --color-primary: #1F4A3E;
  --color-secondary: #7FA79A;
  --color-accent: #E0785A;
  --color-bg: #F5F9F6;
  --color-surface: #FFFFFF;
  --color-text: #1F4A3E;
  --color-text-muted: #597A6E;
  --color-border: rgba(31,74,62,0.14);
  --font-display: 'Jost', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.studio-hero {
  padding: var(--space-8) 0 var(--space-6);
  background-image: radial-gradient(rgba(224,120,90,0.22) 1.5px, transparent 1.5px);
  background-size: 16px 16px;
}
.studio-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; } }