/* dongtan-insulation.html 전용 — floating-card */
:root {
  --color-primary: hsl(225 42% 28%);
  --color-secondary: hsl(225 28% 44%);
  --color-accent: hsl(45 50% 46%);
  --color-bg: hsl(225 35% 97%);
  --color-surface: #FFFFFF;
  --color-text: hsl(225 25% 14%);
  --color-text-muted: hsl(225 14% 38%);
  --color-border: hsl(225 30% 20% / 0.14);
  --font-display: 'Nanum Myeongjo', serif;
  --font-body: 'Pretendard', sans-serif;
}

.area-hero--floating-card .area-hero__inner { background: var(--color-surface); box-shadow: var(--shadow-md); border-radius: var(--radius-lg); padding: var(--space-6); }
.area-hero--floating-card h1 { color: var(--color-primary); }
.area-hero--floating-card { background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-bg) 240px); }

.area-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-4); }
.area-block { padding: var(--space-5); border-radius: var(--radius-md); background: var(--color-surface); border-top: 4px solid var(--color-accent); }
.area-block:nth-child(2) { border-top-color: var(--color-primary); }
.area-block:nth-child(3) { border-top-color: var(--color-secondary); }
.area-block h3 { margin-bottom: var(--space-2); }
.area-block p { color: var(--color-text-muted); font-size: var(--fs-sm); }
@media (max-width: 720px) { .area-blocks { grid-template-columns: 1fr; } }

.area-imgset { display: flex; justify-content: center; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; margin: 0 auto; max-width: 760px; }
.area-imgset figure { margin: 0; width: 260px; text-align: center; }
.area-imgset img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: var(--radius-md); display: block; }
.area-imgset figcaption { margin-top: var(--space-2); font-size: var(--fs-sm); letter-spacing: 0.1em; color: var(--color-accent); font-weight: 600; }

.area-faq { display: grid; gap: var(--space-4); max-width: 760px; }
.area-faq-item { padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--color-bg); border-left: 3px solid var(--color-accent); }
.area-faq-q { font-weight: 700; color: var(--color-primary); margin-bottom: var(--space-2); }
.area-faq-a { color: var(--color-text-muted); font-size: var(--fs-sm); }