/* ============================================================
   /plant-factory-cost + /faq + /modular-plant-factory + /terms + /privacy · โทนมืด deeptech · v0.4 (9 ต.ค. 2569)
   ลำดับโหลด: /qp/quiet-precision.css?v=0.2 → /qp/deeptech.css → ไฟล์นี้
   ใช้กับ renderCostDt() · renderFaqDt() · renderModularDt() · renderDocDt() เท่านั้น (<body class="qp dt pfc">) · สีทุกตัวจาก --qp-* · ห้ามใส่สีตรง
   คลาสเดิมที่ยังใช้ชื่อเดิม (.note .toc .grp .qa .cta) แต่งใหม่ที่นี่ — หน้านี้ไม่โหลด CSS เดิมของ pages-aeo.js
   ============================================================ */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.pfc { overflow-x: hidden; }
.pfc a { text-underline-offset: 3px; }
.pfc-main a:not(.dt-btn) { color: var(--qp-green); text-decoration: none; }
.pfc-main a:not(.dt-btn):hover { text-decoration: underline; }
.pfc-head { margin-bottom: clamp(28px, 4vw, 48px); }
.pfc-p { font-size: var(--qp-t-17); color: var(--qp-ink-2); max-width: 70ch; margin-top: 16px; }
.pfc-p:first-child { margin-top: 0; }
.pfc-p b, .pfc-list b, .note b { color: var(--qp-ink); font-weight: 600; }
.pfc-money { font-family: var(--qp-font-mono); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.pfc-soon { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; margin-top: 6px; border-radius: 999px; border: 1px solid var(--qp-line-strong); font-size: var(--qp-t-12); font-weight: 600; color: var(--qp-muted); white-space: nowrap; }
.pfc-sec { border-top: 1px solid var(--qp-line); }
.pfc-split { align-items: start; }

/* บท 0 · หัวหน้า */
.pfc-hero .dt-ch__bg { opacity: .55; }
.pfc-bc { font-size: var(--qp-t-13); color: var(--qp-muted); margin-bottom: clamp(28px, 5vh, 56px); }
.pfc-main .pfc-bc a { color: var(--qp-ink-2); }
.pfc-hero__grid { align-items: center; }
.pfc-h1 { font-size: clamp(34px, 4.6vw, 68px); line-height: 1.15; letter-spacing: -.02em; }
@media (min-width: 480px) { .pfc-nw { white-space: nowrap; } }   /* กันตัดคำไทยกลางคำในหัวใหญ่ (ปลูก|พืช) */
.pfc-scale { padding: clamp(22px, 3vw, 36px); display: flex; flex-direction: column; }
.pfc-scale__row { display: flex; flex-direction: column; gap: 10px; padding: 8px 0 24px; }
.pfc-scale__row--far { padding: 24px 0 8px; border-top: 1px dashed var(--qp-line-strong); }
.pfc-scale .dt-num { color: var(--qp-ink); }
.pfc-scale__big { font-size: clamp(40px, 5vw, 72px); font-weight: 600; line-height: 1.1; color: var(--qp-faint); letter-spacing: -.01em; }
.pfc-scale__t { font-size: var(--qp-t-15); color: var(--qp-ink-2); }

/* หมายเหตุ + สารบัญ */
.note { margin: 24px 0 0; padding: 18px 22px; border-left: 2px solid var(--qp-green); background: color-mix(in srgb, var(--qp-surface) 80%, transparent); border-radius: 0 6px 6px 0; font-size: var(--qp-t-15); line-height: 1.75; color: var(--qp-ink-2); max-width: 78ch; }
.pfc-quote { margin: 0; max-width: 1040px; padding: 0 0 0 clamp(20px, 3vw, 36px); background: none; border-left-width: 2px; font-size: clamp(20px, 2.1vw, 28px); line-height: 1.65; color: var(--qp-ink-2); }
.pfc-quote b:first-child { display: block; font-size: var(--qp-t-15); font-weight: 600; color: var(--qp-gold); margin-bottom: 14px; }   /* ไทย = ฟอนต์ไทย (Plex Mono ไม่มีตัวไทย) */
.pfc-quote br:first-of-type { display: none; }
.toc { margin-top: clamp(48px, 7vw, 88px); }
.toc > b { display: block; font-size: var(--qp-t-13); font-weight: 600; color: var(--qp-muted); margin-bottom: 14px; }
.toc ol { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); border-top: 1px solid var(--qp-line); counter-reset: pfc-toc; }
.toc li { counter-increment: pfc-toc; border-bottom: 1px solid var(--qp-line); }
.pfc-main .toc li a { display: flex; gap: 14px; align-items: baseline; padding: 16px 16px 16px 0; color: var(--qp-ink); font-size: var(--qp-t-15); }
.pfc-main .toc li a::before { content: counter(pfc-toc, decimal-leading-zero); font-family: var(--qp-font-mono); font-size: var(--qp-t-12); color: var(--qp-gold); }
.pfc-main .toc li a:hover { color: var(--qp-green); text-decoration: none; }

