/* Shared layer for all pages: phone menu and tighter phone spacing.
   Loaded after each page's own styles. */
.kw-menu{display:none}
.kw-head{position:relative;z-index:20}
@media (max-width:820px){
  .kw-menu{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:48px;height:48px;padding:0;background:rgba(12,32,24,.35);border:1px solid rgba(251,250,247,.5);border-radius:2px;color:#fbfaf7;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .kw-menu span{display:block;width:20px;height:2px;background:#fbfaf7;transition:transform .25s ease,opacity .2s ease}
  .kw-menu[aria-expanded="true"]{border-color:#ccae6a}
  .kw-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .kw-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
  .kw-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .kw-nav{display:none!important}
  .kw-nav.open{display:flex!important;flex-direction:column;align-items:stretch!important;flex-wrap:nowrap!important;gap:0!important;position:absolute;left:0;right:0;top:100%;background:#0c2018;border-top:1px solid #2e443a;border-bottom:1px solid #ccae6a;padding:6px 20px 12px;box-shadow:0 18px 30px rgba(0,0,0,.35)}
  .kw-nav.open .nav-link{display:block;padding:17px 0;font-size:18px;font-weight:600;border-bottom:1px solid #2e443a}
  .kw-nav.open .nav-link:last-child{border-bottom:0}
  .kw-nav.open .nav-link::after{display:none}
}
@media (max-width:640px){
  .kw-wrap{padding-left:20px!important;padding-right:20px!important}
  .kw-wrap.kw-tall{padding-top:64px!important;padding-bottom:64px!important}
  .kw-wrap.kw-top{padding-top:64px!important}
  .kw-wrap.kw-band{padding-top:52px!important;padding-bottom:56px!important}
  .lg-wrap{padding:52px 20px 72px!important;gap:40px!important}
  .lg-body{gap:44px!important}
  .lg-glance{padding:26px 22px 28px!important}
  .kf{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .kf .t{padding:24px 16px 20px!important;gap:12px!important}
  .kf .t>div:first-child{font-size:36px!important;letter-spacing:-1.2px!important}
  .kf .t>div:last-child{font-size:14px!important;line-height:19px!important}
  .sxg{gap:8px!important}
  .sx{padding:16px 12px 14px!important;min-height:148px!important;gap:16px!important}
  .sx svg{width:40px;height:40px}
  .sx>div:last-child{font-size:15px!important;line-height:19px!important;overflow-wrap:anywhere}
}