/* Mythsensus wordmark — one definition for every static page (29 Sep 2026, director: "logo บางหน้าไม่เหมือนหน้าแรก").
   Reference = the home page header: Cinzel Decorative 400, MYTH gold, SENSUS ivory at 65%.
   Letter-spacing follows the home page too: 6px in English, 0 in Thai (home's Thai rule zeroes it).
   Pages had drifted: /blog and /pricing rendered it in Prompt (a Thai font rule won), others spaced it 5px,
   /en used different markup, legal pages inline styles, pantheon pages had no wordmark at all.
   Linked from every sitemap page by _tools/seo/patch_brand.cjs — rerun it after generating new pages. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400&display=swap');
.logo-myth, .logo-sensus { font-family: 'Cinzel Decorative', serif !important; font-weight: 400 !important; letter-spacing: 6px !important; text-transform: none !important; }
html[lang="th"] .logo-myth, html[lang="th"] .logo-sensus { letter-spacing: 0 !important; }
.logo-myth { color: #d9ad52 !important; }
.logo-sensus { color: #f0ece0 !important; opacity: .65 !important; }
/* pages without a nav bar (pantheon) get the wordmark on top */
.ms-brand-top { display: block; width: max-content; margin: 18px auto 4px; font-size: 22px; line-height: 1.3; text-decoration: none; }
/* ภาพหัวใต้หัวข้อหน้า (29 ก.ย. 69 · director "ไล่ทุกหน้าเลย ทำให้สวยให้หมด") — แทรกโดย patch_brand.cjs ขั้นที่ 4 · สไตล์เดียวกับภาพหัวในแอป (.pa-hero) */
.ms-hero { position: relative; display: block; width: 100%; max-width: 760px; margin: 18px auto 22px; aspect-ratio: 5 / 2; border-radius: 14px; overflow: hidden; border: 1px solid rgba(212,170,80,.3); background-color: #0b0a16; background-size: cover; background-repeat: no-repeat; box-shadow: 0 14px 36px rgba(0,0,0,.45); }
.ms-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,6,14,0) 62%, rgba(7,6,14,.8) 100%); }
/* 29 ก.ย. 69: ตารางและพาธไฟล์ยาวดันหน้าล้นจอข้างบนมือถือ (how-it-works · ai · en/nine-star-ki) — ให้ตารางเลื่อนในตัวเอง · โค้ดตัดบรรทัด */
@media (max-width: 640px) {
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  code, .path-note { overflow-wrap: anywhere; word-break: break-word; }
  pre { max-width: 100%; overflow-x: auto; }
  .step-body { min-width: 0; }
}