/* ── Bottom nav ── */
#mobileNav { display:none; position:fixed; bottom:0; left:0; right:0; z-index:500;
  background:var(--green,#2d6a4f); border-top:2px solid rgba(255,255,255,.15);
  padding:4px 0 env(safe-area-inset-bottom,4px); }
#mobileNav .mnav-inner { display:flex; justify-content:space-around; }
.mnav-btn { background:none; border:none; color:rgba(255,255,255,.6);
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:6px 10px; cursor:pointer; font-family:'DM Sans',sans-serif;
  font-size:.58rem; font-weight:700; letter-spacing:.3px;
  min-width:52px; position:relative; transition:color .15s; }
.mnav-btn .ni { font-size:1.35rem; line-height:1; }
.mnav-btn.active { color:#fff; }
.mnav-btn.msg-btn { background:rgba(255,255,255,.12); border-radius:10px; padding:5px 12px; }

/* ── More drawer ── */
@keyframes slideUp { from{transform:translateY(100%)} to{transform:translateY(0)} }
@keyframes fadein  { from{opacity:0} to{opacity:1} }
#more-drawer {
  position:fixed; bottom:0; left:0; right:0; z-index:600;
  background:var(--card,#fff); border-radius:20px 20px 0 0;
  box-shadow:0 -8px 40px rgba(0,0,0,.22);
  animation:slideUp .22s cubic-bezier(.32,1,.22,1);
  padding-bottom:env(safe-area-inset-bottom,12px);
  max-height:80vh; overflow-y:auto;
}
#more-scrim { position:fixed;inset:0;z-index:599;background:rgba(0,0,0,.4);animation:fadein .15s ease }
.more-pill { width:36px;height:4px;border-radius:2px;background:var(--border,#ddd);margin:10px auto 0;cursor:pointer }
.more-head { display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px 8px;border-bottom:1px solid var(--border,#eee) }
.more-head-title { font-family:'Fraunces',serif;font-size:1rem;font-weight:700;color:var(--green,#2d6a4f) }
.more-section-label { font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
  color:var(--muted,#888);padding:10px 16px 4px }
.more-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 12px 12px }
.more-btn {
  background:var(--green-pale,#d1fae5); border:none; border-radius:14px;
  padding:12px 4px 10px; font-family:'DM Sans',sans-serif;
  font-size:.72rem; font-weight:700; color:var(--green,#2d6a4f);
  cursor:pointer; display:flex;flex-direction:column;align-items:center;gap:5px;
  transition:background .12s, transform .1s;
}
.more-btn:active { transform:scale(.93); background:var(--green-light,#b7e4c7) }
.more-btn .mi { font-size:1.45rem;line-height:1 }
.more-btn.utility-btn {
  background:var(--bg,#f8faf8); color:var(--text,#111);
}
.more-btn.utility-btn:active { background:var(--border,#eee) }

/* ── Desktop grouped tabs ── */
.grp-tabs { display:flex;gap:4px;flex-wrap:wrap;margin-bottom:.5rem;
  border-bottom:2px solid var(--border,#e5e7eb);padding-bottom:0 }
.grp-tab { background:none;border:none;border-bottom:3px solid transparent;
  margin-bottom:-2px;padding:10px 16px;font-family:'DM Sans',sans-serif;
  font-size:.9rem;font-weight:700;color:var(--muted,#888);cursor:pointer;
  transition:color .15s,border-color .15s;border-radius:6px 6px 0 0 }
.grp-tab:hover { color:var(--green,#2d6a4f) }
.grp-tab.active { color:var(--green,#2d6a4f);border-bottom-color:var(--green,#2d6a4f) }
.subtab-row { display:flex;gap:6px;flex-wrap:wrap;
  margin-bottom:1.2rem;padding:6px 8px;
  background:var(--card,#fff);border:1.5px solid var(--border,#e5e7eb);border-radius:10px }
.subtab { background:none;border:1.5px solid transparent;padding:6px 12px;
  font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:600;
  color:var(--muted,#888);cursor:pointer;border-radius:20px;transition:all .15s }
.subtab:hover { color:var(--green,#2d6a4f);border-color:var(--border,#e5e7eb) }
.subtab.active { background:var(--green-pale,#d1fae5);color:var(--green,#2d6a4f);
  border-color:var(--green-light,#b7e4c7) }

@media(max-width:768px){
  #mobileNav { display:block!important; }
  .grp-tabs,.subtab-row,
  #parent-desktop-tabs,#teen-desktop-tabs,#employer-desktop-tabs { display:none!important; }
}
@media(min-width:769px){
  #mobileNav { display:none!important; }
}