html,body,#root{min-width:0;min-height:100%;margin:0}body{background:#f8fafc}.public-blog-client-shell,.public-blog-client-shell *{box-sizing:border-box}.public-blog-client-shell{min-height:100vh;max-width:100vw;overflow-x:clip;background:#f8fafc;color:#172033;font-family:var(--brand-font-family, Inter, "Noto Sans Thai", Arial, sans-serif)}.public-blog-client-shell .public-blog-page{padding-top:0}.public-blog-client-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(20px,calc((100vw - 1180px)/2));background:var(--brand-blog-header-color, #160d36);color:var(--brand-blog-header-text-color, #fff)}.public-blog-client-header nav{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:18px;overflow-x:auto}.public-blog-client-header a{flex:0 0 auto;color:inherit;font-weight:750;text-decoration:none}.public-blog-client-header a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.public-blog-client-brand{min-width:0;font-size:1.15rem;font-weight:900!important}@media (max-width: 820px){.public-blog-client-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 20px}.public-blog-client-header nav{width:100%;justify-content:flex-start;gap:14px;padding-bottom:4px}}