/* ตาราง (คง <table> ไว้ให้ AI/โปรแกรมอ่านเป็นตารางได้) */
.pfc-paths, .pfc-pk { width: 100%; border-collapse: collapse; font-size: var(--qp-t-16); }
.pfc-paths th, .pfc-pk th { text-align: left; font-size: var(--qp-t-13); font-weight: 600; color: var(--qp-muted); padding: 0 20px 14px 0; border-bottom: 1px solid var(--qp-line-strong); }
.pfc-paths td, .pfc-pk td { padding: 24px 20px 24px 0; border-bottom: 1px solid var(--qp-line); vertical-align: top; color: var(--qp-ink-2); line-height: 1.65; }
.pfc-paths td b, .pfc-pk td b { color: var(--qp-ink); font-weight: 600; }
.pfc-paths td:first-child { width: 34%; font-size: clamp(18px, 1.6vw, 22px); color: var(--qp-ink); line-height: 1.5; }
.pfc-paths td:last-child { width: 22%; }
.pfc-paths td:last-child .pfc-money { font-size: var(--qp-t-24); }
.pfc-pk td:first-child b { font-size: var(--qp-t-20); letter-spacing: .1em; }
.pfc-pk th:last-child, .pfc-pk td:last-child { text-align: right; padding-right: 0; white-space: nowrap; }
.pfc-pk td:last-child .pfc-money { font-size: clamp(26px, 2.6vw, 40px); font-weight: 400; }
.pfc-pk tr:hover td { background: color-mix(in srgb, var(--qp-surface) 60%, transparent); }
@media (max-width: 760px) {
  .pfc-paths thead, .pfc-pk thead { display: none; }
  .pfc-paths, .pfc-paths tbody, .pfc-paths tr, .pfc-paths td, .pfc-pk, .pfc-pk tbody, .pfc-pk tr, .pfc-pk td { display: block; }
  .pfc-paths td:first-child, .pfc-paths td:last-child { width: auto; }
  .pfc-paths tr, .pfc-pk tr { padding: 20px 0; border-bottom: 1px solid var(--qp-line); }
  .pfc-paths td, .pfc-pk td { padding: 4px 0; border: 0; }
  .pfc-pk td:last-child { text-align: left; margin-top: 8px; }
}

/* รายการปัจจัย */
.pfc-list { list-style: none; padding: 0; margin: 0; counter-reset: pfc-f; border-top: 1px solid var(--qp-line); }
.pfc-list li { counter-increment: pfc-f; position: relative; padding: 18px 0 18px 44px; border-bottom: 1px solid var(--qp-line); font-size: var(--qp-t-16); line-height: 1.7; color: var(--qp-ink-2); }
.pfc-list li::before { content: counter(pfc-f, decimal-leading-zero); position: absolute; left: 0; top: 22px; font-family: var(--qp-font-mono); font-size: var(--qp-t-13); color: var(--qp-gold); }
.pfc-list + .pfc-p { margin-top: 24px; }

