/* หน้าโครงการ /project/<slug> · สารบัญ /projects · คำถามที่พบบ่อย faq.html — ใช้คู่กับ inner.css (สี/ฟอนต์มาจากที่นั่น) */
.proj-wrap { width: min(100% - 48px, 1100px); margin: 0 auto; padding: 34px 0 64px; }
.proj-wrap .article-heading { margin: 14px 0 12px; font-size: clamp(30px, 4.2vw, 48px); line-height: 1.12; letter-spacing: -.03em; }
.proj-wrap .article-heading .gold { display: block; margin-top: 4px; font-size: .6em; font-weight: 600; }
.proj-deck { max-width: 860px; margin: 0 0 26px; color: #5f5a54; font-size: 17px; line-height: 1.75; }
.proj-grid { display: grid; grid-template-columns: 1fr 340px; gap: 22px; align-items: start; }
.proj-facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--line); }
.proj-facts div { padding: 14px 16px; background: #fff; }
.proj-facts dt { color: var(--muted); font-size: 13px; }
.proj-facts dd { margin: 3px 0 0; font-weight: 650; line-height: 1.4; }
.proj-cta { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--cream); }
.proj-cta h2 { margin: 0 0 6px; font-size: 20px; }
.proj-cta p { margin: 0 0 16px; color: #625d57; line-height: 1.6; }
.proj-cta .gold-button { width: 100%; }
.proj-tel { display: block; margin-top: 12px; text-align: center; color: #75541e; font-weight: 650; }
.proj-h2 { margin: 40px 0 14px; font-size: 24px; letter-spacing: -.02em; }
.proj-h2 small { margin-left: 8px; color: var(--muted); font-size: 14px; font-weight: 500; letter-spacing: 0; }
.room-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.room-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.room-table th, .room-table td { padding: 12px 14px; border-bottom: 1px solid #f0e6d6; text-align: left; white-space: nowrap; }
.room-table th { color: var(--muted); font-size: 13px; font-weight: 600; background: #fbf6ee; }
.room-table tr:last-child td { border-bottom: 0; }
.room-table .num { text-align: right; font-weight: 650; }
.room-table td a { color: #75541e; font-weight: 650; }
.room-go { white-space: nowrap; }
.proj-faq details { border-bottom: 1px solid var(--line); padding: 14px 2px; }
.proj-faq summary { cursor: pointer; font-weight: 650; line-height: 1.5; }
.proj-faq p { margin: 10px 0 2px; color: #5f5a54; line-height: 1.7; }
.proj-related, .proj-index { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.proj-related li { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.proj-related a { color: #75541e; font-weight: 650; }
.proj-related small, .proj-index span { display: block; color: var(--muted); font-size: 13px; }
.proj-index a { display: block; height: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.proj-index a:hover { border-color: var(--gold); box-shadow: var(--shadow); }
.proj-index b { display: block; margin-bottom: 3px; line-height: 1.35; }
.zone-jump { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.zone-jump a { padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #75541e; font-size: 14px; font-weight: 600; }
.proj-note { margin-top: 36px; color: var(--muted); font-size: 13px; }
@media (max-width: 860px) {
  .proj-grid { grid-template-columns: 1fr; }
  .proj-wrap { width: calc(100% - 32px); padding-top: 24px; }
  .proj-deck { font-size: 16px; }
  .room-table th, .room-table td { padding: 10px; }
}
/* กล่องเจ้าของห้อง (ฝากขาย) บนหน้าโครงการ */
.owner-box { margin: 34px 0 0; padding: 22px 24px; display: flex; gap: 20px; align-items: center; justify-content: space-between; border: 1.5px solid var(--gold); border-radius: 16px; background: #fffaf1; }
.owner-box h2 { margin: 0 0 6px; font-size: 21px; }
.owner-box p { margin: 0; color: #5f5a54; line-height: 1.65; }
.owner-box .gold-button { flex: 0 0 auto; }
@media (max-width: 760px) { .owner-box { flex-direction: column; align-items: stretch; } }
/* ขั้นตอนฝากขาย /sell */
.sell-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.sell-steps li { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.sell-steps b { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.sell-steps b span { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#d2a34e,#a97324); font: 700 14px Manrope, sans-serif; }
.sell-steps p { margin: 6px 0 0 38px; color: #5f5a54; line-height: 1.6; }
.proj-cta .proj-tel + .proj-tel { margin-top: 8px; }
.owner-actions { display: grid; gap: 8px; flex: 0 0 auto; text-align: center; }