/* Site-wide links come from the same WordPress primary menu as the main site. */
.nws-site-header{position:relative;z-index:40;display:flex;align-items:center;gap:40px;padding:18px 30px;border-bottom:1px solid var(--line);color:var(--ink);background:var(--paper) url('https://www.natwongsaroj.com/wp-content/uploads/2026/10/softivory_textured_vbackground.jpg') repeat-y center top/max(100%,1440px) auto}
.nws-site-logo{display:flex;align-items:center;flex:0 0 140px;min-height:44px}
.nws-site-logo img{display:block;width:140px;height:auto;mix-blend-mode:multiply}
.nws-site-navigation{flex:1}
.nws-site-menu,.nws-site-menu ul{list-style:none;margin:0;padding:0}
.nws-site-menu{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,36px)}
.nws-site-menu li{position:relative}
.nws-site-menu>li{display:flex;align-items:center}
.nws-site-menu a,.nws-site-menu button,.nws-menu-toggle{font:400 11px/1.6 Gantari,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:inherit}
.nws-site-menu a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.nws-site-menu button,.nws-menu-toggle{background:transparent;border:0;min-height:44px}
.nws-site-menu .nws-submenu-toggle{padding:0 7px;display:flex;align-items:center;justify-content:center;gap:10px;min-width:32px}
.nws-site-menu .nws-submenu-label{padding-left:0}
.nws-chevron{display:block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.nws-submenu-toggle[aria-expanded=true] .nws-chevron{transform:rotate(225deg);margin-top:4px}
.nws-site-menu .sub-menu{display:none;position:absolute;left:-18px;top:100%;min-width:220px;padding:12px 18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #29332e12}
.nws-site-menu .sub-menu a{font-size:11px;white-space:normal}
.nws-site-menu .sub-menu .sub-menu{left:100%;top:0}
.nws-site-menu li:hover>.sub-menu,.nws-site-menu li:focus-within>.sub-menu{display:block}
.nws-nav-ready .nws-site-menu li>.sub-menu{display:none}
.nws-nav-ready .nws-site-menu li.is-open>.sub-menu{display:block}
.nws-menu-toggle{display:none;align-items:center;gap:10px;padding:0 0 0 12px}
.nws-menu-icon{width:19px;height:12px;display:block;border-top:1px solid;border-bottom:1px solid;position:relative}
.nws-menu-icon:after{content:"";position:absolute;top:5px;left:0;width:100%;border-top:1px solid}
.nws-return-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.nws-back-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;letter-spacing:.025em}
.nws-back-link span:last-child{border-bottom:1px solid var(--line)}
.nws-page-links{display:flex;gap:25px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.nws-page-links a{display:flex;align-items:center;min-height:44px}
.nws-closing-back{margin-top:18px}
@media(max-width:1199px){
 .nws-site-header{padding:14px 24px;flex-wrap:wrap;justify-content:space-between;gap:0}
 .nws-nav-ready .nws-menu-toggle{display:flex}
 .nws-site-navigation{flex:0 0 100%;padding-top:15px}
 .nws-nav-ready .nws-site-navigation{display:none}
 .nws-nav-ready.nws-menu-open .nws-site-navigation{display:block}
 .nws-site-menu{display:block;border-top:1px solid var(--line);padding-top:10px}
 .nws-site-menu>li{display:flex;flex-wrap:wrap;border-bottom:1px solid #c9c5b970}
 .nws-site-menu>li>a{flex:1;min-height:48px}
 .nws-site-menu .nws-submenu-toggle{min-width:48px;min-height:48px}
 .nws-site-menu .nws-submenu-label{width:100%;justify-content:space-between}
 .nws-site-menu .sub-menu,.nws-site-menu .sub-menu .sub-menu{position:static;flex:0 0 100%;width:100%;min-width:0;box-shadow:none;border:0;border-left:1px solid var(--line);margin:0 0 12px 10px;padding:0 16px;background:transparent}
 .nws-site-menu .sub-menu{display:block}
 .nws-site-menu .sub-menu a{min-height:44px}
 .nws-site-menu .sub-menu li:has(>.nws-submenu-toggle){display:flex;flex-wrap:wrap;align-items:center}
 .nws-site-menu .sub-menu li>a{flex:1}
 .nws-page-links{gap:16px}
}
@media(max-width:600px){
 .nws-site-header{padding:12px 24px}
 .nws-site-logo,.nws-site-logo img{width:140px}
 .nws-return-bar{padding-top:5px;padding-bottom:5px}
 .nws-page-links{display:none}
 .nws-back-link{font-size:12px}
}
