/* ===========================================================================
   CareMatePro — Standard page hero
   หัวหน้าเพจมาตรฐานสำหรับ "หน้าเพจปกติ" (template page.php) ทุกหน้า เช่น
   เกี่ยวกับเรา / พาร์ทเนอร์ / ยืนยันตัวตน / แพ็กเกจ / คู่มือ / ข้อกำหนด / นโยบาย

   พื้นหลังไล่สีแบบเดียวกับหน้า browse (var(--gradient-hero)) จัดกึ่งกลาง
   ตามดีไซน์หน้า /about ของ prototype. ชื่อหน้า = page title, คำโปรย = meta
   _cmp_page_subtitle (กรอกได้ในกล่อง "หัวเพจ (Hero)" ที่หน้า editor).
   =========================================================================== */

.cmp-page-hero {
  background: var(--gradient-hero);
  border-bottom: 1px solid hsl(var(--border));
  padding: 2.5rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .cmp-page-hero { padding: 3.5rem 0; }
}

.cmp-page-hero__inner {
  max-width: 56rem;          /* max-w-4xl — โทนเดียวกับ prototype */
  margin: 0 auto;
  padding: 0 1rem;
}

.cmp-page-hero__title {
  margin: 0;
  font-family: 'Prompt', 'Noto Sans Thai', system-ui, sans-serif;
  font-size: clamp(1.85rem, 4.5vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.18;
  color: hsl(var(--foreground));
}

.cmp-page-hero__subtitle {
  max-width: 42rem;          /* max-w-2xl */
  margin: 0.85rem auto 0;
  font-size: clamp(0.95rem, 2vw, 1.075rem);
  line-height: 1.65;
  color: hsl(var(--muted-foreground));
}