/* Nest English — Beta UI Polish / Dark Mode / Branded Modals v1
   Global presentation guard: no feature logic, storage, API or routing changes. */
:root{
  --nest-modal-surface:#fffdf9;
  --nest-modal-surface-2:#f7fbf8;
  --nest-modal-border:rgba(12,117,86,.14);
  --nest-modal-accent:#0c7556;
  --nest-modal-accent-soft:rgba(12,117,86,.09);
  --nest-modal-shadow:0 28px 70px -24px rgba(15,23,42,.28),0 10px 30px -20px rgba(12,117,86,.18);
}
html.dark,html.ne-dark{
  --nest-modal-surface:#101c2b;
  --nest-modal-surface-2:#132438;
  --nest-modal-border:rgba(115,205,166,.18);
  --nest-modal-accent:#56d0a5;
  --nest-modal-accent-soft:rgba(86,208,165,.10);
  --nest-modal-shadow:0 30px 80px -24px rgba(0,0,0,.72),0 12px 32px -20px rgba(0,0,0,.45);
}

/* Global dark-mode text contrast guard.
   Only catches utility text that omitted an explicit dark variant. */
html.dark .text-slate-900,html.ne-dark .text-slate-900{color:#f8fafc !important}
html.dark .text-slate-800,html.ne-dark .text-slate-800{color:#f1f5f9 !important}
html.dark .text-slate-700,html.ne-dark .text-slate-700{color:#e2e8f0 !important}
html.dark .text-slate-600,html.ne-dark .text-slate-600{color:#cbd5e1 !important}
html.dark .text-slate-500,html.ne-dark .text-slate-500{color:#b7c4d0 !important}
html.dark .text-slate-400,html.ne-dark .text-slate-400{color:#a7b5c3 !important}
html.dark .text-slate-300,html.ne-dark .text-slate-300{color:#d5dde5 !important}
html.dark .text-slate-200,html.ne-dark .text-slate-200{color:#e8edf2 !important}
html.dark .text-slate-100,html.ne-dark .text-slate-100{color:#f2f5f7 !important}

/* Batch UX8 · #pdf-report-template (self-assessment report / certificate card) is a
   deliberately theme-invariant white "paper" surface — it stays white/print-ready in both
   light and dark mode so it can be shared, printed, or exported as an image consistently.
   The blanket html.dark .text-slate-* !important rules above have no awareness of that
   exception: they bleach any nested text-slate-900/800/700/600/500/400 utility toward
   near-white regardless of its actual (white) background, making report headings and labels
   unreadable in dark mode (root cause, confirmed by inspection — not a missing dark: variant,
   but a higher-priority !important override with no scoped exception). Re-assert the original
   light-surface ink colors specifically inside the report card; #pdf-report-template gives
   this rule set ID-level specificity so it wins over the class-level rules above regardless
   of source order, without touching the blanket rule itself or any other page. */
#pdf-report-template .text-slate-900{color:#0f172a !important}
#pdf-report-template .text-slate-800{color:#1e293b !important}
#pdf-report-template .text-slate-700{color:#334155 !important}
#pdf-report-template .text-slate-600{color:#475569 !important}
#pdf-report-template .text-slate-500{color:#64748b !important}
#pdf-report-template .text-slate-400{color:#94a3b8 !important}

/* Dark controls remain legible even when a component forgot its dark utility. */
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark textarea,
html.dark select,
html.ne-dark input:not([type="checkbox"]):not([type="radio"]),
html.ne-dark textarea,
html.ne-dark select{
  color:#f4f7f8;
  caret-color:#72d8b1;
}
html.dark input::placeholder,html.dark textarea::placeholder,
html.ne-dark input::placeholder,html.ne-dark textarea::placeholder{color:#7f90a0 !important;opacity:1}

/* Guest teacher workspace — explicit contrast for compact stat cards. */
.nest-guest-stat{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(148,163,184,.16);
  border-radius:1rem;
  padding:.8rem;
}
.nest-guest-stat-label{color:#64748b;font-size:.68rem;line-height:1.35;font-weight:800}
.nest-guest-stat-value{color:#0f172a;font-size:1.15rem;line-height:1.2;font-weight:900;margin-top:.18rem}
html.dark .nest-guest-stat,html.ne-dark .nest-guest-stat{background:rgba(30,41,59,.78);border-color:rgba(148,163,184,.16)}
html.dark .nest-guest-stat-label,html.ne-dark .nest-guest-stat-label{color:#b8c5d2 !important}
html.dark .nest-guest-stat-value,html.ne-dark .nest-guest-stat-value{color:#f8fafc !important}

/* Branded native selects that are not converted for any reason. */
select:not(.nest-cs-native){
  appearance:none !important;
  -webkit-appearance:none !important;
  background-repeat:no-repeat !important;
  background-position:right .78rem center !important;
  padding-inline-end:2.1rem !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364756b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}
html[dir="rtl"] select:not(.nest-cs-native){background-position:left .78rem center !important;padding-inline-start:2.1rem !important;padding-inline-end:.8rem !important}
html.dark select:not(.nest-cs-native),html.ne-dark select:not(.nest-cs-native){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a7b5c3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important}

/* All custom dropdowns use the Nest surface language. */
.nest-cs{display:inline-flex;width:auto;max-width:100%;min-width:0;position:relative}.nest-cs-full{display:flex;width:100%}
.nest-cs-trigger{width:100%;max-width:none;min-height:44px;padding:.65rem .9rem;border-radius:1rem;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,248,.98));color:#263748;box-shadow:0 8px 20px -18px rgba(12,117,86,.35),inset 0 1px 0 rgba(255,255,255,.85);font-size:.84rem;font-weight:800}
html.dark .nest-cs-trigger,html.ne-dark .nest-cs-trigger{background:linear-gradient(180deg,rgba(24,39,56,.98),rgba(15,29,44,.98));border-color:rgba(148,163,184,.2);color:#eef4f6;box-shadow:0 12px 28px -22px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.035)}
.nest-cs-trigger:hover{border-color:rgba(12,117,86,.34);background:linear-gradient(180deg,#fff,#f5faf7)}
html.dark .nest-cs-trigger:hover,html.ne-dark .nest-cs-trigger:hover{border-color:rgba(86,208,165,.34);background:linear-gradient(180deg,#1c3147,#14283a)}
.nest-cs-list{left:0;right:auto;width:100%;min-width:0;max-width:min(360px,calc(100vw - 32px));margin-top:2px;padding:.45rem;border-radius:1.15rem;border:1px solid var(--nest-modal-border);background:var(--nest-modal-surface);box-shadow:var(--nest-modal-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[dir="rtl"] .nest-cs-list{left:auto;right:0}
.nest-cs-option{min-height:44px;border-radius:.85rem;font-size:.84rem;font-weight:750;color:#334155;padding:.62rem .8rem}
html.dark .nest-cs-option,html.ne-dark .nest-cs-option{color:#e7eef2}
.nest-cs-option:hover,.nest-cs-option:focus{background:var(--nest-modal-accent-soft);color:#047857}
html.dark .nest-cs-option:hover,html.dark .nest-cs-option:focus,html.ne-dark .nest-cs-option:hover,html.ne-dark .nest-cs-option:focus{background:rgba(86,208,165,.11);color:#73d8b2}
.nest-cs-option.is-selected{background:rgba(12,117,86,.12);color:#0a7656}
html.dark .nest-cs-option.is-selected,html.ne-dark .nest-cs-option.is-selected{background:rgba(86,208,165,.14);color:#82dfbd}
.nest-service-field .nest-cs{width:100%}
.nest-service-field .nest-cs-trigger{min-height:48px;border-radius:.95rem}

/* Branded modal system: overlays + their primary surfaces. */
#sample-report-modal,#daily-egg-modal,#daily-challenge-modal,#exit-test-modal,#mock-exam-intro-modal,#goal-modal,#hoot-chat-modal,
#nest-teacher-auth-modal{
  background:radial-gradient(circle at 50% 0%,rgba(12,117,86,.10),transparent 38%),rgba(6,15,28,.72) !important;
  -webkit-backdrop-filter:blur(10px) saturate(120%) !important;
  backdrop-filter:blur(10px) saturate(120%) !important;
}
#sample-report-modal > .glass-panel,
#daily-egg-modal > .glass-panel,
#daily-challenge-modal > .glass-panel,
#exit-test-modal > .glass-panel,
#mock-exam-intro-modal > .glass-panel,
#goal-modal > .glass-panel,
#hoot-chat-modal > .glass-panel,
#nest-teacher-auth-modal > .relative[role="dialog"]{
  background:linear-gradient(180deg,var(--nest-modal-surface),var(--nest-modal-surface-2)) !important;
  border:1px solid var(--nest-modal-border) !important;
  box-shadow:var(--nest-modal-shadow) !important;
  color:#0f172a;
}
html.dark #sample-report-modal > .glass-panel,html.dark #daily-egg-modal > .glass-panel,html.dark #daily-challenge-modal > .glass-panel,html.dark #exit-test-modal > .glass-panel,html.dark #mock-exam-intro-modal > .glass-panel,html.dark #goal-modal > .glass-panel,html.dark #hoot-chat-modal > .glass-panel,
html.ne-dark #sample-report-modal > .glass-panel,html.ne-dark #daily-egg-modal > .glass-panel,html.ne-dark #daily-challenge-modal > .glass-panel,html.ne-dark #exit-test-modal > .glass-panel,html.ne-dark #mock-exam-intro-modal > .glass-panel,html.ne-dark #goal-modal > .glass-panel,html.ne-dark #hoot-chat-modal > .glass-panel,
html.dark #nest-teacher-auth-modal > .relative[role="dialog"],html.ne-dark #nest-teacher-auth-modal > .relative[role="dialog"]{color:#f4f7f8 !important}

/* Catch additional app dialogs without disturbing the account gateway. */
.nest-modal{background:radial-gradient(circle at 50% 0%,rgba(12,117,86,.10),transparent 38%),rgba(6,15,28,.72) !important;-webkit-backdrop-filter:blur(10px) saturate(120%) !important;backdrop-filter:blur(10px) saturate(120%) !important}
.nest-modal-panel{max-width:min(40rem,calc(100vw - 2rem));background:linear-gradient(180deg,var(--nest-modal-surface),var(--nest-modal-surface-2)) !important;border:1px solid var(--nest-modal-border) !important;border-radius:1.5rem !important;box-shadow:var(--nest-modal-shadow) !important}

/* Close controls feel intentional, not like generic browser buttons. */
#sample-report-modal .absolute.top-4 button,#daily-egg-modal .absolute.top-4 button,#daily-challenge-modal .absolute.top-4 button,#exit-test-modal .absolute.top-4 button,#mock-exam-intro-modal .absolute.top-4 button,#goal-modal .absolute.top-4 button,
#hoot-chat-modal button[aria-label="Close"],#nest-teacher-auth-modal [data-close]{
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 8px 20px -18px rgba(15,23,42,.35) !important;
}

/* Teacher quick help modal keeps the same visual system. */
.nest-teacher-how-panel{background:linear-gradient(180deg,var(--nest-modal-surface),var(--nest-modal-surface-2)) !important;border-color:var(--nest-modal-border) !important;box-shadow:var(--nest-modal-shadow) !important}

@media(max-width:640px){
  .nest-cs-trigger{min-height:48px;font-size:.9rem}
  .nest-cs-list{max-width:calc(100vw - 28px);max-height:min(320px,52vh)}
}


/* ═══════════════════════════════════════════════════════════════════════
   PHASE 2 · PRODUCT DEFINITION / WOW ARCHITECTURE
   Purpose: surface the existing product system without touching engine code.
   Isolated selectors only; no existing component rules are overridden.
   ═══════════════════════════════════════════════════════════════════════ */
.nest-system-shell{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));}
.dark .nest-system-shell{background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.58));}
.nest-system-head{border-bottom:1px solid rgba(148,163,184,.16);}
.nest-system-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:900;letter-spacing:.18em;color:#0f766e;}
.nest-system-kicker::before{content:"";width:1.8rem;height:2px;border-radius:999px;background:currentColor;opacity:.65;}
.dark .nest-system-kicker{color:#6ee7b7;}
.nest-system-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;position:relative;padding-top:1rem;}
.nest-system-flow-line{position:absolute;left:7%;right:7%;top:2.85rem;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.32),rgba(16,185,129,.32),transparent);pointer-events:none;}
.nest-system-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.34rem;padding:.5rem .4rem;min-width:0;}
.nest-system-step-icon{width:3rem;height:3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(236,253,245,.96);border:1px solid rgba(16,185,129,.24);box-shadow:0 8px 18px rgba(15,23,42,.06);color:#047857;font-size:1rem;}
.dark .nest-system-step-icon{background:rgba(6,78,59,.32);border-color:rgba(52,211,153,.24);color:#6ee7b7;box-shadow:none;}
.nest-system-step-number{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#94a3b8;}
.nest-system-step strong{font-size:.84rem;font-weight:900;color:#0f172a;}
.dark .nest-system-step strong{color:#f8fafc;}
.nest-system-step>span:last-child{font-size:.7rem;line-height:1.45;color:#64748b;max-width:11rem;}
.dark .nest-system-step>span:last-child{color:#94a3b8;}
.nest-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;}
.nest-system-card{display:flex;align-items:flex-start;gap:.85rem;padding:1rem;border-radius:1.25rem;background:rgba(248,250,252,.72);border:1px solid rgba(148,163,184,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.nest-system-card:hover{transform:translateY(-2px);border-color:rgba(16,185,129,.3);box-shadow:0 12px 28px rgba(15,23,42,.06);}
.dark .nest-system-card{background:rgba(15,23,42,.42);border-color:rgba(71,85,105,.42);}
.dark .nest-system-card:hover{border-color:rgba(52,211,153,.28);box-shadow:none;}
.nest-system-card-proof{background:linear-gradient(180deg,rgba(236,253,245,.82),rgba(248,250,252,.62));}
.dark .nest-system-card-proof{background:linear-gradient(180deg,rgba(6,78,59,.24),rgba(15,23,42,.42));}
.nest-system-card-icon{flex:0 0 auto;width:2.35rem;height:2.35rem;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;background:rgba(236,253,245,.95);color:#047857;font-size:.88rem;border:1px solid rgba(16,185,129,.18);}
.dark .nest-system-card-icon{background:rgba(6,78,59,.34);color:#6ee7b7;border-color:rgba(52,211,153,.18);}
.nest-system-card h3{margin:0;color:#0f172a;font-size:.82rem;font-weight:900;line-height:1.35;}
.dark .nest-system-card h3{color:#f8fafc;}
.nest-system-card p{margin:.32rem 0 0;color:#64748b;font-size:.72rem;line-height:1.55;}
.dark .nest-system-card p{color:#94a3b8;}
@media (max-width:900px){.nest-system-flow{grid-template-columns:repeat(5,minmax(7rem,1fr));overflow-x:auto;padding-bottom:.35rem;scrollbar-width:none}.nest-system-flow::-webkit-scrollbar{display:none}.nest-system-flow-line{left:4rem;right:4rem}.nest-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.nest-system-shell{border-radius:1.5rem}.nest-system-flow{margin-inline:-.15rem}.nest-system-step{padding-inline:.25rem}.nest-system-step-icon{width:2.6rem;height:2.6rem}.nest-system-grid{grid-template-columns:1fr}.nest-system-card{padding:.9rem}.nest-system-card:hover{transform:none;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nest-system-card{transition:none}}

.nest-curriculum-shell{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.48));}
.dark .nest-curriculum-shell{background:linear-gradient(180deg,rgba(15,23,42,.8),rgba(15,23,42,.56));}
.nest-curriculum-head{border-bottom:1px solid rgba(148,163,184,.16);}
.nest-curriculum-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:900;letter-spacing:.18em;color:#0f766e;}
.nest-curriculum-kicker::before{content:"";width:1.8rem;height:2px;border-radius:999px;background:currentColor;opacity:.65;}
.dark .nest-curriculum-kicker{color:#6ee7b7;}
.nest-curriculum-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;align-self:flex-start;border:1px solid rgba(16,185,129,.24);background:rgba(236,253,245,.78);color:#047857;border-radius:999px;padding:.72rem 1rem;font-size:.72rem;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.nest-curriculum-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.07);border-color:rgba(16,185,129,.38);}
.dark .nest-curriculum-cta{background:rgba(6,78,59,.3);color:#a7f3d0;border-color:rgba(52,211,153,.24);}
.dark .nest-curriculum-cta:hover{box-shadow:none;}
.nest-curriculum-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1.35rem;}
.nest-curriculum-stat{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.85rem 1rem;border-radius:1rem;background:rgba(248,250,252,.72);border:1px solid rgba(148,163,184,.15);}
.dark .nest-curriculum-stat{background:rgba(15,23,42,.4);border-color:rgba(71,85,105,.4);}
.nest-curriculum-stat strong{font-size:1.35rem;line-height:1;font-weight:950;color:#0f172a;letter-spacing:-.03em;}
.dark .nest-curriculum-stat strong{color:#f8fafc;}
.nest-curriculum-stat span{font-size:.66rem;line-height:1.35;font-weight:800;color:#64748b;}
.dark .nest-curriculum-stat span{color:#94a3b8;}
.nest-curriculum-stat-accent{background:linear-gradient(180deg,rgba(236,253,245,.86),rgba(248,250,252,.66));border-color:rgba(16,185,129,.2);}
.dark .nest-curriculum-stat-accent{background:linear-gradient(180deg,rgba(6,78,59,.28),rgba(15,23,42,.4));border-color:rgba(52,211,153,.2);}
.nest-levels{}
.nest-curriculum-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding-top:1.15rem;}
.nest-level-card{padding:1rem;border-radius:1.25rem;background:rgba(248,250,252,.72);border:1px solid rgba(148,163,184,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.nest-level-card:hover{transform:translateY(-2px);border-color:rgba(16,185,129,.3);box-shadow:0 12px 28px rgba(15,23,42,.06);}
.dark .nest-level-card{background:rgba(15,23,42,.42);border-color:rgba(71,85,105,.42);}
.dark .nest-level-card:hover{border-color:rgba(52,211,153,.28);box-shadow:none;}
.nest-level-card-strong{background:linear-gradient(180deg,rgba(236,253,245,.86),rgba(248,250,252,.66));border-color:rgba(16,185,129,.22);}
.dark .nest-level-card-strong{background:linear-gradient(180deg,rgba(6,78,59,.25),rgba(15,23,42,.42));border-color:rgba(52,211,153,.2);}
.nest-level-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;}
.nest-level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.7rem;height:1.7rem;border-radius:.7rem;background:rgba(15,118,110,.1);color:#0f766e;border:1px solid rgba(15,118,110,.16);font-size:.72rem;font-weight:950;letter-spacing:.06em;}
.dark .nest-level-badge{background:rgba(45,212,191,.08);color:#99f6e4;border-color:rgba(45,212,191,.16);}
.nest-level-count{font-size:.63rem;font-weight:900;color:#94a3b8;white-space:nowrap;}
.nest-level-card h3{margin:0;color:#0f172a;font-size:.88rem;font-weight:900;line-height:1.35;}
.dark .nest-level-card h3{color:#f8fafc;}
.nest-level-card p{margin:.35rem 0 0;color:#64748b;font-size:.7rem;line-height:1.55;}
.dark .nest-level-card p{color:#94a3b8;}
@media (max-width:900px){.nest-curriculum-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.nest-curriculum-levels{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.nest-curriculum-shell{border-radius:1.5rem}.nest-curriculum-cta{width:100%;}.nest-curriculum-stats{gap:.5rem}.nest-curriculum-stat{padding:.78rem .82rem}.nest-curriculum-levels{grid-template-columns:1fr;}.nest-level-card:hover{transform:none;box-shadow:none;}}
@media (prefers-reduced-motion:reduce){.nest-level-card,.nest-curriculum-cta{transition:none}}



/* Phase 2 — Educator / Institution credibility layer. Presentation only. */
.nest-educator-shell{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(248,250,252,.48));}
.dark .nest-educator-shell{background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(15,23,42,.46));}
.nest-educator-kicker{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(16,185,129,.09);color:#047857;font-size:10px;font-weight:900;letter-spacing:.16em;}
.dark .nest-educator-kicker{background:rgba(52,211,153,.10);color:#a7f3d0;}
.nest-educator-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin-top:28px;}
.nest-educator-flow-item{padding:16px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(255,255,255,.56);}
.dark .nest-educator-flow-item{background:rgba(15,23,42,.42);border-color:rgba(100,116,139,.25);}
.nest-educator-flow-item>span{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#64748b;margin-bottom:8px;}
.nest-educator-flow-item strong{display:block;font-size:15px;font-weight:900;color:#0f172a;}
.dark .nest-educator-flow-item strong{color:#f8fafc;}
.nest-educator-flow-item p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#64748b;}
.dark .nest-educator-flow-item p{color:#94a3b8;}
.nest-educator-flow-arrow{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;}
.nest-educator-card{border:1px solid rgba(148,163,184,.24);border-radius:20px;padding:20px;background:rgba(255,255,255,.50);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.nest-educator-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(15,23,42,.08);}
.dark .nest-educator-card{background:rgba(15,23,42,.38);border-color:rgba(100,116,139,.26);}
.nest-educator-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;}
.nest-educator-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,185,129,.10);color:#047857;}
.dark .nest-educator-icon{background:rgba(52,211,153,.10);color:#a7f3d0;}
.nest-educator-status{font-size:9px;font-weight:900;letter-spacing:.12em;color:#64748b;padding:6px 9px;border-radius:999px;background:rgba(148,163,184,.11);}
.nest-educator-card-live .nest-educator-status{color:#047857;background:rgba(16,185,129,.10);}
.dark .nest-educator-card-live .nest-educator-status{color:#a7f3d0;background:rgba(52,211,153,.10);}
.nest-educator-card-beta .nest-educator-status{color:#7c3aed;background:rgba(139,92,246,.09);}
.nest-educator-card-exploring .nest-educator-status{color:#a16207;background:rgba(245,158,11,.10);}
.dark .nest-educator-card-exploring .nest-educator-status{color:#fde68a;background:rgba(245,158,11,.10);}
.nest-educator-card h3{margin:0;font-size:18px;font-weight:900;color:#0f172a;}
.dark .nest-educator-card h3{color:#fff;}
.nest-educator-card p{margin:8px 0 0;font-size:13px;line-height:1.65;color:#64748b;max-width:720px;}
.dark .nest-educator-card p{color:#94a3b8;}
.nest-educator-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:900;color:#047857;text-decoration:none;}
.dark .nest-educator-link{color:#a7f3d0;}
.nest-educator-link::after{content:'→';font-size:13px;}
[dir="rtl"] .nest-educator-link::after{content:'←';}
@media (max-width:820px){.nest-educator-flow{grid-template-columns:1fr 1fr;}.nest-educator-flow-arrow{display:none;}}
@media (max-width:520px){.nest-educator-flow{grid-template-columns:1fr;}.nest-educator-card{padding:17px;}}


/* Phase 3 — Proof & Credibility Architecture. Presentation only; no scoring logic. */
.nest-proof-shell{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(248,250,252,.46));}
.dark .nest-proof-shell{background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(15,23,42,.46));}
.nest-proof-kicker{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(15,118,110,.08);color:#0f766e;font-size:10px;font-weight:900;letter-spacing:.16em;}
.dark .nest-proof-kicker{background:rgba(45,212,191,.09);color:#99f6e4;}
.nest-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;}
.nest-proof-card{padding:18px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.52);}
.dark .nest-proof-card{background:rgba(15,23,42,.42);border-color:rgba(100,116,139,.25);}
.nest-proof-card-icon{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,185,129,.10);color:#047857;margin-bottom:12px;}
.dark .nest-proof-card-icon{background:rgba(52,211,153,.10);color:#a7f3d0;}
.nest-proof-card h3{margin:0;color:#0f172a;font-size:14px;font-weight:900;line-height:1.35;}
.dark .nest-proof-card h3{color:#f8fafc;}
.nest-proof-card p{margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.6;}
.dark .nest-proof-card p{color:#94a3b8;}
.nest-proof-ledger{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;}
.nest-proof-ledger-card{padding:18px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:rgba(248,250,252,.62);}
.dark .nest-proof-ledger-card{background:rgba(15,23,42,.34);border-color:rgba(100,116,139,.25);}
.nest-proof-ledger-card h3{margin:0 0 7px;font-size:12px;font-weight:900;color:#0f172a;}
.dark .nest-proof-ledger-card h3{color:#fff;}
.nest-proof-ledger-card p{margin:0;color:#64748b;font-size:12px;line-height:1.65;}
.dark .nest-proof-ledger-card p{color:#94a3b8;}
.nest-proof-source{margin-top:12px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;color:#0f766e;text-decoration:none;}
.dark .nest-proof-source{color:#99f6e4;}
.nest-proof-rule{margin-top:14px;padding-top:13px;border-top:1px solid rgba(148,163,184,.18);font-size:11px;line-height:1.6;color:#64748b;}
.dark .nest-proof-rule{border-color:rgba(100,116,139,.24);color:#94a3b8;}
@media (max-width:900px){.nest-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.nest-proof-grid,.nest-proof-ledger{grid-template-columns:1fr}.nest-proof-card,.nest-proof-ledger-card{padding:16px;}}

/* Nest Brain — Phase 2 SVG system */
.nest-brain-shell{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(236,253,245,.72),rgba(255,255,255,.84) 45%,rgba(240,253,250,.62));border:1px solid rgba(15,118,110,.16);}
.dark .nest-brain-shell{background:radial-gradient(circle at 50% 44%,rgba(6,78,59,.32),rgba(15,23,42,.9) 58%);border-color:rgba(52,211,153,.16);}
.nest-brain-kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.68rem;font-weight:950;letter-spacing:.18em;color:#0f766e;text-transform:uppercase}.nest-brain-kicker::before{content:"";width:1.8rem;height:2px;border-radius:999px;background:currentColor;opacity:.65}.dark .nest-brain-kicker{color:#6ee7b7}
.nest-brain-copy{max-width:44rem}.nest-brain-canvas{position:relative;margin-top:1.2rem;border-radius:2rem;overflow:hidden}.nest-brain-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(16,185,129,.08),transparent 46%);}
.nest-brain-svg{display:block;width:100%;height:auto;min-height:360px;overflow:visible}.nest-brain-bg{fill:rgba(255,255,255,.42);stroke:rgba(148,163,184,.16);stroke-width:1.2}.dark .nest-brain-bg{fill:rgba(15,23,42,.48);stroke:rgba(100,116,139,.28)}
.nest-brain-halo{fill:url(#nest-brain-core-grad);opacity:.9}.nest-brain-edge{fill:none;stroke:rgba(15,118,110,.20);stroke-width:1.8;transition:opacity .35s ease,stroke .35s ease,stroke-width .35s ease}.dark .nest-brain-edge{stroke:rgba(52,211,153,.18)}.nest-brain-edge.is-active{stroke:rgba(5,150,105,.55);stroke-width:2.7}.dark .nest-brain-edge.is-active{stroke:rgba(52,211,153,.48)}.nest-brain-edge.is-dimmed{opacity:.10}
.nest-brain-pulse-path{fill:none;stroke:#34d399;stroke-width:3.8;stroke-linecap:round;filter:url(#nest-brain-glow);transition:stroke-dashoffset 1s cubic-bezier(.22,.72,.25,1)}.dark .nest-brain-pulse-path{stroke:#6ee7b7}
.nest-brain-node{cursor:pointer;outline:none;transition:opacity .35s ease}.nest-brain-node-halo{fill:rgba(255,255,255,.96);stroke:rgba(15,118,110,.22);stroke-width:1.4;transition:transform .35s ease,fill .35s ease,stroke .35s ease,opacity .35s ease}.dark .nest-brain-node-halo{fill:rgba(15,23,42,.92);stroke:rgba(52,211,153,.22)}.nest-brain-node-dot{fill:rgba(16,185,129,.18);stroke:rgba(5,150,105,.22);stroke-width:1}.dark .nest-brain-node-dot{fill:rgba(52,211,153,.15);stroke:rgba(110,231,183,.25)}.nest-brain-node-icon{font-size:11px;font-weight:900;fill:#047857;pointer-events:none}.dark .nest-brain-node-icon{fill:#a7f3d0}.nest-brain-node-label{font-size:12px;font-weight:900;fill:#0f172a;pointer-events:none;letter-spacing:.01em}.dark .nest-brain-node-label{fill:#f8fafc}.nest-brain-node-short{font-size:8.5px;font-weight:700;fill:#64748b;pointer-events:none}.dark .nest-brain-node-short{fill:#94a3b8}
.nest-brain-node-core .nest-brain-node-halo{stroke:rgba(5,150,105,.36);stroke-width:2.2}.nest-brain-node-core .nest-brain-node-dot{fill:rgba(16,185,129,.28)}.nest-brain-node:hover .nest-brain-node-halo,.nest-brain-node:focus-visible .nest-brain-node-halo,.nest-brain-node.is-focused .nest-brain-node-halo{transform:scale(1.12);stroke:rgba(5,150,105,.66)}.nest-brain-node.is-dimmed{opacity:.19}
.nest-brain-detail{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1rem 1.25rem 0;padding:1rem 1.1rem;border-radius:1.25rem;border:1px solid rgba(16,185,129,.18);background:rgba(255,255,255,.74);box-shadow:0 12px 30px rgba(15,23,42,.05)}.dark .nest-brain-detail{background:rgba(15,23,42,.68);border-color:rgba(52,211,153,.18);box-shadow:none}.nest-brain-detail[hidden]{display:none}.nest-brain-detail-kind{font-size:.58rem;font-weight:950;letter-spacing:.14em;color:#0f766e;text-transform:uppercase}.dark .nest-brain-detail-kind{color:#6ee7b7}.nest-brain-detail h3{margin:.18rem 0 0;font-size:.95rem;font-weight:950;color:#0f172a}.dark .nest-brain-detail h3{color:#fff}.nest-brain-detail p{margin:.18rem 0 0;font-size:.72rem;line-height:1.5;color:#64748b}.dark .nest-brain-detail p{color:#94a3b8}.nest-brain-detail button{border:0;border-radius:.8rem;padding:.65rem .85rem;background:#0c7556;color:#fff;font-size:.7rem;font-weight:900;cursor:pointer}.nest-brain-detail-close{background:transparent!important;color:#64748b!important;padding:.45rem!important}
.nest-brain-legend{display:flex;flex-wrap:wrap;gap:.45rem .9rem;justify-content:center;margin-top:.85rem}.nest-brain-legend span{font-size:.62rem;font-weight:800;color:#64748b}.dark .nest-brain-legend span{color:#94a3b8}.nest-brain-legend i{display:inline-block;width:.48rem;height:.48rem;border-radius:50%;margin-inline-end:.34rem;background:#34d399}
@media (max-width:720px){.nest-brain-shell{border-radius:1.5rem}.nest-brain-canvas{margin-inline:-.1rem}.nest-brain-svg{min-height:300px}.nest-brain-node-label{font-size:10px}.nest-brain-node-short{display:none}.nest-brain-detail{grid-template-columns:auto 1fr;}.nest-brain-detail button{grid-column:2;justify-self:start}.nest-brain-detail-close{position:absolute;inset-inline-end:.7rem;top:.7rem}.nest-brain-detail{position:relative;padding-inline-end:2.3rem}.nest-brain-legend{padding-inline:.75rem}.nest-brain-shell .nest-brain-head{padding-inline:1.15rem}.nest-brain-shell .nest-brain-foot{padding-inline:1.15rem}}

/* Nest Brain Phase 03 — visual refinement: more space, less label noise, brain-like flow. */
.nest-brain-shell{background:linear-gradient(145deg,rgba(241,253,249,.86),rgba(255,255,255,.90) 48%,rgba(237,253,247,.72));}
.dark .nest-brain-shell{background:radial-gradient(circle at 50% 42%,rgba(6,78,59,.30),rgba(9,17,31,.95) 62%);}
.nest-brain-head{max-width:72rem;margin-inline:auto;}
.nest-brain-canvas{margin-top:.35rem;padding:0 .35rem .35rem;}
.nest-brain-svg{min-height:0;aspect-ratio:1000/700;}
.nest-brain-bg{fill:rgba(255,255,255,.34);stroke:rgba(148,163,184,.14);}
.dark .nest-brain-bg{fill:rgba(15,23,42,.34);stroke:rgba(100,116,139,.24);}
.nest-brain-halo{opacity:.78;}
.nest-brain-contour{fill:none;stroke:rgba(15,118,110,.09);stroke-width:1.25;stroke-dasharray:2 9;}
.dark .nest-brain-contour{stroke:rgba(110,231,183,.08);}
.nest-brain-spine{fill:none;stroke:rgba(15,118,110,.12);stroke-width:1.15;stroke-dasharray:1 7;stroke-linecap:round;}
.dark .nest-brain-spine{stroke:rgba(110,231,183,.11);}
.nest-brain-edge{stroke:rgba(15,118,110,.16);stroke-width:1.55;}
.dark .nest-brain-edge{stroke:rgba(52,211,153,.14);}
.nest-brain-edge.is-active{stroke:rgba(5,150,105,.62);stroke-width:2.5;}
.dark .nest-brain-edge.is-active{stroke:rgba(52,211,153,.52);}
.nest-brain-node-halo{filter:drop-shadow(0 5px 12px rgba(15,23,42,.06));}
.dark .nest-brain-node-halo{filter:drop-shadow(0 5px 16px rgba(0,0,0,.25));}
.nest-brain-node-core .nest-brain-node-halo{stroke:rgba(5,150,105,.40);stroke-width:2.4;}
.nest-brain-node-secondary .nest-brain-node-label,.nest-brain-node-secondary .nest-brain-node-short{opacity:.12;transition:opacity .25s ease;}
.nest-brain-node-secondary:hover .nest-brain-node-label,.nest-brain-node-secondary:hover .nest-brain-node-short,.nest-brain-node-secondary:focus-visible .nest-brain-node-label,.nest-brain-node-secondary:focus-visible .nest-brain-node-short,.nest-brain-node-secondary.is-focused .nest-brain-node-label,.nest-brain-node-secondary.is-focused .nest-brain-node-short{opacity:1;}
.nest-brain-node-secondary .nest-brain-node-halo{stroke-opacity:.68;}
.nest-brain-node.is-dimmed{opacity:.12;}
.nest-brain-detail{backdrop-filter:blur(14px);}
@media (max-width:720px){
  .nest-brain-shell{border-radius:1.35rem;}
  .nest-brain-head{padding-top:1.35rem!important;padding-bottom:.55rem!important;}
  .nest-brain-copy{max-width:31rem;}
  .nest-brain-canvas{padding:0 .15rem .15rem;margin-top:.1rem;}
  .nest-brain-node-label{font-size:10px;}
  .nest-brain-node-core .nest-brain-node-label{font-size:11px;}
  .nest-brain-node-short{display:none;}
  .nest-brain-node-secondary .nest-brain-node-label{opacity:0;}
  .nest-brain-node-secondary:hover .nest-brain-node-label,.nest-brain-node-secondary:focus-visible .nest-brain-node-label,.nest-brain-node-secondary.is-focused .nest-brain-node-label{opacity:1;}
  .nest-brain-legend{gap:.35rem .7rem;margin-top:.5rem;}
  .nest-brain-foot{padding-top:.45rem!important;padding-bottom:1.0rem!important;}
}
@media (prefers-reduced-motion:reduce){.nest-brain-edge,.nest-brain-node,.nest-brain-node-label,.nest-brain-node-short{transition:none!important;}.nest-brain-pulse-path{display:none!important;}}


/* Nest Brain — homepage compression. The Brain is the primary overview;
   secondary depth is surfaced through compact intentional entry points. */
.nest-brain-explore-shell{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.48));overflow:hidden;}
html.dark .nest-brain-explore-shell{background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.56));}
.nest-brain-explore-head{padding:1.1rem 1.25rem .85rem;}
.nest-brain-explore-kicker{display:inline-flex;align-items:center;gap:.45rem;font-size:.61rem;font-weight:900;letter-spacing:.18em;color:#0c7556;}
.nest-brain-explore-kicker::before{content:"";width:1.5rem;height:2px;border-radius:999px;background:currentColor;opacity:.65;}
html.dark .nest-brain-explore-kicker{color:#6ee7b7;}
.nest-brain-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:0 1.25rem 1.25rem;}
.nest-brain-explore-card{display:flex;align-items:center;gap:.72rem;min-width:0;padding:.82rem .9rem;border-radius:1.1rem;border:1px solid rgba(148,163,184,.16);background:rgba(248,250,252,.7);color:inherit;text-decoration:none;text-align:start;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.nest-brain-explore-card:hover{transform:translateY(-1px);border-color:rgba(12,117,86,.24);box-shadow:0 14px 28px -22px rgba(15,23,42,.45);background:rgba(255,255,255,.92);}
html.dark .nest-brain-explore-card{background:rgba(15,23,42,.45);border-color:rgba(71,85,105,.42);}
html.dark .nest-brain-explore-card:hover{background:rgba(15,23,42,.72);border-color:rgba(110,231,183,.2);box-shadow:none;}
.nest-brain-explore-icon{flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;background:rgba(236,253,245,.92);color:#0c7556;border:1px solid rgba(12,117,86,.14);}
html.dark .nest-brain-explore-icon{background:rgba(6,78,59,.3);color:#6ee7b7;border-color:rgba(110,231,183,.16);}
.nest-brain-explore-card span:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:.16rem;flex:1;}
.nest-brain-explore-card strong{font-size:.76rem;font-weight:900;color:#0f172a;line-height:1.3;}
html.dark .nest-brain-explore-card strong{color:#f8fafc;}
.nest-brain-explore-card small{font-size:.64rem;color:#64748b;line-height:1.4;}
html.dark .nest-brain-explore-card small{color:#94a3b8;}
.nest-brain-explore-arrow{font-size:.7rem;color:#94a3b8;flex:0 0 auto;}
@media (max-width:900px){.nest-brain-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.nest-brain-explore-head{padding:1rem 1rem .8rem}.nest-brain-explore-grid{grid-template-columns:1fr;padding:0 1rem 1rem}.nest-brain-explore-card{padding:.78rem .82rem}.nest-brain-explore-card:hover{transform:none;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nest-brain-explore-card{transition:none}}



/* ═══════════════════════════════════════════════════════════════════════════
   v320 · شريط التنقّل العلوي: ازدحام واصطدام (بلاغ بصري من د. أحمد)
   ───────────────────────────────────────────────────────────────────────────
   الأثر: «Home» كانت تلتصق بكلمة NestEnglish، و«Start Test» ينكسر سطرين.
   لم يظهر في أي اختبار سابق لأن ثلاثة بنود (Learn · Practice Hub · My Progress)
   وشارة XP **مخفية للزائر الجديد** ولا تظهر إلا بعد أول تقييم (nest-nav-gate.js).
   فالشريط المزدحم هو شريط المتعلّم العائد وحده.

   القياس الفعلي عند 1366px: العلامة 135 + الروابط 569 + المجموعة اليمنى 472
   = 1176px داخل حاوية max-w-6xl (1152 − 48 حشو = 1104 متاح) ⟹ عجز 72px.
   ولأن الحاوية مقيّدة بـ1152 فإن **توسيع نافذة المتصفح لم يكن يحل شيئًا** —
   الاصطدام كان يحدث حتى عند 1536px.

   العلاج على ثلاث طبقات:
   1) الشريط وحده يتّسع حتى 1440px على الشاشات الكبيرة (محتوى الصفحة يبقى 1152).
   2) الشريط الأفقي الكامل لا يظهر إلا من 1280px فأعلى (xl بدل lg)؛ وتحتها
      الدرج الجانبي الموجود أصلًا — وهو مصمَّم لهذا ولا يعاني الضيق.
   3) حدّ أدنى مضمون للمسافة بين الكتل، ومنع كسر نص الأزرار.
   ═══════════════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════════════
   شريط التنقّل العلوي — v327
   ───────────────────────────────────────────────────────────────────────────
   تاريخ هذا الجزء: v320–v322 حاولت ضبطه بنقاط توقّف حسب العرض (1080 / 1280 /
   1440). وكان ذلك خطأً في المنهج لا في الأرقام: عدد البنود نفسه متغيّر
   (5 لزائر جديد، 6 لمتعلّم عائد)، وطول الكلمات يختلف بين أربع لغات، وتكبير
   العرض في ويندوز يغيّر العرض الفعلي. فأي رقم ثابت يصحّ في حالة ويفشل في
   أخرى — وهذا ما تكرّر ثلاث مرات.
   والأسوأ: تلك القواعد كُتبت بلا حدّ أدنى للعرض، فطُبِّقت على الهاتف أيضًا
   وقصّت زر الحساب خارج الشاشة (بلاغ بصري من هاتف د. أحمد).

   v327 يستبدل التخمين بالقياس:
     • كل قواعد الشريط الأفقي محصورة الآن في 1024px فأعلى — الهاتف يعود
       تمامًا إلى سلوكه الأصلي قبل v320.
     • الضغط لا يُقرّر بالعرض بل بالقياس الفعلي (nest-navbar-fit.js): يقيس
       المتصفح الاتّساع الحقيقي بعد الخطوط واللغة وعدد البنود، ثم يطبّق
       أخفّ درجة ضغط تكفي. ثلاث درجات فقط، بالترتيب.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width:1024px){
  .nest-navbar-row{gap:1.5rem}
  .nest-navbar-row>*{flex:0 0 auto}
  .nest-navbar-row button,.nest-navbar-row a{white-space:nowrap}
  .nest-navbar-row .brand-lockup{flex:0 0 auto}
  .nest-navbar-row{max-width:min(90rem,100% - 3rem)!important}
  .nest-navbar-links{gap:1.15rem}
  .nest-navbar-links .nav-primary-link{font-size:.78rem!important}

  /* الدرجة 3 — لا تتّسع المساحة لبنود مقروءة: الدرج الجانبي، وهو مصمَّم لهذا */
  .nest-navbar-row.is-drawer .nest-navbar-links{display:none!important}
  .nest-navbar-row.is-drawer .nest-navbar-burger{display:flex!important}
}
.nest-navbar-drawer:not(.hidden){display:block}

/* ───────────────────────────────────────────────────────────────────────────
   v327 · الهاتف: باج قديم سابق لكل تعديلاتي (تأكّد بقياس v319 نفسها).
   عند 390px: كتلة العلامة 199 + المجموعة اليمنى 179 = 378 داخل 388 ناقص 48
   حشوًا = 340 متاح ⟹ يفيض بـ38 بكسل، فيُقصّ زر الحساب خارج الشاشة.
   العلاج يأخذ المساحة من التزيين لا من الوظيفة: تُخفى شارة Beta تحت 480px،
   ويصير زر الحساب أيقونةً فقط تحت 420px — مع إبقاء نصّه مقروءًا لقارئ الشاشة.
   ─────────────────────────────────────────────────────────────────────────── */
@media (max-width:479.98px){
  nav .nest-beta-badge{display:none!important}
}
@media (max-width:419.98px){
  nav #nav-account-widget button span:not(.sr-only){
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  nav #nav-account-widget button{padding-left:.55rem;padding-right:.55rem}
}


/* درجات الضغط تعمل على كل العروض: فوق 1024 تضغط الشريط الأفقي، وتحتها تضغط
   العلامة والمجموعة اليمنى وحدهما (الروابط مخفية أصلًا) — وهناك كان الفيض
   يقصّ زر الحساب على الأجهزة اللوحية بالإسبانية. القواعد الأساسية (flex وmax-width)
   تبقى فوق 1024 وحدها كي لا يتكرّر ما حدث للهاتف. */
  /* الدرجة 1 — تقارب التباعد فقط */
.nest-navbar-row.is-snug{gap:1rem}
.nest-navbar-row.is-snug .nest-navbar-links{gap:.6rem}
.nest-navbar-row.is-snug .nest-navbar-links .nav-primary-link{font-size:.75rem!important}

  /* الدرجة 2 — يضاف إليها: إخفاء شارة Beta، وزرّا اللغة والحساب بأيقونتيهما.
     الإخفاء بصري فقط: النص يبقى مقروءًا لقارئ الشاشة (درس v322). */
.nest-navbar-row.is-compact{gap:.7rem}
.nest-navbar-row.is-compact .nest-navbar-links{gap:.4rem}
.nest-navbar-row.is-compact .nest-navbar-links .nav-primary-link{font-size:.72rem!important}
.nest-navbar-row.is-compact .brand-mark{width:2.4rem;height:2.4rem}
  /* قياس عند 1093 بستة بنود: المطلوب 1022 والمتاح 995 ⟹ عجز 27. التوفير من
     الفجوات الداخلية لا من حجم النص: المجموعة اليمنى والعلامة. */
.nest-navbar-row.is-compact .nest-navbar-links .nav-primary-link{font-size:.7rem!important}
.nest-navbar-row.is-compact>:last-child{gap:.375rem!important}
.nest-navbar-row.is-compact>:first-child{gap:.5rem!important}
.nest-navbar-row.is-compact .nest-beta-badge{display:none!important}
.nest-navbar-row.is-compact .brand-name{font-size:1.15rem!important}
.nest-navbar-row.is-compact #lang-btn-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nest-navbar-row.is-compact #nav-account-widget button span:not(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nest-navbar-row.is-compact #nav-lang-btn,
.nest-navbar-row.is-compact #nav-account-widget button,
.nest-navbar-row.is-compact #nav-xp-pill-btn{padding-left:.45rem;padding-right:.45rem}



/* ═══ v328 · نافذة إذن الميكروفون وفحص جودته ═══════════════════════════════ */
.nest-mic-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,16,11,.62);backdrop-filter:blur(3px)}
.nest-mic-card{max-width:34rem;width:100%;background:#fff;color:#0f172a;border-radius:20px;padding:26px;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);line-height:1.75}
html.dark .nest-mic-card{background:#0d1726;color:#f5f7f6}
.nest-mic-card h2{font-size:19px;font-weight:800;margin:0 0 10px}
.nest-mic-card p{font-size:14px;margin:0 0 12px;color:#334155}
html.dark .nest-mic-card p{color:#c3ced5}
.nest-mic-note{font-size:12.5px!important;color:#64748b!important}
html.dark .nest-mic-note{color:#8ea0ac!important}
.nest-mic-check{margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:#f1f5f9;font-size:13px}
html.dark .nest-mic-check{background:rgba(255,255,255,.06)}
.nest-mic-check b{display:block;font-size:13px;margin-bottom:4px}
.nest-mic-verdict{display:block;color:#475569}
html.dark .nest-mic-verdict{color:#aebac3}
.nest-mic-verdict.is-good{color:#00714d;font-weight:700}
html.dark .nest-mic-verdict.is-good{color:#6be0b7}
.nest-mic-verdict.is-quiet,.nest-mic-verdict.is-noisy,.nest-mic-verdict.is-nomic{color:#b45309;font-weight:700}
html.dark .nest-mic-verdict.is-quiet,html.dark .nest-mic-verdict.is-noisy,html.dark .nest-mic-verdict.is-nomic{color:#fbbf24}
.nest-mic-meter{margin-top:8px;height:6px;border-radius:99px;background:#e2e8f0;overflow:hidden}
html.dark .nest-mic-meter{background:rgba(255,255,255,.12)}
.nest-mic-meter i{display:block;height:100%;width:0;background:#00714d;transition:width .2s}
.nest-mic-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.nest-mic-actions button{padding:11px 18px;border-radius:13px;font-weight:700;font-size:14px;cursor:pointer;border:0}
.nest-mic-yes{background:#00714d;color:#fff}
.nest-mic-yes:hover{background:#005f41}
.nest-mic-no{background:#e2e8f0;color:#334155}
html.dark .nest-mic-no{background:rgba(255,255,255,.1);color:#e2e8f0}
.nest-mic-actions button:disabled{opacity:.55;cursor:default}


/* ═══ v330 · خلاصة دليل التحدّث ومهمّة «اسمع ثمّ أعِد» ═════════════════════ */
.nest-speech-summary{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:12px;font-weight:700;color:#475569;margin-top:6px}
html.dark .nest-speech-summary{color:#9fb0ba}
.nest-speech-summary b{font-size:13px;color:#00714d}
html.dark .nest-speech-summary b{color:#6be0b7}
.nest-speech-warn{color:#b45309}
html.dark .nest-speech-warn{color:#fbbf24}
.nest-echo-wrap{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.nest-echo-btn{background:#e2e8f0;color:#334155;border:0;padding:12px 16px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer}
html.dark .nest-echo-btn{background:rgba(255,255,255,.1);color:#e2e8f0}
.nest-echo-btn:hover{background:#cbd5e1}
html.dark .nest-echo-btn:hover{background:rgba(255,255,255,.16)}
.nest-echo-btn.is-play{background:#00714d;color:#fff}
.nest-echo-hint{font-size:11.5px;color:#64748b;font-weight:600}
html.dark .nest-echo-hint{color:#8ea0ac}
/* إخفاء النص في وضع الإعادة: يبقى مقروءًا لقارئ الشاشة ومحجوبًا بصريًا */
.nest-speech-hidden-text{color:transparent!important;text-shadow:0 0 12px rgba(100,116,139,.55);user-select:none}


/* ═══ v332 · رحلة الزائر الأول ═════════════════════════════════════════════ */
.nest-journey-problem{max-width:34rem;margin:0 0 18px;font-size:15px;line-height:1.8;color:#475569;font-weight:600}
html.dark .nest-journey-problem{color:#b9c6cd}
.nest-journey-steps{margin-top:4px}
.nest-journey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.nest-journey-step{background:rgba(255,255,255,.7);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:18px 20px}
html.dark .nest-journey-step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
.nest-journey-step b{display:block;font-size:12px;font-weight:800;color:#00714d;margin-bottom:8px;letter-spacing:.04em}
html.dark .nest-journey-step b{color:#6be0b7}
.nest-journey-step h3{margin:0 0 7px;font-size:17px;font-weight:800;color:#0f172a;line-height:1.35}
html.dark .nest-journey-step h3{color:#f5f7f6}
.nest-journey-step p{margin:0;font-size:13.5px;line-height:1.8;color:#475569}
html.dark .nest-journey-step p{color:#a9b8c1}
.nest-journey-promise{max-width:46rem;margin:26px auto 2px;padding:0 24px;font-size:19px;line-height:1.6;font-weight:800;color:#0f172a;text-align:center}
html.dark .nest-journey-promise{color:#f5f7f6}
.nest-journey-more{max-width:72rem;margin:26px auto;padding:0 24px}
.nest-journey-more>summary{list-style:none;cursor:pointer;padding:16px 20px;border:1px dashed rgba(148,163,184,.45);border-radius:16px;background:rgba(255,255,255,.55)}
html.dark .nest-journey-more>summary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}
.nest-journey-more>summary::-webkit-details-marker{display:none}
.nest-journey-more>summary:hover{border-color:#00714d}
.nest-journey-more-t{display:block;font-size:15px;font-weight:800;color:#00714d}
html.dark .nest-journey-more-t{color:#6be0b7}
.nest-journey-more-h{display:block;font-size:12.5px;color:#64748b;margin-top:4px;line-height:1.7}
html.dark .nest-journey-more-h{color:#8ea0ac}
.nest-journey-more[open]>summary{margin-bottom:10px}
/* إجراء واحد بارز: الثانوي يبقى كاملًا وظيفيًا ويهدأ بصريًا */
.nest-journey-secondary{opacity:.82;font-weight:700!important;box-shadow:none!important}
.nest-journey-secondary:hover{opacity:1}
@media (max-width:640px){.nest-journey-promise{font-size:17px}}


/* ═══ v334 · ذاكرة الخطأ (عرض طوليّ) ══════════════════════════════════════ */
.nem{margin:0 0 22px}
.nem-title{font-size:18px;font-weight:800;margin:0 0 4px;color:#0f172a}
html.dark .nem-title{color:#f5f7f6}
.nem-sub{font-size:13px;line-height:1.75;color:#64748b;margin:0 0 14px}
html.dark .nem-sub{color:#93a3af}
.nem-empty{font-size:13px;color:#64748b;background:rgba(148,163,184,.1);border-radius:14px;padding:14px 16px;margin:0}
html.dark .nem-empty{color:#9fb0ba;background:rgba(255,255,255,.05)}
.nem-grid{display:grid;gap:10px}
.nem-card{border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.65)}
html.dark .nem-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09)}
.nem-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:7px}
.nem-head b{font-size:15px;font-weight:800;color:#0f172a}
html.dark .nem-head b{color:#f5f7f6}
.nem-chip{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:99px;letter-spacing:.02em}
.nem-chip.is-open{background:#fef3c7;color:#92400e}
.nem-chip.is-resolved{background:#dcfce7;color:#065f46}
.nem-chip.is-recurred{background:#fee2e2;color:#991b1b}
html.dark .nem-chip.is-open{background:rgba(251,191,36,.16);color:#fbbf24}
html.dark .nem-chip.is-resolved{background:rgba(16,185,129,.16);color:#6be0b7}
html.dark .nem-chip.is-recurred{background:rgba(239,68,68,.16);color:#fca5a5}
.nem-trend{font-size:11px;font-weight:800}
.nem-trend.is-improving{color:#00714d}
html.dark .nem-trend.is-improving{color:#6be0b7}
.nem-trend.is-worsening{color:#b45309}
html.dark .nem-trend.is-worsening{color:#fbbf24}
.nem-trend.is-steady{color:#64748b}
.nem-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#64748b;margin-bottom:10px}
html.dark .nem-meta{color:#93a3af}
.nem-count{font-weight:800;color:#0f172a}
html.dark .nem-count{color:#e2e8f0}
.nem-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nem-spark{display:inline-flex;align-items:flex-end;gap:3px;height:26px}
.nem-spark i{width:7px;background:#00714d;border-radius:2px;display:block}
html.dark .nem-spark i{background:#6be0b7}
.nem-spark i.is-zero{background:rgba(148,163,184,.35)}
.nem-scale{font-size:10.5px;color:#94a3b8;font-weight:700}
.nem-practice{margin-inline-start:auto;font-size:12px;font-weight:800;padding:7px 14px;border-radius:11px;border:0;cursor:pointer;background:#00714d;color:#fff}
.nem-practice:hover{background:#005f41}