/* คำถามที่พบบ่อย */
.grp { font-size: var(--qp-t-13); font-weight: 600; color: var(--qp-muted); }
.pfc-qa { border-top: 1px solid var(--qp-line-strong); }
.pfc-q { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 16px; padding: 28px 0; border-bottom: 1px solid var(--qp-line); }
.pfc-q__no { font-family: var(--qp-font-mono); font-size: var(--qp-t-13); color: var(--qp-gold); padding-top: 6px; }
.pfc-q h2 { font-size: clamp(19px, 1.8vw, 24px); font-weight: 600; line-height: 1.45; color: var(--qp-ink); }
.pfc-q p { margin-top: 10px; font-size: var(--qp-t-16); line-height: 1.8; color: var(--qp-ink-2); max-width: 78ch; }

/* ปิดท้าย */
.pfc-end { border-top: 1px solid var(--qp-line); }
.pfc-end::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 80% at 50% 100%, color-mix(in srgb, var(--qp-green) 13%, transparent), transparent 70%); }
.cta { display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: center; justify-content: space-between; padding: clamp(28px, 4vw, 48px) 0; border-top: 1px solid var(--qp-line-strong); border-bottom: 1px solid var(--qp-line-strong); }
.cta b { display: block; font-size: clamp(28px, 3.6vw, 52px); font-weight: 600; line-height: 1.2; color: var(--qp-ink); }
.cta span { display: block; margin-top: 12px; font-size: var(--qp-t-17); color: var(--qp-ink-2); max-width: 56ch; }
.pfc-meta { max-width: none; border-left-color: var(--qp-line-strong); font-size: var(--qp-t-13); color: var(--qp-muted); }

/* ท้ายหน้า */
.pfc-foot__about { margin-top: 14px; max-width: 34ch; font-size: var(--qp-t-13); }
.pfc-foot__lg { margin-top: 40px; font-size: var(--qp-t-12); line-height: 1.7; color: var(--qp-muted); max-width: 780px; }
.dt-foot a[aria-current="page"] { color: var(--qp-ink); }

@media (max-width: 560px) {
  .pfc-q { grid-template-columns: 36px minmax(0, 1fr); }
  .pfc-list li { padding-left: 36px; }
  .pfc-hero .dt-actions .dt-btn { flex: 1 1 auto; }
}

/* ── /faq (v0.2) · ใช้ร่วมชุดเดียวกับ /plant-factory-cost ── */
.pfc-hero--faq { padding-bottom: clamp(48px, 7vw, 96px); }
.pfc-hero--faq .pfc-h1 { font-size: clamp(40px, 6vw, 88px); }
.pfc-toc--faq ol { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
.pfc-grp__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2.2fr); gap: clamp(24px, 5vw, 80px); align-items: start; }
.pfc-grp__side { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 14px; }
.pfc-grp .grp { font-size: clamp(22px, 2.2vw, 32px); font-weight: 600; line-height: 1.35; color: var(--qp-ink); }
.pfc-grp .pfc-q:first-child { padding-top: 0; }
.pfc-grp .pfc-qa { border-top: 0; }
.pfc-q p + p { margin-top: 12px; }
@media (max-width: 900px) {
  .pfc-grp__grid { grid-template-columns: minmax(0, 1fr); }
  .pfc-grp__side { position: static; }
}

/* ── /modular-plant-factory (v0.4) · ตาราง 2 คอลัมน์ + รายการ ── */
.pfc-mod { width: 100%; margin-top: 24px; border-collapse: collapse; font-size: var(--qp-t-16); }
.pfc-mod th { text-align: left; font-size: var(--qp-t-13); font-weight: 600; color: var(--qp-muted); padding: 0 20px 14px 0; border-bottom: 1px solid var(--qp-line-strong); }
.pfc-mod td { padding: 18px 20px 18px 0; border-bottom: 1px solid var(--qp-line); vertical-align: top; color: var(--qp-ink-2); line-height: 1.65; }
.pfc-mod td:first-child { width: 40%; color: var(--qp-ink); }
.pfc-mod td b { color: var(--qp-ink); font-weight: 600; }
.pfc-mod + .pfc-p, .pfc-mod__list + .pfc-p, .pfc-p + .pfc-mod__list { margin-top: 24px; }
.pfc-split .note { max-width: 70ch; }
.pfc-dim { white-space: nowrap; font-size: clamp(34px, 4.2vw, 64px); letter-spacing: -.03em; }   /* 3 × 6 × 2.8 ห้ามหักบรรทัดกลางตัวเลข */

