/* Shared responsive header treatment for standalone resource pages. */
@media(max-width:640px){
  .sticky-shell{position:sticky!important;top:0!important;z-index:100!important}
  header{background:#faf8f0!important;border-bottom:1px solid rgba(13,74,47,.1)!important}
  header .wrap.head{height:68px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .head,.head>*{min-width:0}
  .head .logo{display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important}
  .head .mark{width:138px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:none!important}
  .head .mark img{width:138px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}
  .head>nav,.head .enquire-btn{display:none!important}
  .head .mob-toggle{display:flex!important;flex:0 0 44px!important;margin-left:auto!important;width:44px!important;height:44px!important}
  .mob-nav{width:min(320px,88vw)!important;z-index:200!important}
  .mob-nav-backdrop{z-index:199!important}
  .mob-nav .mob-nav-links{display:flex!important}
}