/* vfcc — 실내수직농장 환경제어 — 다크 대시보드 */
.vfcc { background: #0b1414; color: #dfeceb; overflow: hidden; }

.vfcc-hero { position: relative; background: radial-gradient(ellipse at top, #10302c 0%, #0b1414 65%); padding: 80px 24px 56px; overflow: hidden; }
.vfcc-hero-inner { max-width: var(--maxw); margin: 0 auto; text-align: center; }
.vfcc-eyebrow { display: inline-block; font-family: monospace; font-size: .72rem; letter-spacing: .18em; font-weight: 800; color: #34d1b8; margin-bottom: 14px; }
.vfcc-hero-inner h1 { font-size: clamp(2.2rem, 6.5vw, 3.8rem); font-weight: 800; color: #fff; }
.vfcc-hero-lead { font-size: clamp(1.02rem, 2.1vw, 1.3rem); font-weight: 700; margin-top: 14px; color: #eafffb; }
.vfcc-hero-sub { margin-top: 10px; color: #8fb3ae; max-width: 620px; margin-left: auto; margin-right: auto; }

.vfcc-cta-group { display: flex; gap: 14px; justify-content: center; margin-top: 28px; flex-wrap: wrap; }
.vfcc-btn { padding: 14px 28px; min-height: 44px; display: inline-flex; align-items: center; border-radius: 999px; font-weight: 700; font-size: .92rem; }
.vfcc-btn-primary { background: #34d1b8; color: #06201c; }
.vfcc-btn-outline { border: 1.5px solid rgba(52,209,184,.6); color: #b6ece2; }

.vfcc-section { max-width: var(--maxw); margin: 0 auto; padding: 64px 24px; }
.vfcc-section h2 { font-size: clamp(1.4rem, 3.2vw, 2.1rem); font-weight: 800; color: #fff; }
.vfcc-answer { margin-top: 16px; padding: 18px 20px; background: #0f1f1e; border-left: 4px solid #34d1b8; font-weight: 700; color: #eafffb; border-radius: 4px; }
.vfcc-body { margin-top: 14px; color: #9db8b4; line-height: 1.75; }
.vfcc-alt { background: #0e1b1a; overflow: hidden; }

/* Dashboard gauge cards */
.vfcc-gauges { margin-top: 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 860px) { .vfcc-gauges { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .vfcc-gauges { grid-template-columns: 1fr; } }
.vfcc-gauge-card { background: #101f1e; border: 1px solid #1f3a37; border-radius: 16px; padding: 24px 18px; text-align: center; }
.vfcc-gauge-ring { width: 84px; height: 84px; margin: 0 auto 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: .82rem; color: #eafffb; }
.vfcc-ring-temp { background: conic-gradient(#ff8a65 0% 70%, #1f3a37 70% 100%); }
.vfcc-ring-humid { background: conic-gradient(#4fc3f7 0% 55%, #1f3a37 55% 100%); }
.vfcc-ring-co2 { background: conic-gradient(#aed581 0% 40%, #1f3a37 40% 100%); }
.vfcc-ring-light { background: conic-gradient(#ffd54f 0% 82%, #1f3a37 82% 100%); }
.vfcc-gauge-ring span { background: #101f1e; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.vfcc-gauge-card h3 { margin-top: 6px; font-size: 1rem; font-weight: 800; color: #fff; }
.vfcc-gauge-card p { margin-top: 8px; font-size: .86rem; color: #93aeaa; line-height: 1.6; }

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

.vfcc-table { width: 100%; margin-top: 22px; border-collapse: collapse; background: #101f1e; border-radius: 12px; overflow: hidden; }
.vfcc-table th, .vfcc-table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid #1f3a37; font-size: .92rem; }
.vfcc-table th { background: #0c1a19; color: #34d1b8; font-weight: 800; }
.vfcc-table td { color: #c3d8d4; }
.vfcc-table tr:last-child td { border-bottom: none; }

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

.vfcc-cta { padding: 80px 24px; text-align: center; overflow: hidden; }
.vfcc-cta-mid { background: #0e1b1a; }
.vfcc-cta h2 { font-size: clamp(1.4rem, 3.4vw, 2rem); font-weight: 800; color: #fff; max-width: 640px; margin: 0 auto; }
.vfcc-cta p { margin-top: 12px; color: #93aeaa; }

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

/* Mobile FAQ inherits .vf-faq but tone for dark bg */
.vfcc .vf-faq-item { border-bottom-color: #1f3a37; }
.vfcc .vf-faq-item summary { color: #eafffb; }
.vfcc .vf-faq-item p { color: #93aeaa; }