/* ── /terms + /privacy (v0.4) · เนื้อเอกสารเดิมทุกตัวอักษร · แต่งเฉพาะในกรอบ .lgx-art ── */
.lgx-doc { padding-top: clamp(104px, 14vh, 150px); }
.lgx-art { max-width: 820px; }
.lgx-art .bc { font-size: var(--qp-t-13); color: var(--qp-muted); }
.pfc-main .lgx-art .bc a { color: var(--qp-ink-2); }
.lgx-art h1 { margin-top: clamp(24px, 4vh, 40px); font-size: clamp(34px, 4.6vw, 60px); font-weight: 600; line-height: 1.2; letter-spacing: -.02em; color: var(--qp-ink); }
.lgx-art .upd { margin-top: 14px; font-size: var(--qp-t-13); line-height: 1.7; color: var(--qp-muted); }
.lgx-art h2 { margin-top: clamp(44px, 6vw, 64px); padding-top: 22px; border-top: 1px solid var(--qp-line); font-size: clamp(20px, 1.9vw, 26px); font-weight: 600; line-height: 1.4; color: var(--qp-ink); }
.lgx-art h3 { margin-top: 24px; font-size: var(--qp-t-17); font-weight: 600; color: var(--qp-ink); }
.lgx-art p, .lgx-art li { font-size: var(--qp-t-16); line-height: 1.8; color: var(--qp-ink-2); }
.lgx-art p { margin-top: 14px; max-width: 72ch; }
.lgx-art ul { margin: 14px 0 0; padding-left: 22px; }
.lgx-art li + li { margin-top: 6px; }
.lgx-art li::marker { color: var(--qp-gold); }
.lgx-art b { color: var(--qp-ink); font-weight: 600; }
.lgx-art table { width: 100%; margin-top: 18px; border-collapse: collapse; font-size: var(--qp-t-15); }
.lgx-art th { text-align: left; font-size: var(--qp-t-13); font-weight: 600; color: var(--qp-muted); padding: 0 16px 12px 0; border-bottom: 1px solid var(--qp-line-strong); white-space: nowrap; }
.lgx-art td { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--qp-line); vertical-align: top; color: var(--qp-ink-2); line-height: 1.7; }
.lgx-art td:first-child { width: 42%; color: var(--qp-ink); }
.lgx-art .box { margin-top: 24px; padding: 18px 22px; border-left: 2px solid var(--qp-green); background: color-mix(in srgb, var(--qp-surface) 80%, transparent); border-radius: 0 6px 6px 0; font-size: var(--qp-t-15); line-height: 1.75; color: var(--qp-ink-2); }
.lgx-art .box > b:first-child { color: var(--qp-green); }
.lgx-art .warn { border-left-color: var(--qp-gold); }
.lgx-art .warn > b:first-child { color: var(--qp-gold); }
@media (max-width: 560px) {
  .lgx-art td:first-child { width: auto; }
  .lgx-art th, .lgx-art td { padding-right: 12px; }
}

/* ── คอมแพค (10 ต.ค. 2569 · ใช้ตัวแปร --dt-* จาก deeptech.css v0.2) ── */
.pfc-h1 { font-size: clamp(26px, 3vw, 40px); }
.pfc-hero--faq .pfc-h1 { font-size: clamp(28px, 3.4vw, 44px); }
.pfc-scale__big { font-size: var(--dt-fs-num-lg); }
.pfc-pk td:last-child .pfc-money { font-size: var(--dt-fs-num-md); }
.cta b { font-size: var(--dt-fs-title); }
.pfc-dim { font-size: var(--dt-fs-num-lg); }
.lgx-doc { padding-top: var(--dt-hero-top); }
.lgx-art h1 { font-size: clamp(24px, 2.8vw, 34px); }