/* veranda-tile.html 전용 — 매거진 3컬럼 그리드 + 타일 패턴 배경 */
:root {
  --color-primary: #2E2A26;
  --color-secondary: #D9A441;
  --color-accent: #B5842E;
  --color-bg: #FAF7F2;
  --color-surface: #EDE7DD;
  --color-text: #2E2A26;
  --color-text-muted: #6B6255;
  --color-border: rgba(46, 42, 38, 0.16);
  --font-display: 'Jost', 'Gowun Batang', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.tile-hero {
  padding: var(--space-8) 0 var(--space-6);
  background-image:
    repeating-linear-gradient(0deg, rgba(217,164,65,0.14) 0 2px, transparent 2px 64px),
    repeating-linear-gradient(90deg, rgba(217,164,65,0.14) 0 2px, transparent 2px 64px);
}
.tile-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; } }