/* LifeHub mobile navigation — 3 core destinations + More. */
.life-mobile-more{display:none}
@media(max-width:760px){
  .mobile-header{
    min-height:calc(62px + env(safe-area-inset-top))!important;
    padding-top:calc(10px + env(safe-area-inset-top))!important;
    box-sizing:border-box!important;
  }

  /* Keep page content clear of the fixed tab bar, including the iPhone home-indicator safe area. */
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}

  .bottom-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    overflow:visible!important;
  }

  /* The tab bar intentionally floats above the safe area. Mask that area so scrolled cards never show beneath it. */
  .bottom-nav::after{
    content:"";
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:max(10px,env(safe-area-inset-bottom));
    background:var(--bg);
    pointer-events:none;
  }

  .life-mobile-more{display:block;position:relative;min-width:0}
  .life-mobile-more>summary{height:100%;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 6px;border:0;background:transparent;color:var(--muted);font:inherit;list-style:none;cursor:pointer;user-select:none}
  .life-mobile-more>summary::-webkit-details-marker{display:none}
  .life-mobile-more[open]>summary,.life-mobile-more.is-active>summary{color:var(--accent);background:var(--accent-soft)}
  .life-mobile-more>summary>span{font-size:17px;line-height:1}
  .life-mobile-more>summary>small{font-size:10px;font-weight:700}
  .life-mobile-more-menu{position:absolute;right:0;bottom:calc(100% + 10px);width:min(230px,calc(100vw - 20px));padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--paper-strong);box-shadow:0 18px 42px rgba(35,49,38,.18)}
  .life-mobile-more-menu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:650}
  .life-mobile-more-menu a.is-active{background:var(--accent-soft);color:var(--accent);font-weight:750}
  .life-mobile-more-menu a>span:first-child{width:20px;text-align:center;font-size:15px}
}