/* Navigation styles generated from the homepage template. */
:root{--mob-nav-h:72px;--mob-safe-b:env(safe-area-inset-bottom,0px)}
#mob-nav{
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 999;
  background: #ffffff !important;
  border-top: 1.5px solid #f1f5f9 !important;
  box-shadow: 0 -8px 24px rgba(11, 17, 32, 0.05) !important;
  padding-bottom: var(--mob-safe-b);
}
.mob-nav-inner{
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  height: var(--mob-nav-h);
  padding: 0 4px;
  position: relative;
}

/* ── Tab button base ── */
.mob-tab{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 8px;
  gap: 2px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.15s cubic-bezier(.34,1.56,.64,1);
  min-width: 0;
}
.mob-tab:active{ transform: scale(0.92); }
/* Pill indicator as minimalist dot */
.mob-tab-pill{
  position: absolute;
  bottom: 0px; left: 50%;
  transform: translateX(-50%) scale(0);
  width: 4px; height: 4px;
  background: #002266;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(.34,1.56,.64,1);
}
.mob-tab.active .mob-tab-pill{ transform: translateX(-50%) scale(1); }

/* Icons */
.mob-tab-icon{
  font-size: 1.35rem;
  line-height: 1;
  transition: color 0.2s, transform 0.2s cubic-bezier(.34,1.56,.64,1);
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-tab.active .mob-tab-icon{
  transform: translateY(-1px) scale(1.05);
  color: #002266 !important;
}

/* Labels */
.mob-tab-label{
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  letter-spacing: 0.01em;
  transition: color 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 62px;
  text-align: center;
}
.mob-tab.active .mob-tab-label{ color: #002266 !important; font-weight: 750 !important; }

/* ── FAB (Floating Action Button) — CENTER CHAT ── */
.mob-fab{
  flex: 0 0 68px;
  padding-bottom: 6px;
  justify-content: flex-end;
  gap: 3px;
}
.mob-fab-inner{
  width: 50px !important;
  height: 50px !important;
  background: linear-gradient(135deg, #002266 0%, #0055ff 100%) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 20px rgba(0, 85, 255, 0.25) !important;
  transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s !important;
  margin-top: -14px !important;
}
.mob-fab:active .mob-fab-inner{
  transform: scale(0.92);
  box-shadow: 0 4px 10px rgba(0, 85, 255, 0.20);
}
.mob-fab.active .mob-fab-inner{
  background: #002266 !important;
  box-shadow: 0 8px 24px rgba(0, 34, 102, 0.35) !important;
}
.mob-fab .mob-tab-icon{
  color: #ffffff !important;
  font-size: 1.4rem !important;
}
.mob-fab .mob-tab-pill{ display: none; }
.mob-fab .mob-tab-label{ color: #64748b !important; }
.mob-fab.active .mob-tab-label{ color: #002266 !important; }


/* 4. Bottom Nav General Light Slate Theme matching (Request 3 & 4) */
@media (max-width: 768px) {
  #mob-nav {
    background: #F6F8FC !important;
    border-top: 1px solid rgba(67, 97, 238, 0.08) !important;
    box-shadow: 0 -4px 12px rgba(11, 17, 32, 0.03) !important;
  }
  .mob-tab-label {
    color: #64748b !important;
  }
  .mob-tab.active .mob-tab-label {
    color: #4361EE !important;
  }
  .mob-tab.active .mob-tab-pill {
    background: #4361EE !important;
  }
  .mob-fab-inner {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
    box-shadow: 0 8px 20px rgba(67, 97, 238, 0.2) !important;
  }
  .mob-fab.active .mob-fab-inner {
    background: #4361EE !important;
    box-shadow: 0 8px 24px rgba(67, 97, 238, 0.3) !important;
  }
}


.mobile-site-nav{display:none}#notifications-modal{position:fixed;inset:0;z-index:10001;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px;font-family:Inter,system-ui,sans-serif}#notifications-modal .modal-box{position:relative;width:100%;max-height:85dvh;overflow:auto;background:#fff}#mob-nav{font-family:Inter,system-ui,sans-serif}#mob-nav *{box-sizing:border-box}#mob-nav a{text-decoration:none}#mob-nav svg{display:block}#mob-nav .mob-tab{font-family:inherit;font-size:13.3333px;line-height:normal;margin:0;padding-top:0;padding-left:0;padding-right:0}
@media(max-width:768px){#mob-nav{display:block}body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;padding-top:calc(56px + env(safe-area-inset-top,0px))!important}body[data-public-legislation] #nav{display:none!important}body[data-public-legislation] > main{padding-top:0}.mobile-site-nav{display:flex!important;position:fixed!important;top:0;left:0;right:0;height:calc(56px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;background:#002266!important;z-index:10000!important;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-site-nav{align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px}.mobile-site-nav .mob-back-btn{display:flex;align-items:center;justify-content:center;padding:8px;margin-left:-8px;color:#fff;background:transparent;text-decoration:none}.mobile-site-nav #mob-header-title{margin:0;flex:1;text-align:center;color:#fff;font-size:1.1rem;font-weight:700}.mobile-site-nav .mob-header-right{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.25rem}.mobile-site-nav img{width:138px;height:40px;object-fit:contain}.article-jump{top:calc(68px + env(safe-area-inset-top,0px))}}