body{margin:0;font-family:system-ui,"Noto Sans Thai",sans-serif;color:#203e32;background:#f7f9f5;line-height:1.85}.shell{max-width:940px;margin:auto;padding:0 24px}.top{background:#fff;position:sticky;top:0;border-bottom:1px solid #dce9dc;z-index:2}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;color:#225341;font-size:22px;font-weight:800}.brandmark{font-size:27px;margin-right:8px;color:#b7985b}.navlinks{display:flex;gap:16px}.navlinks a{color:#225341;text-decoration:none}.article{max-width:850px;margin:35px auto 70px;padding:28px 30px;background:#fff;border:1px solid #e2ece1;border-radius:18px}.article h1{font-size:clamp(26px,4vw,38px);line-height:1.35;color:#173e32}.article h2{font-size:25px;margin-top:34px;color:#23543d}.article p,.article li{font-size:17px}.intro{font-size:19px!important;color:#3b5a4a}.muted{color:#607569}.eyebrow{letter-spacing:1.4px;color:#a27d44;font-weight:700}.back{color:#23614b}.related{margin-top:36px;background:#f2f7f0;padding:20px;border-radius:12px}.related a{color:#226047}.article footer{margin-top:34px;border-top:1px solid #e3ebdf;padding-top:14px;color:#66776a}@media(max-width:650px){.article{margin:16px 10px;padding:20px}.nav{align-items:flex-start;flex-direction:column;padding:12px 0}}
.hp-editorial-specific{margin-top:28px;padding:18px;background:#f2f7ef;border-radius:12px}.hp-editorial-specific table{border-collapse:collapse;width:100%;font-size:.93rem}.hp-editorial-specific td,.hp-editorial-specific th{border:1px solid #cad9cc;padding:10px;text-align:left}
/* COLOR ONLY — Luxury Bright */
body{background:#FAFCF8;color:#294B3E}.brand,.navlinks a,.back,.related a{color:#366B56}.top{background:#FAFCF8;border-color:#DAE9DE}.article h1,.article h2{color:#366B56}.related,.hp-editorial-specific{background:#F1F8F3}


/* Luxury Bright Motion v3: champagne gold hairline on select headings only. */
.top .brand > span:not(.seal), .top .brand > strong, .top .brand strong,
.top .brand-name, .top .hp-brand strong, .top .hp-logo strong,
.hero h1, .sectionhead > h2, .sectionhead h2,
.hp-social-title, .tech-follow-title, .social h2, #follow h2,
.follow-title, main.article > h1, .article > h1, .article h2,
main > h1, .legal h1, .legal h2, main > h2 {
  -webkit-text-stroke: 0.5px #d6b77c;
  paint-order: stroke fill;
}
/* Article/page headings retain their original legibility and normal body typography. */

.top .brand small { -webkit-text-stroke: 0; }
