/* Mobile floating navigation — desktop and administrator pages are unaffected. */
.ph-mobile-bottom-nav{display:none}
@media(max-width:768px){
 body:not(.admin-body):not([data-page="editor"]){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
 .ph-mobile-bottom-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;right:12px;z-index:900;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;padding:9.6px 10px;background:rgba(255,255,255,.97);border:1px solid rgba(26,43,61,.08);border-radius:9999px;box-shadow:0 4.55px 19.5px rgba(17,40,63,.17);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:550px;margin:auto}
 .ph-mobile-bottom-nav a{min-width:0;min-height:51.2px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:8px 4px;color:rgba(25,47,66,.62);text-align:center;text-decoration:none;border-radius:999px;font-size:12px;font-weight:550;line-height:1.25;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
 .ph-mobile-bottom-nav a svg,.ph-mobile-bottom-nav a img{width:25px;height:25px;display:block;object-fit:contain;flex-shrink:0}
 /* Active item uses the light-grey pill from the supplied reference. */
 .ph-mobile-bottom-nav a[aria-current="page"]{color:var(--text,#192f42);background:#e7e7e7;box-shadow:inset 0 0 0 1px rgba(26,43,61,.03),0 3px 10px rgba(17,40,63,.04);font-weight:700;transform:translateY(-1px)}
 .ph-mobile-bottom-nav a:focus-visible{outline:2px solid #cdcdcd;outline-offset:2px}
 /* Keep icon color tied to the site's secondary theme color, whether active or inactive. */
 .ph-mobile-bottom-nav a svg{color:var(--gold,#b49862)!important;stroke:currentColor}
 .ph-mobile-bottom-nav a .ph-mobile-mask-icon{display:block;width:25px;height:25px;background:var(--gold,#b49862);-webkit-mask-image:var(--ph-icon-image);mask-image:var(--ph-icon-image);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;flex-shrink:0}
 .ph-mobile-bottom-nav a > span:not(.ph-mobile-mask-icon){color:inherit!important}
}
@media(max-width:360px){.ph-mobile-bottom-nav{left:7px;right:7px;padding:6.4px 6px;gap:6px}.ph-mobile-bottom-nav a{font-size:11px;min-height:48px}}