
/* Modern Home B / 2026 — clean ivory, botanical green, editorial layout */
:root{--mh-ink:#173c32;--mh-green:#216c55;--mh-forest:#124b3a;--mh-soft:#edf5f0;--mh-line:#dce9e1;--mh-cream:#fafbf8;--mh-shadow:0 15px 42px rgba(21,72,49,.07)}
html{scroll-behavior:smooth}body{background:var(--mh-cream)!important;color:var(--mh-ink)!important;font-family:system-ui,'Noto Sans Thai',sans-serif!important}
.top,.hp-top{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--mh-line)!important;box-shadow:0 4px 20px rgba(0,0,0,.025)}
.brand,.brand-name,.top .brand,.top a.brand{color:var(--mh-forest)!important}
.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(16,59,44,.94),rgba(22,81,61,.87)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1600&q=80') center/cover!important;padding:100px 0 105px!important;color:white!important;border-radius:0 0 36px 36px}
.hero:after{content:'';position:absolute;right:-70px;bottom:-140px;width:420px;height:420px;border:1px solid rgba(255,255,255,.19);border-radius:50%;pointer-events:none}
.hero .wrap{position:relative;z-index:1}.hero h1{font-size:clamp(34px,5vw,64px)!important;max-width:840px;line-height:1.18!important;color:#fff!important;letter-spacing:-.035em;margin-top:15px!important}
.hero p,.hero .lux-sub{color:#e8f6ed!important;font-size:clamp(16px,2vw,19px)!important;max-width:690px;line-height:1.95!important}
.hero .lux-eyebrow{color:#c6e9d7!important;letter-spacing:.16em!important}.hero .lux-rule{background:#b7dac7!important}
.panel,.card,.comparison-card,.guides a,.article{background:#fff!important;border:1px solid var(--mh-line)!important;border-radius:20px!important;box-shadow:var(--mh-shadow)!important}
.panel{padding:clamp(16px,3vw,30px)!important}.card{transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover,.guides a:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(21,72,49,.12)!important}
.card img{background:#fff!important;padding:10px}.card h3{color:var(--mh-ink)}.money{color:#164f3d!important}
.tabs button.active,.chips button.active{background:var(--mh-forest)!important;color:#fff!important;border-color:var(--mh-forest)!important}
.tabs button,.chips button{border-radius:999px!important}.search,.sel{border-color:#cadfd2!important;border-radius:12px!important}
.section-head h2,.sectionhead h2,.article h2{color:var(--mh-forest)!important}
.guides a{border-radius:16px!important}.compare-summary{background:var(--mh-soft)!important;border-color:var(--mh-line)!important}
.hp-category-links{background:linear-gradient(180deg,#f1f8f3,#fafbf8)!important;border-radius:24px;padding:25px 20px!important}
.footer{background:#eaf3ec!important;color:var(--mh-ink)!important}
.article{max-width:920px!important;padding:clamp(22px,5vw,54px)!important;line-height:1.9}.article h1{color:#154b3a!important;line-height:1.3!important;letter-spacing:-.02em}.article h2{border-left:4px solid #70ad8c;padding-left:16px;font-size:clamp(21px,3vw,27px)!important}.article .intro{background:#edf6f0;padding:20px 24px;border-radius:15px;border:1px solid #d7e7dc}.article .hp-editorial-specific,.article .related{background:#f1f7f2!important;border:1px solid #e2ece3;border-radius:16px;padding:22px}.article table{width:100%;border-collapse:collapse}.article th{background:#e0eee4}.article td,.article th{padding:13px;border:1px solid #d3e5d8}
.article a:not(.back){color:#176d50}.article .cta{display:inline-flex;background:#175e46;color:white!important;padding:11px 22px;border-radius:999px;text-decoration:none;font-weight:700}
/* Remove old gold outlines without modifying content */
.hero h1,.article h1,.article h2,.sectionhead h2,.top .brand,.brand{ -webkit-text-stroke:0!important;text-shadow:none!important }
.mh-pill{display:inline-block;background:#e5f3e9;color:#17513c;border:1px solid #d1e6d7;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;margin:10px 0}
.mh-note{font-size:14px;color:#547569}.mh-steps{background:#f5faf5;padding:18px 24px;border-radius:16px;border:1px solid #dfebe0}
@media(max-width:650px){.hero{padding:66px 0 72px!important;border-radius:0 0 22px 22px}.article{margin:16px 10px 40px!important;padding:22px!important}.hp-category-links{padding:18px 12px!important}}
