/* Phone navigation shares the current site's palette and WordPress menu. */
#jap-mobile-menu{--mobile-bg:#fff;--mobile-panel:#f0f4fa;--mobile-text:#192b46;--mobile-muted:#566880;--mobile-edge:#d4deeb;--mobile-accent:#365f99}
html[data-wp-dark-mode-active] #jap-mobile-menu{--mobile-bg:#141d2b;--mobile-panel:#202e43;--mobile-text:#edf3ff;--mobile-muted:#b6c6dc;--mobile-edge:#40516a;--mobile-accent:#b9d3ff}
html body #jap-mobile-menu{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,440px);height:100dvh;max-height:100dvh;max-width:100%;padding:0;border:0;background:var(--jap-bg,var(--mobile-bg))!important;color:var(--jap-text,var(--mobile-text))!important;box-shadow:-16px 0 60px #0005;font-family:inherit;overflow:auto;overscroll-behavior:contain}
#jap-mobile-menu:not([open]){display:none!important}
#jap-mobile-menu::backdrop{background:#060b16b3;backdrop-filter:blur(5px)}
#jap-mobile-menu *{box-sizing:border-box}
html body #jap-mobile-menu :is(a,button,summary,label,h2){color:var(--jap-text,var(--mobile-text))!important;-webkit-text-fill-color:currentColor!important;font-family:inherit}
#jap-mobile-menu .jap-menu-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--jap-edge,var(--mobile-edge));background:var(--jap-bg,var(--mobile-bg));position:sticky;top:0;z-index:2}
#jap-mobile-menu .jap-menu-head h2{margin:0;font-size:21px;line-height:1.3}
#jap-mobile-menu .jap-menu-head small{display:block;font-size:11px;letter-spacing:2px;color:var(--jap-accent,var(--mobile-accent));margin-bottom:4px}
html body #jap-mobile-menu button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--jap-edge,var(--mobile-edge));border-radius:12px;background:var(--jap-raised,var(--mobile-panel))!important;cursor:pointer;font-size:16px;box-shadow:none}
#jap-mobile-menu .jap-menu-body{padding:20px 20px max(24px,env(safe-area-inset-bottom))}
#jap-mobile-menu form{margin:0 0 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#jap-mobile-menu label{grid-column:1/-1;font-size:12px;font-weight:700}
html body #jap-mobile-menu input{width:100%;min-width:0;min-height:46px;border:1px solid var(--jap-edge,var(--mobile-edge));border-radius:12px;padding:10px 12px;font:16px inherit;background:var(--jap-panel,var(--mobile-panel))!important;color:var(--jap-text,var(--mobile-text))!important;-webkit-text-fill-color:currentColor!important}
#jap-mobile-menu .jap-menu-shop{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;margin-bottom:20px;border:1px solid var(--jap-edge,var(--mobile-edge));border-radius:14px;background:var(--jap-raised,var(--mobile-panel));text-decoration:none;font-weight:700}
#jap-mobile-menu nav{display:grid;gap:6px}
#jap-mobile-menu nav>a,#jap-mobile-menu summary{display:flex;align-items:center;min-height:48px;padding:12px 14px;text-decoration:none;line-height:1.4;font-size:16px;font-weight:650;border-radius:10px;cursor:pointer}
#jap-mobile-menu details{border-bottom:1px solid var(--jap-edge,var(--mobile-edge))}
#jap-mobile-menu summary{list-style:none;justify-content:space-between}
#jap-mobile-menu summary::-webkit-details-marker{display:none}
#jap-mobile-menu summary:after{content:'+';font-size:23px;font-weight:400;color:var(--jap-accent,var(--mobile-accent))}
#jap-mobile-menu details[open]>summary{background:var(--jap-panel,var(--mobile-panel))}
#jap-mobile-menu details[open]>summary:after{content:'−'}
#jap-mobile-menu .jap-menu-children{display:grid;padding:6px 0 10px 14px}
#jap-mobile-menu .jap-menu-children a{min-height:44px;display:flex;align-items:center;padding:10px 14px;font-size:14px;text-decoration:none;border-left:2px solid var(--jap-edge,var(--mobile-edge))}
#jap-mobile-menu a:hover{background:var(--jap-raised,var(--mobile-panel))}
#jap-mobile-menu :focus-visible{outline:2px solid var(--jap-accent,var(--mobile-accent));outline-offset:2px}
html.jap-menu-open,html.jap-menu-open body{overflow:hidden!important}
@media(max-width:900px){
 html body #masthead .bloghash-logo-container>.bloghash-container{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 12px!important}
 html body #masthead .bloghash-logo-container .bloghash-logo{grid-column:1/-1;grid-row:1;max-width:270px;padding:0!important}
 html body #masthead .bloghash-logo-container .logo-inner{display:block!important;margin:0!important;padding:0!important}
 html body #masthead .bloghash-logo-container .logo-inner>a{display:flex;min-height:50px}
 html body #masthead .bloghash-logo-container .logo-inner center{line-height:1.2;margin-top:3px}
 html body #masthead .bloghash-logo-container .logo-inner strong{font-size:9px}
 html body #masthead .bloghash-logo-container .jap-theme-controls{grid-row:2;gap:5px;flex-wrap:nowrap;margin:0!important}
 html body #masthead .jap-character-toggle{width:40px!important;height:44px!important;min-width:40px;padding:5px!important}
 html body #masthead .bloghash-logo-container .bloghash-mobile-nav{display:flex!important;grid-row:3;align-items:center;padding:0!important}
 html body #masthead .bloghash-mobile-nav button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:100px;margin:0;padding:10px 14px;border:1px solid var(--jap-edge,#b6c9e4);border-radius:11px;background:var(--jap-raised,#edf3fc)!important;color:var(--jap-accent,#3766b3)!important}
 html[data-wp-dark-mode-active] body #masthead .bloghash-mobile-nav button{background:var(--jap-raised,#1d2b42)!important;color:var(--jap-accent,#b9d3ff)!important}
 #masthead .bloghash-mobile-nav button:after{content:'Menu';font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.2px}
 #masthead .bloghash-mobile-nav .hamburger-box{width:19px;height:16px;display:block}
 #masthead .bloghash-mobile-nav .hamburger-inner,#masthead .bloghash-mobile-nav .hamburger-inner:before,#masthead .bloghash-mobile-nav .hamburger-inner:after{width:19px;height:2px;background:currentColor!important}
 #masthead .bloghash-mobile-nav .hamburger-inner:before{top:-6px}#masthead .bloghash-mobile-nav .hamburger-inner:after{bottom:-6px}
 html body #masthead .bloghash-logo-container .bloghash-header-widgets{grid-row:3;padding:0!important}
 html body #masthead .bloghash-header-widget__button:has(.aolf-header-shop),html body #masthead .bloghash-header-widget__button:has(.aolf-header-shop) .bloghash-widget-wrapper{min-height:0!important;padding:0!important;margin:0!important}
 html body #masthead .aolf-header-shop{min-height:44px;padding:8px 12px;gap:8px;border-radius:11px}
 #masthead .aolf-header-shop strong{font-size:10px;letter-spacing:.5px}#masthead .aolf-header-shop small{font-size:10px}
 html.jap-mobile-ready #masthead .bloghash-nav-container{display:none!important}
}
@media(max-width:350px){html body #masthead .jap-character-toggle{width:35px!important;min-width:35px}html body #masthead .bloghash-logo-container .jap-theme-controls{gap:3px}}