/* Navigation only. Typing workspace, keyboard and shared variables are untouched. */
.nt-header.glass-header { height:69.203125px; min-height:0!important; box-sizing:border-box; gap:12px!important; }
.nt-header .header-left { gap:0!important; }
.nt-header .logo { display:flex;align-items:center;padding:0!important;line-height:1!important; }
.nt-header .logo picture { display:flex;align-items:center; }
.nt-header-logo { display:block;width:190px;height:66px;object-fit:contain;object-position:center;border-radius:9px; }
html[data-theme='dark'] .nt-header-logo { filter:invert(1) hue-rotate(180deg); }
@media(min-width:768px) and (max-width:1199px){.nt-header-logo{width:130px;height:45px}}
@media(max-width:767px){.nt-header-logo{width:44px;height:36px}}
.nt-header .header-right { flex:1!important; }
.nt-header .header-actions { gap:10px!important; flex-wrap:nowrap!important; }
.nt-header .header-center { display:none!important; }
.nt-header .header-actions { justify-content:flex-end!important; }
.nt-header .desktop-nav { margin-left:auto!important; }
.nt-header .desktop-nav { display:flex!important; gap:4px!important; flex-wrap:nowrap!important; }
.nt-header .desktop-nav .nav-pill-link { font-size:13px!important; padding:8px!important; white-space:nowrap; }
.nt-header #input-mode-switcher { display:flex!important; position:static!important; width:auto!important; margin:0!important; gap:2px!important; padding:3px!important; flex-wrap:nowrap!important; flex-direction:row!important; align-items:center!important; transform:none; }
.nt-header #input-mode-switcher .mode-btn-split-group { display:flex!important;flex-direction:row!important;width:auto!important;flex:0 0 auto!important; }
.nt-header.glass-header #input-mode-switcher:not(.active) { display:flex!important; }
.nt-header #input-mode-switcher .mode-label { display:none!important; }
.nt-header #input-mode-switcher .mode-btn { min-width:30px!important; width:auto!important;flex:0 0 auto!important; padding:5px!important; font-size:13px!important; }
.nt-header .tablet-mode-toggle,.nt-header #mobile-hamburger,.nt-header .theme-controls { display:none!important; }
.nt-header .mode-right-actions { display:flex!important; gap:5px!important; margin:0!important; }
.nt-header #nt-auth-widget { order:5; }
.nt-header .nt-user-name { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nt-nav-icon { width:34px; height:34px; flex:0 0 34px; display:inline-flex; align-items:center; justify-content:center; position:relative; padding:0; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--text-primary,#24334b); cursor:pointer; font:600 19px system-ui; }
.nt-nav-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.nt-nav-icon:hover,.nt-nav-icon[aria-expanded="true"] { background:var(--bg-hover,#ecfdf5); color:var(--primary,#059669); }
.nt-nav-icon:focus-visible,.nt-nav-panel :is(button,a,input):focus-visible { outline:2px solid var(--primary,#059669); outline-offset:3px; }
.nt-header #stats-btn { display:none!important; }
.nt-header #support-dev-btn { height:34px!important; padding:6px 10px!important; white-space:nowrap; }
.nt-header .nt-nav-more { display:inline-flex; }
.nt-nav-badge { position:absolute; top:1px; right:1px; min-width:13px; height:13px; border-radius:8px; background:#e44556; color:white; font:700 9px/13px system-ui; }
/* ── Arrival toast (below the bell, auto-fades) ── */
.nt-toast-stack { position:fixed; z-index:12000; display:flex; flex-direction:column; gap:8px; pointer-events:none; max-width:min(340px,calc(100vw - 24px)); }
.nt-toast { pointer-events:auto; display:flex; gap:10px; align-items:flex-start; background:var(--surface,#fff); color:var(--text-primary,#24334b); border:1px solid rgba(var(--primary-rgb,16,185,129),.32); border-radius:14px; padding:12px; box-shadow:0 16px 40px rgba(2,44,34,.22),0 2px 8px rgba(2,44,34,.10); cursor:pointer; opacity:0; transform:translateY(-8px); transition:opacity .25s ease,transform .25s ease; font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.nt-toast.show { opacity:1; transform:none; }
.nt-toast.hide { opacity:0; transform:translateY(-8px); }
.nt-toast-dot { width:10px; height:10px; border-radius:50%; background:var(--primary-solid,#059669); flex:0 0 auto; margin-top:5px; box-shadow:0 0 0 4px rgba(var(--primary-rgb,16,185,129),.15); }
.nt-toast-body { flex:1 1 auto; min-width:0; }
.nt-toast-body strong { display:block; font-size:14px; font-weight:800; letter-spacing:-.01em; }
.nt-toast-body p { margin:3px 0 0; font-size:13px; color:var(--text-secondary,#64748b); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.nt-toast-close { flex:0 0 auto; width:26px; height:26px; border-radius:50%; border:1px solid var(--border,#e2e8f0); background:transparent; color:var(--text-secondary,#64748b); font-size:15px; line-height:1; cursor:pointer; }
.nt-toast-close:hover { background:var(--bg-hover,#ecfdf5); color:var(--primary,#059669); }
@media(prefers-reduced-motion:reduce){ .nt-toast { transition:none; transform:none; } }
.nt-nav-panel { box-sizing:border-box; position:fixed; inset:76px 18px auto auto; margin:0; width:340px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 100px); overflow-x:hidden!important; overflow-y:auto; border:1px solid var(--border,#e2e8f0); border-radius:20px; padding:18px 14px 14px; background:var(--surface,#fff); color:var(--text-primary,#24334b); box-shadow:0 24px 70px rgba(16,45,40,.18),0 2px 10px rgba(16,45,40,.08); font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.nt-nav-panel::backdrop { background:rgba(18,45,36,.22); backdrop-filter:blur(2px); }
.nt-nav-panel[open] { animation:nt-nav-appear .16s ease-out; }
@keyframes nt-nav-appear { from {opacity:0;translate:0 -6px;scale:.98} to {opacity:1;translate:0 0;scale:1} }
@media(prefers-reduced-motion:reduce){.nt-nav-panel[open]{animation:none}}
body.mode-converter .nt-header #input-mode-switcher,html.mode-converter-init .nt-header #input-mode-switcher{display:none!important}
.nt-nav-panel h2 { margin:2px 40px 6px 6px; font-size:18px; font-weight:800; letter-spacing:-.02em; }
.nt-nav-panel .nt-nav-close { position:absolute; right:10px; top:10px; width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:999px!important;border:1px solid var(--border,#e2e8f0)!important;background:var(--surface,#fff)!important;font-size:18px!important;line-height:1!important; }
.nt-nav-panel .nt-nav-close:hover { background:var(--bg-hover,#ecfdf5)!important; color:var(--primary,#059669); border-color:transparent!important; }
.nt-nav-section { margin:14px 6px 6px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-secondary,#64748b); }
.nt-nav-section:first-of-type { margin-top:10px; }
.nt-nav-panel a,.nt-nav-panel .nt-nav-action { display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box; border:1px solid transparent; border-radius:12px; padding:10px 12px; margin:1px 0; text-decoration:none; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; font-weight:550; transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease; }
.nt-nav-panel a:hover,.nt-nav-panel .nt-nav-action:hover { background:var(--bg-hover,#ecfdf5); border-color:rgba(5,150,105,.14); color:var(--primary,#047857); }
.nt-nav-panel a:active,.nt-nav-panel .nt-nav-action:active { transform:scale(.99); }
.nt-nav-panel a:focus-visible,.nt-nav-panel .nt-nav-action:focus-visible { border-color:var(--primary,#059669); }
.nt-nav-panel hr { border:0; border-top:1px solid var(--border,#e2e8f0); margin:12px 4px; }
.nt-nav-panel p { color:var(--text-secondary,#64748b); margin:8px 6px 2px; }
.nt-nav-panel label,.nt-nav-panel .nt-nav-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; margin:2px 0; border:1px solid var(--border,#e2e8f0); border-radius:12px; background:var(--surface,#fff); cursor:pointer; font-weight:550; }
.nt-nav-panel label input[type="checkbox"] { width:18px; height:18px; accent-color:var(--primary,#059669); cursor:pointer; flex:0 0 auto; }
.nt-nav-panel article { padding:12px 6px; border-bottom:1px solid var(--border,#e2e8f0); overflow-wrap:anywhere; }
.nt-nav-panel article p { margin:5px 0; white-space:pre-wrap; }
.nt-nav-panel .nt-nav-muted { font-size:12px; color:var(--text-secondary,#64748b); }
.nt-nav-panel #nt-auth-widget { display:block!important; margin:10px 0; }
.nt-nav-panel .nt-profile-dropdown { position:static!important; max-width:100%!important; width:100%!important; box-shadow:none!important; }
.nt-nav-panel .nt-profile-backdrop { display:none!important; }
.nt-nav-panel .nt-nav-back { font-weight:700; color:var(--primary,#047857); }
.nt-nav-panel .nt-nav-appearance { margin:8px 2px 0; min-width:0; max-width:100%; overflow:hidden; }
.nt-nav-panel .nt-nav-appearance .nt-nav-toggle-row { margin:2px 0 4px; }
.nt-nav-panel .nt-nav-dots { display:flex!important; flex-wrap:wrap!important; gap:10px!important; max-width:100%!important; padding:4px 2px!important; }
.nt-nav-panel .nt-nav-dots .history-dot { flex:0 0 auto!important; width:28px!important; height:28px!important; border-radius:50%!important; border:2px solid #fff!important; box-shadow:0 2px 8px rgba(0,0,0,.15)!important; cursor:pointer!important; padding:0!important; }
.nt-nav-panel .nt-nav-dots .history-dot.active { outline:2px solid var(--primary,#059669)!important; outline-offset:2px!important; }
/* ── Lesson dropdown cards: solid white, no glass, theme color only for accents ── */
.secondary-nav-container .nav-dropdown .dropdown-content,
.secondary-nav-container .nav-dropdown.open .dropdown-content {
  width:300px!important; max-height:390px!important; padding:8px!important;
  background:#fff!important; background-color:#fff!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  opacity:1; border:1px solid var(--border,#e2e8f0)!important; border-radius:16px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.06)!important;
  gap:2px!important;
}
.secondary-nav-container .dropdown-content::-webkit-scrollbar { width:8px; }
.secondary-nav-container .dropdown-content::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:8px; border:2px solid transparent; background-clip:content-box; }
.secondary-nav-container .dropdown-content::-webkit-scrollbar-track { background:transparent; }
.secondary-nav-container .nav-dropdown .dropdown-item {
  padding:10px 12px!important; border-radius:12px!important;
  border:1px solid transparent!important; background:#fff!important; background-color:#fff!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  transition:background .13s ease,border-color .13s ease,transform .13s ease!important;
}
.secondary-nav-container .nav-dropdown .dropdown-item:hover { background:#f8fafc!important; background-color:#f8fafc!important; border-color:var(--primary,#059669)!important; }
.secondary-nav-container .nav-dropdown .dropdown-item:active { transform:scale(.99)!important; }
.secondary-nav-container .nav-dropdown .dropdown-item.active {
  background:#fff!important; background-color:#fff!important;
  border-color:var(--primary,#059669)!important;
  box-shadow:inset 3px 0 0 var(--primary,#059669)!important;
}
.secondary-nav-container .d-lesson-id {
  font-size:10px!important; font-weight:800!important; letter-spacing:.07em!important;
  text-transform:uppercase!important; color:#64748b!important; margin-bottom:3px!important;
}
.secondary-nav-container .dropdown-item.active .d-lesson-id { color:var(--primary,#047857)!important; }
.secondary-nav-container .d-keys-big {
  font-size:20px!important; font-weight:800!important; letter-spacing:.01em!important;
  line-height:1.25!important; color:#0f172a!important;
}
.secondary-nav-container .dropdown-stars { gap:3px!important; margin-top:5px!important; }
.secondary-nav-container .dropdown-stars .star-tiny { font-size:11px!important; color:#e2e8f0!important; }
.secondary-nav-container .dropdown-stars .star-tiny.earned { color:#f59e0b!important; }
[data-theme='dark'] .secondary-nav-container .nav-dropdown .dropdown-content,
[data-theme='dark'] .secondary-nav-container .nav-dropdown.open .dropdown-content { background:#0f172a!important; background-color:#0f172a!important; }
[data-theme='dark'] .secondary-nav-container .nav-dropdown .dropdown-item,
[data-theme='dark'] .secondary-nav-container .nav-dropdown .dropdown-item:hover,
[data-theme='dark'] .secondary-nav-container .nav-dropdown .dropdown-item.active { background:#0f172a!important; background-color:#0f172a!important; }
[data-theme='dark'] .secondary-nav-container .nav-dropdown .dropdown-item:hover { background:#1e293b!important; background-color:#1e293b!important; }
[data-theme='dark'] .secondary-nav-container .d-keys-big { color:#f1f5f9!important; }
[data-theme='dark'] .secondary-nav-container .dropdown-stars .star-tiny { color:rgba(255,255,255,.16)!important; }
[data-theme='dark'] .secondary-nav-container .dropdown-stars .star-tiny.earned { color:#fbbf24!important; text-shadow:none!important; }
@media(min-width:1800px){.nt-header.glass-header{height:77.203125px}}
@media(min-width:1200px) and (max-width:1300px){.nt-header.glass-header{height:64px}}
@media(min-width:1024px) and (max-width:1199px){
 .nt-header.glass-header{gap:6px!important}.nt-header .header-actions{gap:4px!important}
 .nt-header .logo{font-size:22px!important}.nt-header .desktop-nav .nav-pill-link{font-size:12px!important;padding:6px 4px!important}
 .nt-header .nt-user-name,.nt-header #nt-signin-btn span{display:none!important}.nt-header #nt-signin-btn{padding:7px!important;min-width:30px!important}
 .nt-header #support-dev-btn{display:none!important}.nt-header .nt-nav-more{display:inline-flex}
 .nt-header .mode-right-actions{gap:1px!important}.nt-header .nt-nav-icon{width:30px;flex-basis:30px}
}
/* Tablet 768-1023: hide the 3 nav pills from the bar to avoid crowding.
   They live in the right-side hamburger menu (Explore NepalType).
   Keep logo pinned left, actions pinned right. */
@media(min-width:768px) and (max-width:1023px){
 .nt-header.glass-header{height:60px;gap:8px!important;padding:0 12px!important}
 .nt-header .header-left{flex:0 0 auto!important;display:flex!important;align-items:center!important}
 .nt-header .header-right{flex:1 1 auto!important;min-width:0!important}
 .nt-header .header-actions{gap:6px!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
 .nt-header .desktop-nav{display:none!important}
 .nt-header .nt-user-name,.nt-header #nt-signin-btn span{display:none!important}.nt-header #nt-signin-btn{padding:7px!important;min-width:30px!important}
 .nt-header #support-dev-btn{display:none!important}
 .nt-header .nt-nav-more{display:inline-flex!important}
 .nt-header .mode-right-actions{gap:4px!important}
 .nt-header #input-mode-switcher .mode-btn{min-width:28px!important;padding:4px 6px!important}
 .nt-header .nt-nav-theme{display:none!important}
}
@media(max-width:767px){
 .nt-header.glass-header{height:62px;position:relative;padding:0 8px!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(16px,5vw,24px)!important}
 .nt-header .header-left{height:32px;display:flex!important;align-items:center!important}.nt-header .logo{font-size:22px!important}
 .nt-header .header-left{flex:0 0 auto!important}
 .nt-header .header-right{height:32px!important;min-width:0!important;width:auto!important}.nt-header .header-actions{height:32px;justify-content:flex-end!important;align-items:center!important;gap:4px!important;width:100%!important}
 .nt-header .desktop-nav,.nt-header #nt-auth-widget,.nt-header .nt-nav-theme,.nt-header #support-dev-btn{display:none!important}
 .nt-header .nt-nav-more{display:inline-flex}.nt-header .nt-nav-icon{width:30px;height:30px;flex-basis:30px}
 .nt-header .logo picture{height:32px}
 .nt-header-logo{width:42px;height:34px}
 .nt-header #input-mode-switcher{position:static!important;transform:none!important;height:30px!important;max-width:none!important;overflow:visible!important;box-sizing:border-box;padding:0!important;border-radius:8px!important;margin-left:auto!important;margin-right:8px!important;flex:0 0 auto!important}
 .nt-header #input-mode-switcher .mode-btn{height:28px!important;min-width:30px!important;padding:2px 5px!important;box-sizing:border-box}
 .nt-nav-panel{inset:10px 10px auto auto;max-height:calc(100dvh - 20px);width:360px}
}
@media(max-width:480px){
 .nt-header.glass-header{height:56px}
 .nt-header .header-left,.nt-header .header-right,.nt-header .header-actions{height:30px!important}
 .nt-header .logo picture{height:30px}
 .nt-header-logo{width:38px;height:31px}
}
/* ── NepalType minimal vibe for nav panels (Explore / Settings / etc., all views) ── */
.nt-nav-panel{
  padding:0 0 14px!important;
  border-radius:22px!important;
  border:1px solid rgba(var(--primary-rgb,16,185,129),.30)!important;
  background:
    linear-gradient(135deg, rgba(var(--primary-rgb,16,185,129),.16), rgba(var(--primary-rgb,16,185,129),.05) 62%, transparent 100%) top/100% 96px no-repeat,
    var(--surface,#fff)!important;
  box-shadow:0 24px 60px rgba(2,44,34,.25),0 2px 10px rgba(2,44,34,.10)!important;
  overscroll-behavior:contain;
}
.nt-nav-panel::backdrop{ background:rgba(6,40,30,.38); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.nt-nav-panel[open]{ animation:nt-nav-sheet-in .22s cubic-bezier(.32,.72,.35,1); }
@keyframes nt-nav-sheet-in{ from{opacity:0; translate:0 -10px; scale:.98} to{opacity:1; translate:0 0; scale:1} }

/* Brand title row */
.nt-nav-panel h2{
  display:flex!important; align-items:center!important; gap:10px!important;
  margin:0!important; padding:20px 54px 16px 18px!important;
  font-size:19px!important; font-weight:800!important; letter-spacing:-.02em!important;
  color:var(--text-primary,#0f172a)!important;
}
.nt-nav-panel h2::before{
  content:""; flex:0 0 auto; width:12px; height:12px; border-radius:4px;
  background:linear-gradient(135deg, var(--primary-solid,#059669), var(--primary,#10b981));
  box-shadow:0 2px 8px rgba(var(--primary-rgb,16,185,129),.5);
}
.nt-nav-panel .nt-nav-close{
  right:12px!important; top:13px!important;
  width:34px!important; height:34px!important; flex-basis:34px!important;
  background:rgba(var(--primary-rgb,16,185,129),.12)!important;
  border-color:transparent!important; color:var(--primary,#047857)!important;
}
.nt-nav-panel .nt-nav-close:hover{ background:rgba(var(--primary-rgb,16,185,129),.22)!important; }

/* Section labels: green accent bar */
.nt-nav-panel .nt-nav-section{
  display:flex!important; align-items:center!important;
  margin:16px 16px 2px!important; padding-left:10px!important;
  font-size:11px!important; font-weight:800!important; letter-spacing:.1em!important;
  color:var(--primary,#047857)!important;
  border-left:3px solid var(--primary-solid,#059669); border-radius:2px;
}
.nt-nav-panel .nt-nav-section:first-of-type{ margin-top:6px!important; }

/* Minimal list rows with hairline dividers + chevrons */
.nt-nav-panel a,.nt-nav-panel .nt-nav-action{
  border:none!important; border-bottom:1px solid var(--border,#eef2f7)!important;
  border-radius:10px!important;
  margin:0 8px!important; width:calc(100% - 16px)!important;
  padding:13px 12px!important; font-size:15px!important; font-weight:600!important;
}
.nt-nav-panel a:last-of-type{ border-bottom-color:transparent!important; }
.nt-nav-panel a::after{
  content:"›"; margin-left:auto; flex:0 0 auto;
  font-size:20px; line-height:1; font-weight:700;
  color:var(--primary,#059669); opacity:.75;
}
.nt-nav-panel a:hover,.nt-nav-panel .nt-nav-action:hover{
  background:rgba(var(--primary-rgb,16,185,129),.10)!important;
  border-bottom-color:rgba(var(--primary-rgb,16,185,129),.25)!important;
  color:var(--primary,#047857)!important;
}
.nt-nav-panel .nt-nav-back{ color:var(--primary,#047857)!important; }
.nt-nav-panel hr{ border-top-color:var(--border,#eef2f7)!important; margin:12px 16px!important; }

/* Account slot */
.nt-nav-panel #nt-auth-widget{ margin:10px 8px!important; }

/* Account profile row + sign out */
.nt-nav-panel .nt-account-row{
  display:flex!important; align-items:center!important; gap:12px!important;
  margin:2px 8px!important; width:calc(100% - 16px)!important; box-sizing:border-box!important;
  padding:10px 12px!important;
}
.nt-nav-panel .nt-account-avatar{
  width:40px!important; height:40px!important; flex:0 0 auto!important;
  border-radius:50%!important; overflow:hidden!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  background:rgba(var(--primary-rgb,16,185,129),.14)!important;
  color:var(--primary,#047857)!important; font-weight:800!important; font-size:18px!important;
}
.nt-nav-panel .nt-account-avatar img{ width:100%!important; height:100%!important; object-fit:cover!important; }
.nt-nav-panel .nt-account-meta{ flex:1 1 auto!important; min-width:0!important; }
.nt-nav-panel .nt-account-name{
  font-weight:700!important; font-size:15px!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
.nt-nav-panel .nt-account-email{
  font-size:12px!important; color:var(--text-secondary,#64748b)!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
.nt-nav-panel .nt-nav-action.nt-nav-signout{ color:#dc2626!important; }
.nt-nav-panel .nt-nav-action.nt-nav-signout:hover{
  background:rgba(220,38,38,.08)!important;
  border-bottom-color:rgba(220,38,38,.25)!important;
  color:#b91c1c!important;
}

[data-theme='dark'] .nt-nav-panel{
  border-color:rgba(var(--primary-rgb,16,185,129),.45)!important;
}
/* Phone positioning: full-width top card with safe-area padding */
@media(max-width:767px){
  .nt-nav-panel{
    inset:12px 12px auto 12px!important;
    width:auto!important;
    max-height:calc(100dvh - 24px)!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:850px){
 .nt-secondary-nav.secondary-nav-container {box-sizing:border-box;height:58px!important;min-height:0!important;padding:0 8px!important;position:relative;}
 .nt-secondary-nav #mobile-nav-trigger{display:none!important}
 .nt-secondary-nav #secondary-nav-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:28px 28px;gap:0!important;padding:0!important;background:transparent;min-width:0;width:100%!important;height:56px!important;}
 .nt-secondary-nav .nav-left-curriculum{display:block!important;min-width:0;overflow-x:auto;overflow-y:hidden;height:28px;scrollbar-width:none}
 .nt-secondary-nav .nav-section-group{display:flex!important;gap:4px!important;width:max-content!important;min-width:100%;height:28px;justify-content:space-between}
 .nt-secondary-nav .nav-dropdown{width:auto!important;flex:0 0 auto}
 .nt-secondary-nav .dropdown-trigger{height:27px!important;min-height:0!important;font-size:12px!important;padding:3px 8px!important;gap:4px!important}
 .nt-secondary-nav .nav-center-lesson{display:flex!important;width:100%!important;height:28px!important;min-height:0!important;gap:6px!important;padding:0!important;box-sizing:border-box;}
 .nt-secondary-nav .active-lesson-glow{min-width:0;flex:1;text-align:center}
 .nt-secondary-nav .quick-nav-btn{width:27px!important;height:25px!important;min-width:27px!important;padding:0!important;font-size:11px!important}
 .nt-secondary-nav #current-lesson-label{font-size:12px!important;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .nt-secondary-nav .view-toggle-group,.nt-secondary-nav .nav-far-right{display:none!important}
 .nt-secondary-nav .nav-dropdown .dropdown-content{position:fixed!important;top:var(--nt-dropdown-top,130px)!important;left:12px!important;right:auto!important;width:min(320px,calc(100vw - 24px))!important;max-height:50dvh!important;overflow:auto!important;z-index:2000!important;}
}
@media(min-width:801px) and (max-width:850px){.nt-secondary-nav.secondary-nav-container{height:60px!important}}

/* Community first; payment details are an optional disclosure.
   Compact centered card — never fullscreen. Community on top, QR collapsed at bottom. */
#support-dev-modal { padding:20px!important; box-sizing:border-box; align-items:center!important; justify-content:center!important; overflow:hidden!important; }
#support-dev-modal .support-dev-modern { display:block!important; width:min(520px,calc(100vw - 32px))!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:min(85dvh,640px)!important; overflow-y:auto!important; overscroll-behavior:contain!important; box-sizing:border-box; margin:auto!important; padding:22px 22px 18px!important; border-radius:20px!important; background:var(--surface,#fff)!important; box-shadow:0 24px 70px rgba(15,23,42,.28)!important; }
#support-dev-modal .support-dev-main { order:1!important; }
#support-dev-modal .support-dev-main h3 { font-size:clamp(1.25rem,3.5vw,1.5rem)!important; line-height:1.2!important; letter-spacing:-.02em!important; margin:10px 36px 8px 0!important; }
#support-dev-modal .support-dev-main > p { font-size:.88rem!important; line-height:1.55!important; margin:0 0 8px!important; }
#support-dev-modal .support-community-box { border:0!important; background:transparent!important; padding:0!important; margin:14px 0 0!important; }
#support-dev-modal .support-social-links { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin:0 0 10px!important; }
#support-dev-modal .support-community-note { font-size:.78rem!important; line-height:1.5!important; color:var(--text-secondary,#64748b)!important; margin:0!important; }
.support-optional-donation { order:2!important; margin-top:16px!important; border-top:1px solid #10b98126!important; padding-top:10px!important; }
.support-optional-donation summary { cursor:pointer; color:#047857; font-size:.84rem; font-weight:600; padding:8px 0; list-style:none; }
.support-optional-donation summary::-webkit-details-marker { display:none; }
.support-optional-donation summary::before { content:'+ '; font-weight:800; }
.support-optional-donation[open] summary::before { content:'− '; }
.support-optional-donation summary span { font-size:.72rem; font-weight:400; color:#64748b; margin-left:8px; }
#support-dev-modal .support-dev-payment { order:initial!important; max-width:320px!important; width:100%; box-sizing:border-box; margin:10px auto 0!important; padding:14px!important; }
#support-dev-modal .support-dev-payment img { width:min(200px,80%)!important; margin:0 auto 10px!important; }
@media(max-width:767px){
 #support-dev-modal { padding:12px!important; align-items:center!important; }
 #support-dev-modal .support-dev-modern { width:calc(100vw - 24px)!important; max-height:calc(100dvh - 48px)!important; padding:18px 14px 14px!important; border-radius:16px!important; }
 #support-dev-modal .support-social-links { grid-template-columns:1fr!important; }
 #support-dev-modal .support-optional-donation { margin-top:12px!important; }
}