.header-inner nav a.active{color:#333;font-weight:800}.blog-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;padding-block:72px}.blog-hero h1{max-width:700px}.blog-hero>div>p{font-size:1.08rem;margin-top:26px;max-width:610px}.blog-hero figure{height:480px;position:relative;overflow:hidden;border-radius:6px 6px 72px 6px;margin:0}.blog-hero figcaption{position:absolute;left:22px;bottom:22px;background:#fff;padding:10px 14px;font-size:.75rem;font-weight:800;letter-spacing:.1em}.journal-strip{background:#333;color:#fff;padding:21px 0}.journal-strip .wrap{display:flex;justify-content:space-between;gap:25px}.journal-strip span{font-size:.85rem;letter-spacing:.05em}.post-list{padding-block:92px}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:end;margin-bottom:42px}.section-intro .eyebrow{grid-column:1/-1}.section-intro p{max-width:520px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.post-card{border:1px solid #e1e1e5;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(51,51,51,.09)}.post-image{display:block;height:310px;overflow:hidden}.post-image img{transition:transform .45s ease}.post-card:hover img{transform:scale(1.025)}.post-copy{padding:30px}.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#777780;font-family:Manrope,"Noto Sans Thai",sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.06em}.post-meta span:first-child{color:#c52869}.post-copy h2{font-size:1.65rem;margin-top:13px}.post-copy h2 a{color:#333;text-decoration:none}.post-copy p{margin-top:13px}.read-link{display:inline-flex;gap:22px;align-items:center;margin-top:24px;color:#333;font-weight:800;text-decoration:none;border-bottom:2px solid #FF7BAC;padding-bottom:4px}.read-link span{color:#c52869}.blog-cta{background:#FF7BAC;color:#333}.blog-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:54px}.blog-cta .eyebrow,.blog-cta p{color:#333}.blog-cta p{margin-top:8px;font-weight:500}.blog-cta .button{min-width:210px}.article-breadcrumb{display:flex;gap:10px;align-items:center;padding-top:32px;color:#777780;font-size:.84rem;white-space:nowrap;overflow:hidden}.article-breadcrumb a{color:#555;text-decoration:none}.article-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.article-hero{padding-block:48px 70px}.article-title{max-width:900px;margin-bottom:38px}.article-title h1{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.12;margin-top:18px}.article-title>p{font-size:1.12rem;line-height:1.9;max-width:800px;margin-top:25px}.article-hero figure{height:min(58vw,600px);min-height:360px;margin:0;border-radius:6px 6px 72px 6px;overflow:hidden}.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:90px;justify-content:center;padding-bottom:90px}.article-layout aside{position:relative}.article-layout aside>span{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;color:#c52869;margin-bottom:13px}.article-layout aside nav{position:sticky;top:110px;display:flex;flex-direction:column;border-left:1px solid #ddd}.article-layout aside a{font-size:.85rem;line-height:1.45;padding:8px 0 8px 16px;color:#666;text-decoration:none}.article-layout aside a:hover{color:#c52869}.article-body section{scroll-margin-top:100px;margin-bottom:58px}.article-body h2{font-size:2rem;line-height:1.3;margin-bottom:18px}.article-body p,.article-body li{font-size:1rem;line-height:1.9;color:#4f4f57}.article-body p+p{margin-top:18px}.article-body ul,.article-body ol{padding-left:24px;display:grid;gap:12px}.article-body strong{color:#333}.table-wrap{overflow-x:auto;margin-top:24px}.article-body table{width:100%;border-collapse:collapse;min-width:620px}.article-body th{background:#333;color:#fff;text-align:left}.article-body th,.article-body td{padding:15px;border:1px solid #dedee2;font-size:.92rem;vertical-align:top}.article-body tbody tr:nth-child(even){background:#fff5f9}.faq{border-top:5px solid #FF7BAC;padding-top:34px}.faq details{border-bottom:1px solid #ddd;padding:17px 0}.faq summary{cursor:pointer;font-weight:700;color:#333}.faq details p{padding:12px 0 2px}.article-cta{background:#fff0f6;border-left:7px solid #FF7BAC;padding:38px;margin-top:70px}.article-cta h2{font-size:1.7rem}.article-cta .button{margin-top:24px;color:#333}.related{padding-block:80px;border-top:1px solid #e2e2e5}.related>h2{margin:8px 0 30px}.related>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{display:flex;flex-direction:column;min-height:190px;padding:25px;border:1px solid #ddd;color:#333;text-decoration:none}.related a:hover{border-color:#FF7BAC}.related a span{font-size:.68rem;letter-spacing:.06em;color:#c52869;font-weight:800}.related a strong{font-size:1.08rem;line-height:1.45;margin-top:12px}.related a i{font-style:normal;font-weight:700;font-size:.85rem;margin-top:auto}@media(max-width:850px){.blog-hero{grid-template-columns:1fr 1fr;gap:28px;padding-block:50px}.blog-hero figure{height:420px}.post-image{height:260px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}.related>div:last-child{gap:12px}}@media(max-width:600px){.blog-hero{grid-template-columns:1fr;padding-block:42px;gap:28px}.blog-hero figure{height:320px}.blog-hero>div>p{font-size:1rem}.journal-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.post-list{padding-block:58px}.section-intro{display:block;margin-bottom:28px}.section-intro p{margin-top:14px}.post-grid{grid-template-columns:1fr}.post-image{height:245px}.post-copy{padding:24px}.blog-cta .wrap{align-items:flex-start;flex-direction:column;gap:25px}.blog-cta .button{width:100%}.article-breadcrumb{padding-top:22px}.article-hero{padding-block:35px 50px}.article-title>p{font-size:1rem}.article-hero figure{height:320px;min-height:0}.article-layout{display:block;padding-bottom:58px}.article-layout aside{display:none}.article-body section{margin-bottom:45px}.article-body h2{font-size:1.65rem}.article-body p,.article-body li{font-size:.96rem}.article-cta{padding:28px 23px}.related{padding-block:58px}.related>div:last-child{grid-template-columns:1fr}.related a{min-height:155px}}
