.learning-nav{--nav-ink:var(--ink,#243831);--nav-paper:var(--card,#fffefa);--nav-border:var(--paper-edge,#e1e8e2);--nav-accent:var(--site,#266d58);z-index:50;background:var(--nav-paper);border-bottom:1px solid var(--nav-border);color:var(--nav-ink);font-family:var(--font-assistant,inherit);position:sticky;top:0}.learning-nav__bar{align-items:center;gap:20px;max-width:1184px;min-height:76px;margin-inline:auto;padding:10px 24px;display:flex}.learning-nav a{color:inherit;text-decoration:none}.learning-nav__brand{letter-spacing:-.6px;flex-shrink:0;align-items:center;gap:9px;font-size:21px;font-weight:800;display:flex}.learning-nav__logo{color:#fff;background:#286a56;border-radius:12px 12px 4px;place-items:center;width:34px;height:36px;font-size:24px;font-weight:800;display:grid;position:relative}.learning-nav__logo span{inset-inline-end:2px;color:#f5da8b;font-size:14px;position:absolute;top:0}.learning-nav details{position:relative}.learning-nav summary{cursor:pointer;border:1px solid var(--nav-border);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:700;list-style:none;display:flex}.learning-nav summary::-webkit-details-marker{display:none}.learning-nav summary:hover,.learning-nav details[open]>summary{background:color-mix(in srgb, var(--nav-accent) 8%, var(--nav-paper))}.learning-nav :is(a,summary):focus-visible,.learning-nav__mobile a:focus-visible{outline:3px solid var(--nav-accent,#266d58);outline-offset:3px}.learning-nav__primary{align-items:center;gap:4px;margin-inline:auto;display:flex}.learning-nav__primary a{white-space:nowrap;border-radius:12px;min-height:44px;padding:12px;font-size:15px;font-weight:700}.learning-nav a:is([aria-current=page],[aria-current=location]),.learning-nav__primary a:hover{background:color-mix(in srgb, var(--nav-accent) 9%, var(--nav-paper));color:var(--nav-accent)}.learning-nav__actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.learning-nav__search{border-radius:12px;place-items:center;width:44px;min-height:44px;display:grid}.learning-nav__panel{border:1px solid var(--nav-border);background:var(--nav-paper);overscroll-behavior:contain;border-radius:18px;width:290px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 170px);padding:12px;position:absolute;top:calc(100% + 10px);overflow:auto;box-shadow:0 16px 48px #183b2821}.learning-nav__subject-panel{inset-inline-start:0}.learning-nav__tools-panel{inset-inline-end:0}.learning-nav__caption{color:var(--ink-soft,#5a6860);margin:0;padding:4px 10px 12px;font-size:12px;font-weight:700}.learning-nav__panel a{border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:10px;font-size:15px;display:flex}.learning-nav__panel a:hover{background:color-mix(in srgb, var(--nav-accent) 7%, var(--nav-paper))}.learning-nav__subject-panel a>span:last-child{margin-inline-start:auto}.learning-nav__panel strong{display:block}.learning-nav__panel small{color:var(--ink-soft,#5a6860);font-size:12px;display:block}.learning-nav__panel hr{border:0;border-top:1px solid var(--nav-border);margin:8px}.learning-nav__subject-mark{color:#286a56;background:#e9f1e9;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.learning-nav__subject-mark--math{color:#61418c;background:#eee8fa}.learning-nav__subject-mark--english{color:#246348;background:#e1f0e9}.learning-nav__subject-mark--hebrew{color:#345988;background:#e7effc}.learning-nav__subject-mark--science{color:#80591c;background:#fff1d9}.learning-nav__mobile{display:none}@media (max-width:1023px){.learning-nav__primary{display:none}.learning-nav__bar{gap:12px;min-height:68px}}@media (max-width:639px){.learning-nav__bar{gap:8px;min-height:64px;padding:8px 12px}.learning-nav__brand{gap:5px;font-size:18px}.learning-nav__logo{border-radius:9px 9px 3px;width:28px;height:30px;font-size:20px}.learning-nav summary{padding-inline:9px;font-size:13px}.learning-nav__search{display:none}.learning-nav__actions{gap:4px}.learning-nav__tools summary>span:first-child{display:none}.learning-nav__tools summary{min-width:44px;font-size:20px}.learning-nav__subject-panel{top:70px;width:auto;max-width:none;position:fixed;inset-inline:12px}.learning-nav__mobile{bottom:0;z-index:40;padding:6px 6px max(8px, env(safe-area-inset-bottom));background:var(--card,#fffefa);border-top:1px solid var(--paper-edge,#e1e8e2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset-inline:0;box-shadow:0 -3px 18px #183b2808}.learning-nav__tab{text-align:center;min-height:50px;color:var(--ink-soft,#52635a);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:700;line-height:1.3;text-decoration:none;display:flex}.learning-nav__tab-icon{font-size:22px;font-weight:600;line-height:24px}.learning-nav__tab:is([aria-current=page],[aria-current=location]){background:color-mix(in srgb, var(--site,#266d58) 10%, var(--card,white));color:var(--site,#266d58)}}@media print{.learning-nav,.learning-nav__mobile{display:none!important}}html.practice-focus .learning-nav__mobile{display:none}body:has(.learning-nav details[open]) :is([data-a11y-fab],[data-feedback-fab]){visibility:hidden}
[data-math-home]{--paper:#fafbf7;--paper-2:#f0f5ee;--paper-edge:#dce5dc;--card:#fff;--ink:#233c32;--ink-soft:#57675f;--site:#286a56}html[data-mode=dark] [data-math-home]{--paper:#17221c;--paper-2:#233027;--paper-edge:#3d5144;--card:#202e25;--ink:#edf4ec;--ink-soft:#c0cec3;--site:#9ad1b6}.learning-nav[data-subject=math]{--nav-accent:#6e4fa3}body:has(.learning-nav[data-subject=math]) .learning-nav__mobile{--site:#6e4fa3}html[data-mode=dark] .learning-nav[data-subject=math]{--nav-accent:#b79be6}html[data-mode=dark] body:has(.learning-nav[data-subject=math]) .learning-nav__mobile{--site:#b79be6}body:has(.learning-nav) .mobile-tab-bar{display:none!important}@media (max-width:639px){html body:has(.learning-nav__mobile){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}body:has([data-practice-active=true],[data-exam-active=true]) .learning-nav__mobile{display:none}html body:has([data-practice-active=true],[data-exam-active=true]){padding-bottom:0!important}}
