/* vfdt — 실내수직농장 데이터관리 — 라이트, 큰 숫자 카드 + 예시 막대 */
.vfdt { background: #fbfaf7; color: #201d1a; overflow: hidden; }

.vfdt-hero { padding: 88px 24px 50px; text-align: center; border-bottom: 1px solid #ece7dd; }
.vfdt-eyebrow { display: inline-block; font-family: monospace; font-size: .72rem; letter-spacing: .18em; font-weight: 800; color: #c0562b; margin-bottom: 14px; }
.vfdt-hero h1 { font-size: clamp(2.2rem, 6.5vw, 3.8rem); font-weight: 800; }
.vfdt-hero-lead { font-size: clamp(1.02rem, 2.1vw, 1.3rem); font-weight: 700; margin-top: 14px; max-width: 700px; margin-left: auto; margin-right: auto; }
.vfdt-hero-sub { margin-top: 10px; color: #776f63; max-width: 600px; margin-left: auto; margin-right: auto; }

.vfdt-cta-group { display: flex; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }
.vfdt-btn { padding: 14px 28px; min-height: 44px; display: inline-flex; align-items: center; border-radius: 8px; font-weight: 700; font-size: .92rem; }
.vfdt-btn-primary { background: #c0562b; color: #fff; }
.vfdt-btn-outline { border: 1.5px solid #c0562b; color: #c0562b; }

.vfdt-section { max-width: var(--maxw); margin: 0 auto; padding: 60px 24px; }
.vfdt-section h2 { font-size: clamp(1.4rem, 3.2vw, 2.1rem); font-weight: 800; }
.vfdt-answer { margin-top: 16px; padding: 18px 20px; background: #fdf1ea; border-left: 4px solid #c0562b; font-weight: 700; border-radius: 4px; }
.vfdt-body { margin-top: 14px; color: #6b6259; line-height: 1.75; }
.vfdt-alt { background: #f4efe6; overflow: hidden; }

.vfdt-stat-grid { margin-top: 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 860px) { .vfdt-stat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .vfdt-stat-grid { grid-template-columns: 1fr; } }
.vfdt-stat-card { background: #fff; border: 1px solid #ece7dd; border-radius: 16px; padding: 22px 18px; }
.vfdt-stat-label { font-size: .72rem; font-weight: 800; letter-spacing: .08em; color: #c0562b; }
.vfdt-stat-value { font-size: 1.4rem; font-weight: 800; margin-top: 8px; }
.vfdt-stat-card p { margin-top: 8px; font-size: .86rem; color: #776f63; line-height: 1.55; }

.vfdt-figure { margin-top: 30px; border-radius: 14px; overflow: hidden; }
.vfdt-figure img { width: 100%; display: block; }

/* Illustrative bars — no real data */
.vfdt-bars { margin-top: 30px; display: flex; align-items: flex-end; gap: 20px; height: 200px; padding: 0 8px; flex-wrap: wrap; }
.vfdt-bar-item { flex: 1 1 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 8px; }
.vfdt-bar { width: 100%; max-width: 56px; height: var(--h); background: linear-gradient(180deg, #e2895c, #c0562b); border-radius: 8px 8px 0 0; }
.vfdt-bar-item span { font-size: .8rem; font-weight: 700; color: #6b6259; }
.vfdt-caption { margin-top: 14px; font-size: .78rem; color: #948b7e; }

.vfdt-table { width: 100%; margin-top: 20px; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #ece7dd; }
.vfdt-table th, .vfdt-table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid #ece7dd; font-size: .92rem; }
.vfdt-table th { background: #f4efe6; color: #c0562b; font-weight: 800; }
.vfdt-table tr:last-child td { border-bottom: none; }

.vfdt-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px; }
@media (max-width: 760px) { .vfdt-related-grid { grid-template-columns: 1fr; } }
.vfdt-related-card { display: block; padding: 20px; min-height: 44px; border: 1px solid #ece7dd; border-radius: var(--radius); font-weight: 700; background: #fff; }
.vfdt-related-card span { display: block; font-size: .75rem; font-weight: 800; color: #c0562b; margin-bottom: 6px; }

.vfdt-cta { padding: 76px 24px; text-align: center; overflow: hidden; }
.vfdt-cta-mid { background: #f4efe6; }
.vfdt-cta h2 { font-size: clamp(1.4rem, 3.4vw, 2rem); font-weight: 800; max-width: 640px; margin: 0 auto; }
.vfdt-cta p { margin-top: 12px; color: #776f63; }

.vfdt-updated { text-align: center; padding: 0 24px 40px; color: #a49a8c; font-size: .82rem; }